跳到主要内容

Trace 查看器

简介​

Playwright Trace 查看器是一个 GUI 工具，可让您浏览已记录的 Playwright 测试跟踪，这意味着您可以回溯和前进测试的每个操作，并直观地查看每个操作期间发生的情况。

您将学习

  • 如何录制 trace
  • 如何打开 trace 查看器

录制 trace​

可以使用 BrowserContext.tracing() API 录制 trace，如下所示

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 并将其放入名为 trace.zip 的文件中。

打开 trace​

您可以使用 Playwright CLI 或在浏览器中通过 trace.playwright.dev 打开保存的 trace。请确保添加 trace zip 文件所在的完整路径。打开后，您可以单击每个操作或使用时间轴查看每个操作前后页面的状态。您还可以在测试的每个步骤中检查日志、源代码和网络。trace 查看器创建一个 DOM 快照，因此您可以完全与之交互，打开 devtools 等。

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

playwright trace viewer

要了解更多信息，请查看我们关于 Trace Viewer 的详细指南。

下一步​