跳到主要內容

Trace viewer

簡介​

Playwright Trace Viewer 是一個 GUI 工具，可讓您探索已錄製的 Playwright 測試追蹤，這表示您可以回溯和前進測試的每個動作，並以視覺化方式查看每個動作期間發生的情況。

您將學到

  • 如何錄製追蹤
  • 如何開啟 Trace Viewer

錄製追蹤​

可以透過使用 --tracing 標誌執行測試來錄製追蹤。

pytest --tracing on

追蹤的選項為

  • on：為每個測試錄製追蹤
  • off：不錄製追蹤。（預設）
  • retain-on-failure：為每個測試錄製追蹤，但移除成功測試執行中的所有追蹤。

這將錄製追蹤並將其放置在 test-results 目錄中名為 trace.zip 的檔案中。

如果您未使用 Pytest，請按一下此處以瞭解如何錄製追蹤。
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.org.tw")

# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")

開啟追蹤​

您可以使用 Playwright CLI 或在瀏覽器上於 trace.playwright.dev 開啟已儲存的追蹤。請務必新增追蹤 zip 檔案所在位置的完整路徑。開啟後，您可以按一下每個動作或使用時間軸來查看每個動作前後的頁面狀態。您也可以在測試的每個步驟中檢查記錄、原始碼和網路。Trace Viewer 建立 DOM 快照，因此您可以與其完全互動、開啟開發人員工具等。

playwright show-trace trace.zip

playwright trace viewer

若要瞭解更多資訊，請查看我們關於 Trace Viewer 的詳細指南。

下一步​