Перейти к основному содержимому

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

Введение​

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

Вы узнаете

  • Как записать трассировку
  • Как открыть просмотрщик трассировок

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

Трассировки могут быть записаны, если запускать ваши тесты с флагом --tracing.

pytest --tracing on

Опции для трассировки:

  • on: Записывать трассировку для каждого теста
  • off: Не записывать трассировку. (по умолчанию)
  • retain-on-failure: Записывать трассировку для каждого теста, но удалять все трассировки успешных запусков тестов.

Это запишет трассировку и поместит её в файл с именем trace.zip в вашем каталоге test-results.

Если вы не используете Pytest, нажмите здесь, чтобы узнать, как записывать трассировки.
browser = chromium.launch()
context = browser.new_context()

# Начать запись трассировки перед созданием/переходом на страницу.
context.tracing.start(screenshots=True, snapshots=True, sources=True)

page = context.new_page()
page.goto("https://playwright.dev")

# Остановить запись трассировки и экспортировать её в zip-архив.
context.tracing.stop(path = "trace.zip")

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

Вы можете открыть сохраненную трассировку с помощью Playwright CLI или в вашем браузере на trace.playwright.dev. Убедитесь, что добавили полный путь к месту, где находится ваш zip-файл трассировки. После открытия вы можете кликнуть на каждое действие или использовать временную шкалу, чтобы увидеть состояние страницы до и после каждого действия. Вы также можете исследовать журнал, исходный код и сеть во время каждого шага теста. Просмотрщик трассировок создает снимок DOM, чтобы вы могли полностью взаимодействовать с ним, открывать инструменты разработчика и т.д.

playwright show-trace trace.zip

playwright trace viewer

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

Что дальше​