ビジュアルテストは、アプリケーションの重要なページが正しく読み込まれるか、視覚的な変化、リンク切れ、JavaScriptのエラー、ネットワーク活動の課題を各ブラウザで確認します。
ビジュアルテストのテスト出力ページ
このガイドでは、ビジュアルテストのユースケースと、ワークフローのサンプルを示します。
ブラウザテストにおける視覚的変化の検出の詳細については、視覚的変化の学習に関する記事をご覧ください。
ユースケース
ビジュアルテストは、既存のテスト戦略を次の方法で補完するために使用できます。
主要なページの検証
ビジュアルテストは、ステージング環境と本番環境で継続的にテストを行い、アプリケーションの主要なページが一貫した外観を持ち、期待通りに読み込まれることを確認するのに最適です。
視覚的変化が検出された場合、mablは視覚的変化に関するインサイトを生成します。
視覚的変化に関するインサイトの通知設定
mablではSlackとMicrosoft Teamsのいずれともインテグレーションを設定することができるため、Slack と Microsoft Teams のどちらに対しても、視覚的変化に関するインサイトを通知できます。
各種ブラウザーでのテスト
ビジュアルテストは、mablのサポートするすべてのブラウザで視覚的な変化を検出できます。
チェック対象の作成
ビジュアルテストは、指定したURLのリンク切れのみを確認します。アプリケーション全体をクロールすることはありません。
ビジュアルリグレッションのフラグ付け
テスト実行で視覚的変化をステップ実行する時、レビューアクションを利用して、新しいバージョンを承認するか、却下するか、リグレッションとするか、フラグ付けすることができます。
ワークフローへの組み込み
ビジュアルテストのサンプルワークフローは次のとおりです。
- 分析に基づいて、WebアプリケーションやWebサイトの主要なページを特定します。
- これらのページURLに対して、mablアプリからビジュアルテストを作成します。
- プランの一部としてテストを実行します。テスト結果に視覚的変化が含まれている場合、mablは視覚的変化に関するインサイトを生成します。
- 視覚的変化が含まれるテストの結果を確認します。予期しない視覚的変化がある場合は、アプリケーションの問題に対処するか、想定内の視覚的変化として承認するのか、チーム全体で確認します。