ビジュアルテストの概要

ビジュアルテストと機能テストは、アプリケーションのユーザーインターフェイス (UI) をより総合的にテストするために、相互に補完し合う関係にあります。機能テストではアプリケーションの動作に問題がないことを確認し、ビジュアルテストではアプリケーションの全体的な外観に問題がないことを確認します。

mablには、視覚的変化を検出する手段として、下記の2つの方法があります。

• 視覚的変化の学習
• ビジュアルテスト

視覚的変化を学習

ブラウザテストがプランの一部として実行されると、mablはスクリーンショットを使用してビジュアルの変化を検出します。mablがビジュアルの変化を特定した場合、テストステップには「visual change」ラベルが表示され、スクリーンショットにはビジュアルベースラインとの比較が含まれます。

ビジュアルベースラインには2種類あります。

• 静的ビジュアルベースライン：現在のプラン実行で取得したスクリーンショットと、以前の実行で取得した同じスクリーンショットをピクセル単位で比較します。デフォルトでは、mablは現在のスクリーンショットを前回のプラン実行と比較します。デプロイメントエベントで静的ベースラインを設定すると、mablは現在のスクリーンショットをデプロイメントエベント時のベースラインスクリーンショットと比較します。
• 動的ビジュアルベースライン：複数回の実行で作成された動的ビジュアルモデルとスクリーンショットを比較します。mablがどのように動的ビジュアルモデルを構築するかについて詳しく知りたい場合は、視覚的変化を学習に関する記事をご覧ください。

ブラウザテストでの視覚的変化の検出

ビジュアルテスト

ビジュアルテストは、URLのリストを訪問し、各ページのビジュアルの変化、リンク切れ、JavaScriptエラーをチェックするスタンドアロンのスモークテストです。

ビジュアルテスト出力でページを確認する

ビジュアルテストを実行して、すべてのサポートされているブラウザでアプリケーションの主要なページを監視し、ビジュアル変更のインサイトを取得し、ビジュアルリグレッションのためにテスト出力を確認できます。