Просмотр трассировки

Введение​

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

Вы узнаете

• Как записать трассировку
• Как открыть HTML-отчёт
• Как открыть и просмотреть трассировку

Запись трассировки​

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

import { defineConfig } from '@playwright/test';
export default defineConfig({
  retries: process.env.CI ? 2 : 0, // set to 2 when running on CI
  // ...
  use: {
    trace: 'on-first-retry', // record traces on first retry of each test
  },
});

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

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

npx playwright test --trace on

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

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

npx playwright show-report

Открытие трассировки​

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

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

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

Просмотр трассировки​

Просматривайте трассировки вашего теста, переходя по каждому действию или наводя указатель мыши с помощью временной шкалы и наблюдайте состояние страницы до и после действия. Просмотрите журнал, исходный код и сеть, ошибки и консоль на каждом шаге теста. Просмотр трассировки создаёт моментальную копию DOM, поэтому вы можете полностью взаимодействовать с ней и открыть инструменты разработчика браузера для проверки HTML, CSS и т. д.

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

Что дальше​

• Выполнение тестов на CI с помощью GitHub Actions
• Узнайте больше о Просмотре трассировок