跳转到主要内容

Trace 查看器

简介

Playwright 追踪查看器是一个图形用户界面工具,可让您探索录制的 Playwright 测试追踪,这意味着您可以逐个动作地回溯和前进您的测试,并直观地查看每个动作期间发生了什么。

您将学到

  • 如何录制跟踪
  • 如何打开追踪查看器

记录追踪

可以使用 BrowserContext.tracing() API 记录追踪,如下所示:

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

// Start tracing before creating / navigating a page.
context.tracing().start(new Tracing.StartOptions()
.setScreenshots(true)
.setSnapshots(true)
.setSources(true));

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

// Stop tracing and export it into a zip archive.
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

要了解更多信息,请查阅我们关于 追踪查看器 的详细指南。

下一步