ビジュアルテストの出力

ビジュアルテストがクラウドで実行されると、テスト出力には次の内容が含まれます。

• スクリーンショットとログ: ブラウザテストの出力と同様に、ビジュアルテストはテスト出力ページをスクリーンショットとログでリアルタイムに更新します。
• ビジュアルの変更：mablは各スクリーンショットを処理してビジュアルの変更を検出します。テスト内の特定のページでmablがビジュアルの変更を検出した場合、そのビジュアルの変更はテスト出力ページに表示されます。

ビジュアルテストの出力

スクリーンショットとログ

ビジュアルスモークテストがクラウドで実行されるたびに、mablが生成したフロー「Visual Smoke Test」は各URLを訪問し、以下のアクションを完了します。

• ページのスクリーンショットを取得する。
• テストの診断を収集する。
  • ページがHTTPレスポンスコード 200を返すことを確認する。
  • ページのネットワークアクティビティを取得する。
  • DOMスナップショットを取得する。

視覚的変化

ビジュアルテストでmablが視覚的変化を識別するには、2回の実行が必要です。

• 最初のプラン実行で、視覚的変化のベースライン(比較基準)を作成する。
• 以降の実行で、各ページとそれぞれのベースラインとを比較する。

視覚的変化のベースラインとの比較は、現在の実行と視覚的変化のベースラインとの静的な比較です。各画素を比較し、両方のスクリーンショットで画素位置の色がまったく同じであれば一致していると見なされます。その後、不一致がクラスター化され、実行中に取得された詳細なDOM情報に関連付けられます。最後に、個々の画素変化領域を含むコンポーネントが特定され、これらが視覚的変化として表示されます。

2つのスクリーンショット間の不一致が視覚的変化の最小しきい値 (点滅カーソルの大きさにほぼ等しい) を満たしている場合、mablは次の処理を実行します。

• ページ上の、異なって見える領域を強調表示する。
• テスト結果で、該当するステップに視覚的変化のフラグを付ける。
• ワークスペースで視覚的変化に関するインサイトをレポートする。