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__/

Od verze Vitest 0.26.0 lze UI použít také jako reportér. Pro generování HTML výstupu a zobrazení výsledků testů použijte reportér 'html' ve vaší konfiguraci Vitestu:

// vitest.config.ts

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

Od verze Vitest 0.31.0 můžete ve Vitest UI zkontrolovat report pokrytí kódu: podívejte se na Vitest UI Coverage pro více informací.

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