Playwright Trace Viewer是一个GUI工具,可以探索记录的Playwright测试的迹线。这意味着您可以在测试的每个操作中前后移动,并在可视化界面上看到每个操作期间发生的情况。
您将学到
- 如何记录迹线
- 如何打开HTML报告
- 如何打开迹线查看器
记录迹线
您可以使用browser_context.tracing API来记录迹线,具体操作如下:
browser = chromium.launch()
context = browser.new_context()
# 在创建/导航页面之前开始迹线记录。
context.tracing.start(screenshots=True, snapshots=True, sources=True)
page = context.new_page()
page.goto("https://playwright.dev")
# 停止迹线记录并将其导出为zip存档。
context.tracing.stop(path = "trace.zip")
这将记录迹线并将其保存到名为trace.zip
的文件中。
打开迹线
您可以使用Playwright CLI或在浏览器中打开已保存的迹线,具体操作如下:
playwright show-trace trace.zip
查看迹线
通过单击每个操作或使用时间线进行悬停,您可以查看测试的迹线,并查看操作前后页面的状态。在测试的每个步骤中,您可以检查日志、源代码和网络。迹线查看器创建了DOM快照,因此您可以与之进行完全交互,打开开发者工具等。
要了解更多信息,请查阅我们关于Trace Viewer的详细指南。