トレースビューワー
イントロダクション
Playwright トレースビューワーは、記録された Playwright テストのトレースを探索できる GUI ツールです。つまり、テストの各アクションを前後に移動して、各アクション中に何が起こっていたかを視覚的に確認できます。
学習内容
- トレースの記録方法
- トレースビューワーの開き方
トレースの記録
トレースは、次のように 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.dokyumento.jp");
// 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 スナップショットを作成するため、完全に操作したり、devtools などを開いたりできます。
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="show-trace trace.zip"
詳細については、トレースビューワー の詳細ガイドをご覧ください。