playwright文档说明

playwright官方文档翻译


跟踪查看器

<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>

页面列表

ITEM_HTML