Skip to main content

追蹤檢視器

簡介

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"

playwright trace viewer

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

接下來是什麼