標準要素アサーションで正しい要素をターゲットにできない場合は、ページ要素に対するアサーションの他の方法を試してください:
- ビジュアル画面アサーションを使用する
- 重なり合う要素をスクロールする
- 消える要素にはEnterキーを使用する
- 記録されたステップからアサーションを作成する
- 検索の設定の追加
- CSSまたはXpathセレクターを使用する
- 一時的な要素にはJavaScriptスニペットを使用する
ビジュアル画面アサーションを使用する
特定の要素のHTMLまたはCSSプロパティを検証する必要がない場合は、代わりにビジュアルスクリーンアサーションの使用を検討してください。スクリーンアサーションは、表示されているページ全体を検証するため、確認したい要素がターゲットにしにくいものの、画面上ではっきりと表示されている場合に便利です。
重なり合う要素をスクロールする
対象の要素が、より高いz-indexを持つ別の重なり合う要素によって覆われている場合は、キーボードショートカットを使用して対象の要素が見つかるまでスクロールできます。
- 要素アサーションを作成します:✔︎(アサート)> 要素。
- Shiftキーを押しながら上下の矢印キーを使用して、マウスの位置にある重なり合う要素をスクロールします。
- 正しい要素が強調表示されたら、クリックして要素を選択します。
消えてしまう要素にはEnterキーを使用する
クリックすると消えてしまう要素に対してアサーションを行う場合は、Enterキーを使用して対象要素を選択してみてください。
- 要素アサーションを作成します:✔︎(アサート)> 要素。
- 要素をクリックする代わりに、要素の上にカーソルを合わせてEnterキーを押します。
記録されたステップからアサーションを作成する
既存の記録済みステップ(クリックステップなど、要素を見つけるステップ)からアサーションを作成することもできます:
- ターゲット要素でクリックステップを記録します。
- 記録されたステップのその他のアクション (…) > 要素のアサーションをクリックします。
- アサーションのタイプを選択します - ビジュアル、HTML、またはCSS(ブラウザのみ)
- アサーション設定フォームでアサーションの条件を定義します。
- OKをクリックします。Trainerはテストに新しいアサーションステップを追加します。
「要素でアサート」オプション
検索の設定の追加
ページに他の類似した要素がある場合は、検索の設定を追加して、mablが正しい要素を識別できるようにしてください。
CSS または XPath セレクターを使用する(ブラウザーのみ)
ブラウザテストで、検索の設定が正しい要素をターゲットにできない場合は、カスタムCSSクエリーまたはXPath式を使用して、アサーションを実行したい要素を識別できます。要素の検索アサーションを作成するには、次のステップを実行します:
- 新しい要素の検索ステップを追加:+ (ステップを追加) > 要素を検索
- 要素の検索ビューで、CSSまたはXPathを使用してブラウザウィンドウ内の要素を識別します。
- アクションとして [Make assertion] を選択します。
- 次のページで、アサーションのタイプを選択します:ビジュアル、HTML、またはCSS
- アサーション設定フォームでアサーションの条件を定義します。
- OKをクリックします。Trainerはテストに新しいアサーションステップを追加します。
mablで要素を識別する一般的な概要については、正しい要素を見つけるに関するドキュメントをお読みください。
一時的な要素にはスニペットステップを使用する
ページ上に表示される時間が短くアサーションステップを実行できないエレメントに対してアサーションを行う場合、スニペットステップを使ってエレメントに対してアサートすることができます。スニペットステップは、JavaScriptで記述されたカスタムステップです。
たとえば、短時間でページから消えてしまうトーストメッセージが表示されることをアサートする必要がある場合、スニペットステップを使用すると、トーストメッセージが表示されることをすばやく検証できます。
スニペットステップを使用してエレメントに対してアサートするには、JavaScriptを使ったWebエレメントへのアクセスや、Appiumを介したモバイルエレメントの操作をよく理解している必要があります。ネイティブのアサーションと比べて、スニペットステップを使って作成したアサーションは、メンテナンスの手間が増え、ステップが失敗したときのテスト出力の可視性が低下する可能性があります。