跟踪查看器
<h1>跟踪查看器</h1>
<p>Playwright Trace Viewer 是一个 GUI 工具,可让您探索记录的 Playwright 测试跟踪,这意味着您可以来回浏览测试的每个操作,并直观地查看每个操作期间发生的情况。</p>
<p><strong>您将学习</strong></p>
<ul>
<li>如何记录跟踪</li>
<li>如何打开 HTML 报表</li>
<li>如何打开跟踪查看器</li>
</ul>
<h2>记录跟踪<a href="https://playwright.dev/python/docs/trace-viewer-intro#recording-a-trace" title="Direct link to heading"></a></h2>
<p>可以使用<a href="https://playwright.dev/python/docs/api/class-browsercontext#browser-context-tracing">browser_context.tracing</a>API 记录跟踪,如下所示:</p>
<ul>
<li>同步</li>
</ul>
<pre><code class="language-python">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.dev")
# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")</code></pre>
<p>异步</p>
<pre><code class="language-python">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.dev")
# Stop tracing and export it into a zip archive.
await context.tracing.stop(path = "trace.zip")</code></pre>
<p>这将记录跟踪并将其放入名为的文件中。<code>trace.zip</code></p>
<h2>打开跟踪<a href="https://playwright.dev/python/docs/trace-viewer-intro#opening-the-trace" title="Direct link to heading"></a></h2>
<p>您可以使用 Playwright CLI 或在<a href="https://trace.playwright.dev/"><code>trace.playwright.dev</code></a> 的浏览器中打开保存的跟踪。</p>
<pre><code>playwright show-trace trace.zip</code></pre>
<h2>查看跟踪<a href="https://playwright.dev/python/docs/trace-viewer-intro#viewing-the-trace" title="Direct link to heading"></a></h2>
<p>通过单击每个操作或使用时间线悬停来查看测试的跟踪,并查看操作前后页面的状态。在测试的每个步骤中检查日志、源和网络。跟踪查看器会创建一个 DOM 快照,以便您可以与其完全交互、打开开发工具等。</p>
<p><img src="https://user-images.githubusercontent.com/13063165/189136442-4fc6d7a3-6f0c-4a5f-9d36-2650018b018a.png" alt="Playwright Trace Viewer" /></p>