追蹤檢視器
簡介
Playwright 追蹤檢視器是一個圖形介面（GUI）工具，可用來探索您測試所錄製的 Playwright 追蹤；這代表您可以在每個測試動作之間前後移動，並以視覺化方式查看每一步發生了什麼。
您將學到
- 如何錄製追蹤
- 如何開啟追蹤檢視器
錄製追蹤
可以在執行測試時加上 --tracing 旗標來錄製追蹤。
pytest --tracing on
追蹤的可用選項：
on：為每個測試錄製追蹤off：不錄製追蹤（預設）retain-on-failure：為每個測試錄製追蹤，但會移除所有成功測試的追蹤。
這會錄製追蹤，並將其存成位於 test-results 目錄中的 trace.zip 檔案。
若未使用 Pytest，按此了解如何錄製追蹤。
- 同步
- 非同步
browser = chromium.launch()
context = browser.new_context()
# 在建立/導覽頁面之前開始追蹤。
context.tracing.start(screenshots=True, snapshots=True, sources=True)
page = context.new_page()
page.goto("https://playwright.dev")
# 停止追蹤並將其匯出為 zip 封存檔。
context.tracing.stop(path = "trace.zip")
browser = await chromium.launch()
context = await browser.new_context()
# 在建立/導覽頁面之前開始追蹤。
await context.tracing.start(screenshots=True, snapshots=True, sources=True)
page = await context.new_page()
await page.goto("https://playwright.dev")
# 停止追蹤並將其匯出為 zip 封存檔。
await context.tracing.stop(path = "trace.zip")
開啟追蹤
您可以使用 Playwright CLI 開啟已儲存的追蹤，或在瀏覽器中開啟 trace.playwright.dev。請務必提供追蹤 zip 檔所在位置的完整路徑。開啟後，您可以點擊每個動作或使用時間軸來查看每個動作前後的頁面狀態。您也可以在每個步驟檢視日誌、原始碼與網路流量。追蹤檢視器會建立 DOM 快照，讓您可以完整互動，並開啟開發者工具等。
playwright show-trace trace.zip
若要了解更多，請參閱我們的詳細指南：追蹤檢視器。