ビジュアル検証/待機ステップでは、ベースラインと現在の実行結果の視覚的差分を精度高く比較できます。本機能は Applitools と LambdaTest のアプリによって提供されています。
開始前に、Applitools Eyes または LambdaTest Smart UI アプリを Testim と連携してください。詳しくはビジュアル検証統合ガイドを参照。
関連情報:
次のビジュアル検証を実行できます:
- Validate Element Visualization — 特定要素の視覚差分を比較。参照 - Validate Element Visualization
- Wait For Element Visualization — 要素が可視になるまで待機し、その後視覚的に検証。参照 - Wait For Element Visualization
- Viewport Visualization — ビューポートの視覚差分を比較。参照 - Validate Viewport Visualization
- Full-page Visualization — ページ全体の視覚差分を比較。参照 - Validate Full-page Visualization
ビジュアル検証パラメーター
Testim 内で変更できるビジュアル検証パラメーターは 4 つあります:
- Add Environment – テストを実行する 1 つ以上のシミュレートされた環境設定(高度な環境を含む)を追加します。この機能には Ultrafast Test Cloud 用の追加 Applitools ライセンスが必要です。この機能ライセンスのないアカウントで追加された環境は Applitools によって拒否されます。
- Match level – ベースラインとテスト間の比較方法を変更したい場合があります。特に動的コンテンツを含むアプリケーションを扱う際に有用です。Testim は次の 4 種類の Applitools Eyes マッチレベル(Exact / Strict / Content / Layout — それぞれ完全一致、厳密一致、コンテンツ一致、レイアウト一致 に相当)をサポートしています。デフォルト値は Strict です。これらのレベルの詳細については Match Levels を参照してください。Testim でマッチレベルを編集するだけでなく、Applitools Eyes で要素、ビューポート、またはページの領域をマークし、異なるマッチレベルを定義することもできます。
- Enable RCA – Enable RCA(Root Cause Analysis)機能は、ビジュアル差異の原因に関する根本原因分析の洞察を提供します。システムは DOM から情報を収集し、なぜ差異が生じたかを理解します。結果は Applitools Eyes で確認できます。この機能には追加の Applitools ライセンスが必要です。この機能ライセンスを持たないアカウントのプロジェクトで RCA を有効にすると、Applitools によって拒否されます。
- Ignore displacement diffs – ページ上の要素が新しい位置に移動しても、他の点では変化しない場合があります。Ignore displacement diffs 機能は、このタイプの位置移動によって引き起こされるビジュアル差異を無視するようシステムを設定します。この機能を実装する際は、構成/テストレベルではなくステップレベルで有効にすることをお勧めします。
これらのビジュアル検証パラメーターは次の場所で変更できます:
| 変更場所 | 適用対象 | 追加情報 |
|---|---|---|
| Configuration Library | その設定が指定されたテスト内のすべてのビジュアル検証ステップ(CLI や Scheduler 経由で実行されるテストを含む) | テスト設定の詳細は Create a shared configuration を参照。CLI の詳細は Command line interface: Test Config を参照。Scheduler の詳細は Scheduler を参照。 |
| Test Editor内のセットアップステップ | テスト内の各ステップに適用。ただし次の場合を除く:テストが異なる設定で CLI またはスケジューラから実行される場合、またはステップレベルでビジュアル検証パラメーターがオーバーライドされている特定ステップの場合。 | |
| ステップレベル | テストレベルに適用され、テストレベルのビジュアル検証パラメーターを上書きします。 |
テスト設定でビジュアル検証設定を変更する
テスト設定でビジュアル検証設定を変更するには:
- 左メニューで Runs > Configuration List に移動します。
![]()
Configuration Library が表示されます。
- + Create New ボタンをクリックします。
![]()
- Configuration List に記載されている基本設定を入力します。
- Advanced をクリックし、Test Configuration に説明されている詳細設定を入力します。
詳細設定が表示されます。
![]()
- Visual validation セクションで Add Environment をクリックし、希望する環境設定を入力します。
- Visual validation セクションで次のように設定を変更します:
Match Level - 下矢印をクリックし、Applitools Eyes の 4 種類のマッチオプション Exact / Strict / Content / Layout (それぞれ完全一致、厳密一致、コンテンツ一致、レイアウト一致 に相当)から選択します。
- Concurrency - 同時実行可能な Eyes テストの最大数を指定します。
- Enable RCA - Enable RCA(Root Cause Analysis)機能は、ビジュアル差異の原因に関する根本原因分析の洞察を提供します。
- Ignore displacement diffs - このタイプの位置移動によるビジュアル差異を無視するようシステムを設定します。
- Visual validation timeout - ビジュアル検証ステップが失敗と判定されるまでの時間(ミリ秒)を変更します。
- Add をクリックします。
構成が作成され Configuration Library に追加されます。
エディターでテストレベルのビジュアル検証設定を変更する
エディターでテストレベルのビジュアル検証設定を変更するには:
- テストのセットアップステップにカーソルを合わせ、Show Properties アイコンをクリックします。
![]()
右側に Properties パネルが表示されます。
- Edit Configuration アイコンをクリックします。
![]()
- Visual Validation 設定の下で Add Environment をクリックし、希望する環境設定を入力します。
![]()
- Visual validation セクションで次のように設定を変更します:
Match Level - 下矢印をクリックし、Applitools Eyes の 4 種類のマッチオプション Exact / Strict / Content / Layout (それぞれ完全一致、厳密一致、コンテンツ一致、レイアウト一致 に相当)から選択します。
- Concurrency - 同時実行可能な Eyes テストの最大数を指定します。
- Enable RCA - Enable RCA(Root Cause Analysis)機能は、ビジュアル差異の原因に関する根本原因分析の洞察を提供します。
- Ignore displacement diffs - このタイプの位置移動によるビジュアル差異を無視するようシステムを設定します。
- Visual validation timeout - ビジュアル検証ステップが失敗と判定されるまでの時間(ミリ秒)を変更します。
ステップレベルのビジュアル検証設定を変更する
ステップレベルのビジュアル検証設定にアクセスするには:
- 設定を変更したいビジュアル検証ステップにカーソルを合わせ、Show Properties アイコンをクリックします。
![]()
右側に Properties パネルが表示されます。
- Override test settings スイッチを右に切り替えます。
![]()
Override test settings オプションが表示されます。
![]()
- Override test settings セクションで Add Environment をクリックし、希望する環境設定を入力します。
- Override test settings セクションで残りの設定を次のように変更します:
Match Level - 下矢印をクリックし、Applitools Eyes の 4 種類のマッチオプション Exact / Strict / Content / Layout (それぞれ完全一致、厳密一致、コンテンツ一致、レイアウト一致 に相当)から選択します。
- Concurrency - 同時実行可能な Eyes テストの最大数を指定します。
- Enable RCA - Enable RCA(Root Cause Analysis)機能は、ビジュアル差異の原因に関する根本原因分析の洞察を提供します。
- Ignore displacement diffs - このタイプの位置移動によるビジュアル差異を無視するようシステムを設定します。
このステップのビジュアル検証パラメーターが変更され、現在設定されているテストレベルのビジュアル検証パラメーターを上書きします。