Playwrightテストデバッグのためのブラウザベースのトレースリプレイ
PlaywrightチームのPlaywright Trace Viewerは、開発者が記録されたトレースを開くブラウザ拡張機能を使用してPlaywrightのエンドツーエンドテストをデバッグするのに役立ちます。このツールは、テスト実行のインタラクティブなリプレイをレンダリングし、エンジニアがDOMの状態、ネットワークアクティビティ、およびコンソール出力をステップバイステップで探索できるようにします。主なハイライトには、ブラウザ内のタイムトラベルリプレイ、ローカル専用処理、およびアクションからテストコードへの直接リンクが含まれます。これは、より迅速な障害トリアージが必要なPlaywrightユーザー、QAエンジニア、およびCIチームを対象としています。
レビュアーがローカルCLIステップをスキップできるようにブラウザでPlaywrightトレースファイルを開く
ビューワーは、Jira、Confluence、またはメールなどのウェブページから直接Playwrightトレース.zipファイルを開くことを可能にし、検査のためにローカルのNode.jsコマンドをダウンロードして実行する必要を排除します。これにより、アーティファクトが投稿されてから法医学的レビューまでの時間が短縮され、エンジニアはPlaywrightをローカルにインストールすることなく、ブラウザで失敗した実行を即座に検査し始めることができます。
外部データ露出を制限するためにローカルでトレースを処理
ビューワーは、トレースデータを完全にブラウザのコンテキスト内で読み込み、処理し、トレースの内容を外部サーバーに送信しません。このローカル専用の取り扱いにより、CIアーティファクトを検査する際にスクリーンショット、ネットワークリクエストアーカイブ、およびコンソールログがユーザーの環境内に保持されます。トレースに独自のデータを添付するチームは、検査フローの一部として外部アップロードステップがないため、プライバシーの利点を得ます。
デバッグのための段階的で高忠実度のタイムトラベル記録を提供
ビューワーは、テスト実行をナビゲート可能なタイムラインに再構築し、具体的な検査ポイントを公開します。提供されるものは：
- タイムラインビュー：実行フレームをスクラブします。
- アクション検査とDOMスナップショット：インタラクションの前後のページ状態を確認します。
- ネットワークおよびコンソールログ：リクエストとランタイムエラーを検査します。
- ソースマッピング：アクションからテストコードの行にジャンプします。
Playwrightワークフローと統合し、Node.jsなしでCLI GUIをミラーリング
ビューワーはChrome拡張機能としてインストールされ、Chromiumベースのブラウザで実行され、開発者はPlaywrightプロジェクトの一部としてそれを維持します。ローカルの'npx playwright show-trace'コマンドを実行するのと比較して、拡張機能はウェブツールを通じて配信されたトレースのダウンロードと実行のステップを排除するため、レビュアーはローカルツールを呼び出すことなくCIや課題トラッカーから公開されたアーティファクトを検査できます。
ローカルデバッグを補完する、ブラウザファーストの集中トリアージツール
ビューワーは、記録されたテスト実行の迅速なブラウザベースのトリアージを必要とするPlaywrightチームにとって実用的な選択肢です。問題追跡システムやCIパイプラインを通じて共有されたアーティファクトを検査するための障壁を下げます。最初の診断として機能することを期待してください：ビューワーを使用して失敗を特定し、環境固有の修正やリプレイが開発者に必要な場合にターゲットを絞ったローカルデバッグを実行します。
