跳到主内容

跟踪查看器

简介​

Playwright 跟踪查看器是一个 GUI 工具，可让您探索录制的 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

要了解更多信息，请查看我们的详细指南：跟踪查看器。

下一步​