Trace 查看器
简介
Playwright 追踪查看器是一个图形用户界面工具,可让您探索录制的 Playwright 测试追踪,这意味着您可以逐个动作地回溯和前进您的测试,并直观地查看每个动作期间发生了什么。
您将学到
- 如何录制跟踪
- 如何打开追踪查看器
记录追踪
可以通过运行测试时添加 --tracing 标志来录制 trace。
pytest --tracing on
trace 的选项有:
on: 为每个测试录制 traceoff: 不录制 trace。(默认)retain-on-failure: 为每个测试录制 trace,但删除所有成功测试运行的 trace。
这将录制 trace 并将其保存在 test-results 目录中名为 trace.zip 的文件中。
如果您没有使用 Pytest,请单击此处了解如何录制 trace。
- 同步
- 异步
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")
browser = await chromium.launch()
context = await browser.new_context()
# Start tracing before creating / navigating a page.
await context.tracing.start(screenshots=True, snapshots=True, sources=True)
page = await context.new_page()
await page.goto("https://playwright.net.cn")
# Stop tracing and export it into a zip archive.
await context.tracing.stop(path = "trace.zip")
打开跟踪
您可以使用 Playwright CLI 或在浏览器中通过 trace.playwright.dev 打开保存的追踪信息。请确保添加追踪 zip 文件所在位置的完整路径。打开后,您可以点击每个操作或使用时间轴查看每个操作之前和之后页面的状态。您还可以检查测试每个步骤中的日志、源代码和网络请求。追踪查看器会创建一个 DOM 快照,因此您可以与之完全交互,打开开发者工具等。
playwright show-trace trace.zip
要了解更多信息,请查看我们关于 Trace Viewer 的详细指南。