ブラウザテストまたはモバイルテストを作成する際、ページ要素に対してアサーションを行うことで、アプリケーションが期待通りに動作していることを確認できます。mablトレーナーでは、要素のコンテンツや視覚的な外観(HTMLおよびCSSプロパティを含む)を検証するための要素アサーションを作成できます。
要素アサーションを作成する
mablトレーナーで要素アサーションを作成するには、次の手順を実行します。
- 要素アサーションを作成する:✔︎(アサート)> 要素
- ページ上の要素を選択するよう求められたら、マウスを対象の要素の上に移動してクリックしてください。
- 要素アサーションのタイプを選択します:
- ビジュアル（デフォルト） - 自然言語プロンプトを使用して、要素の表示コンテンツまたは品質を検証します
- HTML - 要素のHTMLプロパティまたは属性を検証します。MDNは、要素のHTMLを理解するための優れたリファレンスです。
- CSS - 要素のCSSプロパティを検証します
- アサーション設定フォームでアサーションの条件を定義します。
- OKをクリックして、アサーションを保存します。
作成したアサーションステップは、mablトレーナーですぐに実行されます。
ターゲット指定が難しい要素に対するアサーション
アサートしたい要素のターゲット指定が難しい場合は、ターゲット指定が難しい要素の検証に関する記事で提案を確認してください。
エレメントが存在しないことのアサーション
要素が存在しないことを検証したい場合は、要素が存在しないことをアサートするに関する記事で詳細なガイダンスをご確認ください。
値が一致するまで待機する
ブラウザテストでは、等しい または 任意一致 を使用するHTMLアサーションとCSSアサーションで、失敗にする前に値が一致するまで待機できます。条件が満たされるまで最大（秒）待機 に1～900の秒数を入力してください。mablは、値が一致するか時間切れになるまで要素をチェックし続けます。値を1回だけチェックする場合は、フィールドを空欄のままにします。
ページの読み込み後に合計金額が再計算される場合など、要素が表示された後に値が確定する場合に待機を使用します。等しくない や 前方一致 などの他の比較や、ビジュアルアサーションでは、このフィールドは使用できません。その他の待機方法については、waitステップの追加を参照してください。
要素のスクリーンショットを切り抜く
標準的なアサーション設定(大文字と小文字の区別を無視、失敗オプション)に加えて、要素アサーションには要素のスクリーンショットを切り抜くオプションも含まれています。
要素のスクリーンショットを切り抜くをチェックすると、mablはクラウド実行中に全画面ではなく要素のスクリーンショットをキャプチャします。この設定により、mablがアサーションした要素を詳細に確認したり、要素が画面上を移動した場合でもアサーションした要素の視覚的な比較を行ったりすることが容易になります。