Skip to main content

追蹤檢視器

簡介

Playwright 追蹤檢視器是一個圖形介面(GUI)工具,可用來探索您測試所錄製的 Playwright 追蹤;這代表您可以在每個測試動作之間前後移動,並以視覺化方式查看每一步發生了什麼。

您將學到

  • 如何錄製追蹤
  • 如何開啟追蹤檢視器

錄製追蹤

可以使用 BrowserContext.tracing() API 來錄製追蹤,如下所示:

Browser browser = browserType.launch();
BrowserContext context = browser.newContext();

// 在建立/導覽頁面之前開始追蹤。
context.tracing().start(new Tracing.StartOptions()
.setScreenshots(true)
.setSnapshots(true)
.setSources(true));

Page page = context.newPage();
page.navigate("https://playwright.dev");

// 停止追蹤並將其匯出為 zip 封存檔。
context.tracing().stop(new Tracing.StopOptions()
.setPath(Paths.get("trace.zip")));

這會錄製追蹤,並將其存成名為 trace.zip 的檔案。

開啟追蹤

您可以使用 Playwright CLI 開啟已儲存的追蹤,或在瀏覽器中開啟 trace.playwright.dev。請務必提供追蹤 zip 檔所在位置的完整路徑。開啟後,您可以點擊每個動作或使用時間軸來查看每個動作前後的頁面狀態。您也可以在每個步驟檢視日誌、原始碼與網路流量。追蹤檢視器會建立 DOM 快照,讓您可以完整互動,並開啟開發者工具等。

mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="show-trace trace.zip"

Playwright 追蹤檢視器

若要了解更多,請參閱我們的詳細指南:追蹤檢視器

接下來做什麼