ビジュアルテストの概要

mablでの視覚的変化の検出

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

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

  • ブラウザテストでの視覚的変化の検出
  • スタンドアロンのビジュアルスモークテスト

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

視覚的変化の検出は、プランの一部として実行されるすべてのブラウザテストで行われます。mablは、現在のテスト実行のスナップショットを、視覚的変化のベースライン(過去のテスト結果を元にした判断基準)と比較して、ブラウザテストでの視覚的変化を特定します。

視覚的変化を検出した場合、テストステップが "visual change" というラベルとともに表示され、スクリーンショットに視覚的変化のベースラインと現在のテスト結果との比較が示されます。

1616

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

視覚的変化を検出するよう設定すると、動的に視覚的変化を検出するビジュアルモデルが生成され、視覚的変化に関するインサイトに表示されるようになります。
アプリケーションが更新された場合は、ビジュアルモデルのベースラインの再構築と呼ばれるプロセスで、視覚的判断を検出するためのビジュアルモデルを再構築することができます。

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

ビジュアルスモークテストとは、一連のURLにアクセスし、各ページの視覚的変化、リンク切れ、JavaScriptエラーの有無を確認するスタンドアロンテストです。

2614

ビジュアルスモークテストの結果でページを確認

ビジュアルスモークテストを実行すると、サポートしている全ブラウザーでアプリケーションの主要なページを監視したり、視覚的変化に関するインサイトを取得したり、ビジュアルリグレッションの有無の確認などができます。

📘

視覚的変化によるテストの失敗はありません

テストで視覚的変化が検出された場合、それがブラウザテストとビジュアルスモークテストのどちらで検出された視覚的変化であったとしても、視覚的変化は「警告」として扱われるため、テストが失敗することはありません。