跳到主要内容

Trace viewer

简介​

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

您将学习

  • 如何录制跟踪
  • 如何打开 trace viewer

录制跟踪​

可以通过使用 --tracing 标志运行测试来录制跟踪。

pytest --tracing on

跟踪的选项有

  • on: 为每个测试记录跟踪
  • off: 不记录跟踪。（默认）
  • retain-on-failure: 为每个测试记录跟踪，但删除所有成功测试运行中的跟踪。

这将记录跟踪并将其放置在 test-results 目录中名为 trace.zip 的文件中。

如果您未使用 Pytest，请单击此处了解如何录制跟踪。
browser = chromium.launch()
context = browser.new_context()

# Start tracing before creating / navigating a page.
context.tracing.start(screenshots=True, snapshots=True, sources=True)

page = context.new_page()
page.goto("https://playwright.net.cn")

# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")

打开跟踪​

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

playwright show-trace trace.zip

playwright trace viewer

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

下一步​