Interfejs użytkownika Vitest

Vitest, oparty na Vite, uruchamia serwer deweloperski w tle podczas wykonywania testów. Dzięki temu Vitest oferuje przejrzysty interfejs do przeglądania i interakcji z testami. Interfejs użytkownika Vitest jest opcjonalny, więc należy go zainstalować za pomocą:

npm i -D @vitest/ui

Następnie możesz uruchomić testy z interfejsem użytkownika, używając flagi --ui:

vitest --ui

Interfejs Vitest UI jest dostępny pod adresem http://localhost:51204/__vitest__/

Interfejs użytkownika może być również używany jako reporter. Użyj reportera 'html' w konfiguracji Vitest, aby wygenerować wyjście HTML i podgląd wyników testów:

// vitest.config.ts

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

Możesz sprawdzić raport pokrycia w Vitest UI: więcej szczegółów znajdziesz w sekcji Pokrycie Vitest UI.

WARNING

Jeśli chcesz obserwować wyniki testów w czasie rzeczywistym w terminalu, dodaj reporter default do opcji reporters: ['default', 'html'].

TIP

Aby wyświetlić raport HTML, możesz użyć polecenia vite preview:

npx vite preview --outDir ./html

Możesz skonfigurować ścieżkę pliku wyjściowego za pomocą opcji konfiguracyjnej outputFile. Należy podać ścieżkę z rozszerzeniem .html. Domyślna wartość to: ./html/index.html.