Vitest UI

Vitest, postavený na Vite, využívá vývojový server, který běží na pozadí při spuštění testů. Díky tomu může Vitest poskytovat přehledné uživatelské rozhraní pro prohlížení a interakci s testy. Vitest UI je volitelné, takže je nutné jej nainstalovat:

bash

npm i -D @vitest/ui

Poté můžete spustit testy s UI pomocí parametru --ui:

bash

vitest --ui

Vitest UI je dostupné na adrese http://localhost:51204/__vitest__/

UI lze použít také jako reportér. V konfiguraci Vitest použijte 'html' reportér pro generování výstupu HTML a náhled výsledků vašich testů:

// vitest.config.ts

export default {
  test: {
    reporters: ['html'],
  },
};

V uživatelském rozhraní Vitest můžete zkontrolovat svou zprávu o pokrytí: další podrobnosti naleznete v části Pokrytí uživatelské rozhraní Vitest.

WARNING

Pokud chcete i nadále sledovat průběh testů v reálném čase v terminálu, nezapomeňte do pole reporters přidat reportér default: ['default', 'html'].

TIP

Pro zobrazení HTML reportu můžete použít příkaz vite preview:

npx vite preview --outDir ./html

Výstup můžete konfigurovat pomocí konfigurační volby outputFile. Je nutné zadat cestu končící příponou .html. Například ./html/index.html je výchozí hodnota.

Vitest UI ​

Vitest UI