ビジュアルテストを確認する方法

mabl がビジュアルテストのビジュアル変更インサイトを生成した場合、ビジュアルテストの出力を確認するために次のワークフローに従うことができます。

1. 視覚的変化の確認
2. 発生した視覚的変化に対するアクションの選択
3. フラグをつけたステップのエスカレーション
4. フラグをつけたステップの解決

視覚的変化の確認

[インサイト] ページで、確認が必要なテストの "New visual changes" リンクをクリックします。

結果 をクリックして、テスト結果を表示します。

結果をフィルタリングして、視覚的変化が含まれるステップのみを表示できます。視覚的変化が含まれるステップには、オレンジ色のカメラアイコンが表示されます。

ビジュアルテストのテスト出力ページ

ステップをクリックしてスクリーンショットを比較します。スクリーンショットタブには次の3つのビューがあります。

• Current: 現在のテスト実行のスクリーンショットを表示
• Baseline: mablが視覚的変化のベースライン(規格基準)としているスクリーンショットを表示
• Side-by-side: 現在のスクリーンショットとベースラインのスクリーンショットを並べて表示

発生した視覚的変化に対するアクションの選択

視覚的変化が確認されたステップごとに、[Review] ドロップダウンから次のアクションのいずれかを選択します。

1. Accept as new baseline: 今後のプラン実行で、現在のスクリーンショットを視覚的変化のベースライン(比較基準)とします。
2. Dismiss as reviewed: 既存の視覚的変化のベースライン(比較基準)を今後も引き続き使用します。
3. Flag as visual regression: ステップにリグレッションフラグを追加して、そのページの調査が必要であることを示します。

フラグをつけたステップのエスカレーション

ステップにフラグを立てることで、さらなるレビューが必要な変更としてチームに認識させることができます。ビジュアルテストでフラグが立てられたステップをエスカレートするためのオプションには、次のようなものがあります。

• テスト実行のリンクをチームと共有して、チームが結果を確認できるようにします。デスクトップアプリケーションを使用している場合は、こちらに記載されたリンクの共有手順に従ってください。
• ワークスペースにJiraインテグレーションが設定されている場合、テスト結果ページでCreate Issue (新しいイシューを作成)します。

フラグをつけたステップの解決

リグレッションのためにフラグ付きステップのテスト結果を確認し、そのステップの視覚的変化が予期したとおりの変化であることが確認できた場合、チームは新しい視覚的変化を [Review] > [Accept as new baseline] で承認することができます。

フラグが立てられたステップでビジュアルリグレッションが示された場合、チームはアプリ内の課題を修正し、その後ビジュアルテスト内のステップを「Review > Dismiss as reviewed」として確認済みとして却下できます。