Skip to main content

Trace Viewer

Playwright Trace Viewer 是一个 GUI 工具，允许您探索记录的 Playwright 测试 trace，这意味着您可以前后浏览测试的每个操作，并直观地查看每个操作期间发生的情况。

你将学到

  • 如何记录 trace
  • 如何打开 HTML 报告
  • 如何打开 trace viewer

记录 Trace​

可以使用 browser_context.tracing API 记录 Trace，如下所示：

browser = chromium.launch()
context = browser.new_context()

# 在创建/导航页面之前开始 tracing。
context.tracing.start(screenshots=True, snapshots=True, sources=True)

page.goto("https://playwright.dev")

# 停止 tracing 并将其导出到 zip 归档中。
context.tracing.stop(path = "trace.zip")

这将记录 trace 并将其放入名为 trace.zip 的文件中。

打开 Trace​

您可以使用 Playwright CLI 或在浏览器中访问 trace.playwright.dev 打开保存的 trace。

playwright show-trace trace.zip

查看 Trace​

通过点击每个操作或使用时间轴悬停来查看测试的 trace，并查看操作前后页面的状态。在测试的每个步骤中检查日志、源代码和网络。Trace viewer 创建一个 DOM 快照，因此您可以与其完全交互，打开 devtools 等。

Playwright Trace Viewer

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