追蹤檢視器
簡介
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"
若要了解更多,請參閱我們的詳細指南:追蹤檢視器。