ビジュアルテストの概要

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

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

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

視覚的変化を学習

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

より動的な視覚モデルを比較のために作成するには、プランを構成して視覚的変化を学習を使用することができます。そして、アプリが更新された場合、視覚モデルのリベースラインと呼ばれるプロセスを通じて視覚モデルを更新することができます。

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

ビジュアルテスト

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

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

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