Skip to main content

追蹤檢視器

簡介​

Playwright Trace Viewer 是一個 GUI 工具，讓你探索已記錄的 Playwright Traces 測試，這意味著你可以在測試的每個動作中前後移動，並直觀地看到每個動作期間發生的情況。

你將學到

  • 如何記錄追蹤
  • 如何打開追蹤檢視器

錄製追蹤​

執行測試並使用 --tracing 旗標可以記錄追蹤。

pytest --tracing on

選項用於追蹤是:

  • on: 記錄每個測試的追蹤
  • off: 不記錄追蹤。(預設)
  • retain-on-failure: 記錄每個測試的追蹤，但移除所有成功測試執行的追蹤。

這將記錄追蹤並將其放入名為 trace.zip 的檔案中，位於你的 test-results 目錄。

如果你沒有使用 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")

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

開啟追蹤​

你可以使用 Playwright CLI 或在瀏覽器中打開保存的追蹤檔案（trace.playwright.dev）。確保添加追蹤 zip 檔案所在的完整路徑。打開後，你可以點擊每個操作或使用時間軸來查看每個操作前後的頁面狀態。你還可以在測試的每一步中檢查日誌、來源和網路。追蹤檢視器會建立一個 DOM 快照，這樣你可以完全互動，打開開發者工具等。

playwright show-trace trace.zip

playwright trace viewer

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

接下來是什麼​