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

Od wersji Vitest 0.26.0, interfejs użytkownika może być również używany jako reporter. Aby wygenerować raport HTML i wyświetlić wyniki testów, użyj reportera 'html' w konfiguracji Vitest:

// vitest.config.ts

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

Od wersji Vitest 0.31.0, możesz przeglądać raport pokrycia kodu w interfejsie użytkownika Vitest. Więcej informacji znajdziesz w sekcji Vitest UI Coverage.

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.