跳至主要内容

Trace viewer

简介

Playwright Trace Viewer 是一个图形界面工具,可让您浏览已记录的测试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.dev");

// 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

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

下一步