【前提条件】

・https：//demoqa.com/select-menuウェブサイトを開きます

・【Select Menu】画面が表示します

【手順】

1. [Select Option]（[Select Value]項目の下）をクリックします
2. 「Group 1, option 2」を選択します
3. [Select Title]（[Select One ]項目の下）をクリックします
4. 「Mrs」を選択します
5. 「Red」（[Old Style Select Menu]項目の下）赤をクリックします
6. <「Indigo」を選択します
7. 「Indigo」（[Old Style Select Menu]項目の下）をクリックします
8. 「Purple」を選択します
9. [Select…]（[Multliselect drop down]項目の下）をクリックします
10. 「Green, Blue, Black, Red」を選択します
11. 「Volvo, Opel, Audi」（「Standard multi select」項目の下）をクリックします

 【期待結果】

2.「Group 1, option 2」値が選択され、正しく表示されること

4.「Mrs」値が選択され、正しく表示されること

6.「Indigo」値が選択され、正しく表示されること

8.「Purple」値が選択され、正しく表示されること

10「Green」、「Blue」、「Black」、「Red」の値が正しく選択され、表示されること

11.「Volvo」、「Opel」、「Audi」の値が選択され、ハイライトされること

1. 前提条件の作成

https：//demoqa.com/select-menuウェブサイトを開きます。

・「スクリプト記録」ボタン　　をクリックして、ウェブサイトで「記録」を開始します。

・「ベースURL」テキストボックスにウェブサイトのリンクを入力し、「記録開始」ボタンをクリックします。

2. スクリプトの作成

・URLリンクが開かれると、ウィンドウサイズを開いて設定するというデフォルトの手順が自動的に生成されます。

・「Select Value」コマンドにコメントし、パート1を表示します。

・「Select Option」のドロップダウンで、「Group 1, option 2」をクリックします。

　・「Select One」コマンドにコメントし、パート2を表示します。

・「Select Title」のドロップダウンで「Mrs」をクリックします。

・「Multiselect drop down」コマンドにコメントし、パート3を表示します。

・右クリックして「検査」を開き、「id=oldSelectMenu」を選択します。

・「select」コマンドで、「ターゲット」項目は「id = oldSelectMenu」を取得し、「label=Indigo」と「value=5」の値を入力します。

　・「Multiselect drop down」コマンドをコメントして、パート4を表示します。

　・[Multi select drop down]ドロップダウンで、[Green]、[Blue]、[Black]、[Red]をクリックします。

　・「Standard multi select」コマンドをコメントし、パート5を表示します。

　・右クリックして「検査」を開き、「「id=cars」をクリックします。

　・”add selection”コマンドで、「ターゲット」項目は「id=cars」を取得し、「Volvo」、「Opel」と「Audi」の値を入力します。

3.   テストスクリプトの実行

➩  これは作成して、実行に成功したテストスクリプトです。