追蹤檢視器
簡介
Playwright Trace Viewer 是一個 GUI 工具,讓你探索已記錄的 Playwright Traces 測試,這意味著你可以在測試的每個動作中前後移動,並直觀地看到每個動作期間發生的情況。
你將學到
- 如何記錄追蹤
- 如何打開追蹤檢視器
錄製追蹤
追蹤可以使用 BrowserContext.tracing() API 錄製如下:
Browser browser = browserType.launch();
BrowserContext context = browser.newContext();
// Start tracing before creating / navigating a page.
context.tracing().start(new Tracing.StartOptions()
.setScreenshots(true)
.setSnapshots(true)
.setSources(true));
Page page = context.newPage();
page.navigate("https://playwright.dev");
// Stop tracing and export it into a zip archive.
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"
要了解更多資訊,請查看我們的Trace Viewer詳細指南。