ビジュアルスモークテスト

ビジュアルスモークテストは、アプリケーションの主要なページをチェックし、ページが正しく読み込まれるかどうかや、各種ブラウザーでの視覚的変化、リンク切れ、JavaScriptのエラー、ネットワークの問題を確認します。

このガイドでは、ビジュアルスモークテストのユースケースと、ワークフローのサンプルを示します。

ユースケース

ビジュアルスモークテストを実行すると、既存のテスト戦略を次の方法で補完することができます。

主要なページの検証

ビジュアルスモークテストは、ステージング環境と本番環境で継続的にテストを行い、アプリケーションの主要なページで外観が一貫しており、期待どおりに読み込まれることを検証するのに適しています。

視覚的変化が検出された場合、mablは視覚的変化に関するインサイトを生成します。

👍

視覚的変化に関するインサイトの通知設定

mablではSlackとMicrosoft Teamsのいずれともインテグレーションを設定することができるため、Slack と Microsoft Teams のどちらに対しても、視覚的変化に関するインサイトを通知できます。

各種ブラウザーでのテスト

ビジュアルスモークテストは、mablのすべてのサポート対象ブラウザーでの視覚的変化を検出できます。

チェック対象の作成

ビジュアルスモークテストは、指定されたURLでのみリンク切れを確認します。アプリケーション全体をクローリングすることはありません。

ビジュアルリグレッションのフラグ付け

テスト実行で視覚的変化をステップ実行する時、レビューアクションを利用して、新しいバージョンを承認するか、却下するか、リグレッションとするか、フラグ付けすることができます。

ワークフローへの組み込み

ビジュアルスモークテストは、ワークフローの中で以下のように活用することができます。

• 分析に基づいて、WebアプリケーションやWebサイトの主要なページを特定します。
• これらのページのURLに対して、mablアプリケーションでビジュアルスモークテストを作成します。
• プランの一部としてテストを実行します。テスト結果に視覚的変化が含まれている場合、mablは視覚的変化に関するインサイトを生成します。
• 視覚的変化が含まれるテストの結果を確認します。予期しない視覚的変化がある場合は、アプリケーションの問題に対処するか、想定内の視覚的変化として承認するのか、チーム全体で確認します。

詳細はこちら

• ビジュアルスモークテストのセットアップ
• ビジュアルスモークテストの出力
• ビジュアルスモークテストの確認