プルダウンメニューの選択肢を検証することはできますか？

プルダウンメニューの選択肢に対して以下のような検証をしたいと思ったことはありませんか？

• プルダウンメニューの選択肢の内容を検証したい
• プルダウンメニューの中に特定の選択肢が存在(する / しない)ことを検証したい

Autifyでは以下のアサーションを使用することでプルダウンメニューの検証を行うことが可能です！

• 対象のテキストが〇〇であることを確認する
• 対象のテキストが〇〇を(含む / 含まない)ことを確認する

早速、プルダウンメニューの選択肢の検証をレコーディングしてみましょう。

レコーディング時の注意点として、プルダウンメニューの select 要素にフォーカスすると、「対象のテキストが〇〇であることを確認する」と「対象のテキストが〇〇を(含む / 含まない)ことを確認する」アサーションが選択肢に表示されません。

表示させるには、 div 要素や p 要素などの、 select 要素を囲む親要素にフォーカスする必要があります。
親要素にフォーカスすると、「対象のテキストが〇〇であることを確認する」と「対象のテキストが〇〇を(含む / 含まない)ことを確認する」が選択肢に表示されます。
「対象のテキストが〇〇であることを確認する」を選択してみましょう。
すると、値にプルダウンメニューの選択肢が表示されました。この状態で「追加」をクリックしましょう。
これでプルダウンメニューの選択肢の内容を検証することができるようになりました。

最後に、プルダウンメニューの中に特定の選択肢が存在しないことを実際にテストを実行して検証してみましょう。
ここでは確認のため、存在する選択肢を「対象がテキストが〇〇を含まないことを確認する」の値に設定して追加してみます。実際にテストが失敗するか見てみましょう。

テストを実行してみると、プルダウンメニューの中に指定した選択肢が存在するので期待通り失敗しています！

プルダウンメニューの選択肢を検証したい際は、「対象のテキストが〇〇であることを確認する」と「対象のテキストが〇〇を(含む / 含まない)ことを確認する」アサーションをご活用ください。