Vitest UI

Vitest, построенный на Vite, использует Dev-сервер для запуска тестов. Это позволяет Vitest предоставлять удобный UI для просмотра и взаимодействия с вашими тестами. Vitest UI является опциональным, поэтому его необходимо установить отдельно:

bash

npm i -D @vitest/ui

Затем запустите тесты с UI, используя флаг --ui:

bash

vitest --ui

После этого вы сможете получить доступ к Vitest UI по адресу http://localhost:51204/__vitest__/

Пользовательский интерфейс также может использоваться в качестве репортера. Используйте репортер 'html' в конфигурации Vitest для генерации вывода в формате HTML и предварительного просмотра результатов ваших тестов:

// vitest.config.ts

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

Вы можете проверить отчет о покрытии в Vitest UI: подробнее смотрите в разделе Vitest UI Coverage.

WARNING

Чтобы видеть выполнение тестов в реальном времени в терминале, добавьте репортер default в массив reporters: ['default', 'html'].

TIP

Для просмотра HTML-отчета можно использовать команду vite preview:

npx vite preview --outDir ./html

Вывод можно настроить с помощью опции конфигурации outputFile. Необходимо указать путь к .html файлу. Например, ./html/index.html является значением по умолчанию.

Vitest UI ​

Vitest UI