Vitest UI

Vitest, poháněný nástrojem Vite, využívá při spouštění testů vývojový server. To umožňuje Vitestu poskytovat přehledné uživatelské rozhraní pro prohlížení a interakci s testy. Vitest UI je volitelné, proto jej musíte nainstalovat pomocí následujícího příkazu:

bash

npm i -D @vitest/ui

Poté můžete spustit testy s UI předáním příznaku --ui:

bash

vitest --ui

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

WARNING

UI je interaktivní a vyžaduje spuštěný Vite server, proto se ujistěte, že Vitest spouštíte v režimu watch (což je výchozí nastavení). Alternativně můžete vygenerovat statický HTML report, který vypadá identicky s Vitest UI, a to zadáním html do konfigurační volby reporters.

UI lze také použít jako reportér. Použijte reportér 'html' ve vaší konfiguraci Vitestu k vygenerování HTML výstupu a náhledu výsledků testů:

import { defineConfig } from 'vitest/config';

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

Pokrytí testů můžete zkontrolovat v Vitest UI. Více podrobností naleznete v Vitest UI Coverage.

WARNING

Pokud stále chcete vidět, jak se vaše testy spouštějí v reálném čase v terminálu, nezapomeňte přidat reportér default do možnosti reporters, například: ['default', 'html'].

TIP

Pro náhled vašeho HTML reportu můžete použít příkaz vite preview:

npx vite preview --outDir ./html

Výstup můžete konfigurovat pomocí konfigurační možnosti outputFile. Musíte tam zadat cestu k .html souboru. Například ./html/index.html je výchozí hodnota.

Vitest UI ​

Vitest UI