1.简介
在我们日常执行自动化测试工作的过程中，经常会遇到一些偶发性的bug，但是因为bug是偶发性的，我们不一定每次执行都能复现，所以我们在测试执行的时候，追踪用例执行就变得非常重要了。playwright提供了一个Playwright Trace Viewer工具来追踪测试执行，这是一个GUI工具，我们可以通过它探索记录的 Playwright 测试跟踪，可以在测试的每个操作中前后移动，并直观地查看每个操作期间发生的情况。
2.API
Trace View介绍官方API的文档地址：https://playwright.dev/python/docs/trace-viewer
3.Trace Viewer 追踪功能
可以使用browser_context.tracing API 记录跟踪。
3.1同步
browser = chromium.launch()
context = browser.new_context()
# Start tracing before creating / navigating a page.
context.tracing.start(screenshots=True, snapshots=True, sources=True)
page.goto("https://playwright.dev")
# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")
3.2异步
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)
await page.goto("https://playwright.dev")
# Stop tracing and export it into a zip archive.
await context.tracing.stop(path = "trace.zip")
如果screenshot选项为True，每个跟踪都会记录一个截屏视频并将其呈现为胶片，可以将鼠标悬停在胶片上以查看每个操作和状态的放大图像，有助于轻松找到要检查的操作。
运行代码：将记录跟踪并将其放入名为trace.zip.
4.打开跟踪
运行代码后，我们可以看到，在文件夹中会多出一个名为trace.zip，我们可以使用playwright cli或者在浏览器中打开保存的跟踪trace.playwright.dev。命令如下：
playwright show-trace trace.zip
5.查看文件（轨迹）
运行上述命令后，我们可以查看生成的trace.zip内容，我们可以单击左侧的操作或者上方的时间轴来查看测试痕迹，并且查看操作前后页面的状态。在测试的每个步骤中检查日志、源和网络。跟踪查看器创建一个 DOM 快照，因此我们可以与其完全交互，打开 devtools 等。有2种方法可以查看文件（轨迹）。
5.1方法一
通过命令行查看操作过程追踪。
playwright show-trace trace.zip
5.2方法二
方法2.访问 https://trace.playwright.dev/ 选择录制好的trace.zip文件即可打开。
6.项目实战
还是以度娘查询“北京-宏哥”，然后点击“百度一下”为例进行演示。
6.1代码设计
6.2参考代码
# coding=utf-8 标签：playwright,trace,Trace,Python,tracing,Playwright,context,page,zip From： https://www.cnblogs.com/du-hong/p/17838544.html