セレクト要素の選択肢を一括でアサーションする方法

本ページでは、セレクト要素（プルダウン）内の選択肢テキストをまとめて取得し、期待する一覧と一致するかを一括で照合する手順を説明します。

手順

1. セレクト要素のロケーターを取得する

1. 通常のレコーディングで、対象のセレクト要素をクリックし、任意の選択肢を選ぶステップを作成します。

2. 作成したステップを開き、 詳細設定 をクリックします。

3. ロケーターの変更 をクリックします。

4. 表示されている ロケーター をコピーし、メモ帳などに控えます。

2. 検証用テキスト（選択肢一覧）を準備する

1. ブラウザで対象ページを開き、デベロッパーツール（F12）を起動します。

2. Elements（要素） タブで、対象のセレクト要素（<select>）を探します。

   

3. 対象要素を右クリックし、 Copy → Copy element を選択します。

   

4. メモ帳などに貼り付け、<option> などのHTMLタグを除外して、選択肢のテキストだけを抽出します。

   各選択肢は改行区切りの「1つのテキストブロック」にします（順序も維持します）。

   取得例（HTML）

   <select id="pet-select">
                   <option value="">--Please choose an option--</option>
                   <option value="dog">Dog</option>
                   <option value="cat">Cat</option>
                   <option value="hamster">Hamster</option>
                   <option value="parrot">Parrot</option>
                   <option value="spider">Spider</option>
                   <option value="goldfish">Goldfish</option>
   </select>

   テキスト例（期待値として貼り付ける形）

   --Please choose an option--
   Dog
   Cat
   Hamster
   Parrot
   Spider
   Goldfish

3. 一括アサーションステップを作成・編集する

1. 画面上の任意の場所でテキストを確認するステップを新規作成します（後で内容を差し替えます）。

2. そのステップを開き、 詳細設定 をクリックします。

3. 次の項目を設定します。

   • ロケーター ：手順1で控えたロケーターに書き換えます。

   • アクション ： テキストを確認する を選択します。

   • マッチタイプ ： 等しい を選択します。

   • テキスト（期待する値） ：手順2で用意した「改行を含む選択肢一覧」をそのまま貼り付けます。

4. 完了 をクリックして保存します。

留意点

• 期待値と実際の比較は、改行・スペース・記号なども含めて一致判定されます。見た目が同じでも、余分な空白や改行の違いで失敗することがあります。

• 選択肢の「順序」や「件数」が異なる場合も失敗します。

• 実行結果でステップが失敗する場合は、期待値のテキスト（改行区切り）と、ページ側の選択肢テキストを見比べて差分を確認してください。サイト側のDOM構造によりうまく取得・比較できない場合があります。