跳到主要内容

跟踪查看器

介绍​

Playwright Trace Viewer 是一个 GUI 工具，它允许你浏览测试录制的 Playwright 跟踪，这意味着你可以来回查看测试的每一个操作，并直观地看到每个操作期间发生了什么。

你将学习

  • 如何录制跟踪
  • 如何打开跟踪查看器

录制跟踪​

可以通过使用 --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 文件的完整路径。打开后，你可以点击每个操作或使用时间轴查看每个操作之前和之后的页面状态。在测试的每一步中，你还可以检查日志、源代码和网络。跟踪查看器会创建一个 DOM 快照，以便你可以与之完全交互、打开开发者工具等。

playwright show-trace trace.zip

playwright trace viewer

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

下一步​