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

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

Введение​

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

Вы узнаете

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

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

Трассы могут быть записаны с использованием API BrowserContext.tracing() следующим образом:

Browser browser = browserType.launch();
BrowserContext context = browser.newContext();

// Начать запись трассы перед созданием/переходом на страницу.
context.tracing().start(new Tracing.StartOptions()
  .setScreenshots(true)
  .setSnapshots(true)
  .setSources(true));

Page page = context.newPage();
page.navigate("https://playwright.dev");

// Остановить запись трассы и экспортировать её в zip-архив.
context.tracing().stop(new Tracing.StopOptions()
  .setPath(Paths.get("trace.zip")));

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

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

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

mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="show-trace trace.zip"

playwright trace viewer

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

Что дальше​