跳到主要内容

追踪查看器

简介

Playwright 追踪查看器是一款图形用户界面(GUI)工具,借助它你可以浏览测试中记录的 Playwright 追踪信息,这意味着你能够在测试的每个操作步骤间前后切换,并直观地看到每个操作过程中发生的情况。

你将学到

  • 如何记录追踪信息
  • 如何打开追踪查看器

记录追踪信息

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

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

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

接下来做什么