Просмотр трасс

Введение

Playwright Trace Viewer — это графический инструмент, который позволяет вам исследовать записанные трассы Playwright ваших тестов, что означает, что вы можете перемещаться вперед и назад по каждому действию вашего теста и визуально видеть, что происходило во время каждого действия.

Вы узнаете

Запись трассы

По умолчанию файл playwright.config будет содержать конфигурацию, необходимую для создания файла trace.zip для каждого теста. Трассы настроены на выполнение on-first-retry, что означает, что они будут выполняться при первой попытке повторного запуска неудачного теста. Также retries установлены на 2 при запуске в CI и 0 локально. Это означает, что трассы будут записываться при первой попытке повторного запуска неудачного теста, но не при первом запуске и не при втором повторном запуске.

playwright.config.ts
import { defineConfig } from '@playwright/test';
export default defineConfig({
  retries: process.env.CI ? 2 : 0, // установите 2 при запуске в CI
  // ...
  use: {
    trace: 'on-first-retry', // записывать трассы при первой попытке повторного запуска каждого теста
  },
});

Чтобы узнать больше о доступных параметрах для записи трассы, ознакомьтесь с нашим подробным руководством по Trace Viewer.

Трассы обычно выполняются в среде непрерывной интеграции (CI), потому что локально вы можете использовать UI Mode для разработки и отладки тестов. Однако, если вы хотите запустить трассы локально без использования UI Mode, вы можете принудительно включить трассировку с помощью --trace on.

npx playwright test --trace on

Открытие HTML-отчета

HTML-отчет показывает вам отчет о всех ваших тестах, которые были выполнены, и в каких браузерах, а также сколько времени они заняли. Тесты можно фильтровать по успешным, неудачным, нестабильным или пропущенным тестам. Вы также можете искать конкретный тест. Щелчок по тесту откроет детальный вид, где вы сможете увидеть больше информации о ваших тестах, такую как ошибки, шаги теста и трассу.

npx playwright show-report

Открытие трассы

В HTML-отчете щелкните на значок трассы рядом с именем файла теста, чтобы напрямую открыть трассу для необходимого теста.

html отчет playwright

Вы также можете открыть детальный вид теста и прокрутить вниз до вкладки 'Traces', а затем открыть трассу, щелкнув на скриншоте трассы.

детальный вид html отчета playwright

Чтобы узнать больше о репортерах, ознакомьтесь с нашим подробным руководством по репортерам, включая HTML Reporter.