動作 / プルダウンリスト(セレクトボックス)を動作させよう
はじめに
標準動作のプルダウンリスト(セレクトボックス)の使用方法の解説となります。
![](/t-dash/cms/wp-content/uploads/2022/10/image-1.png)
ゴール
下記、標準動作を使用してプルダウンリスト(セレクトボックス)のT-DASHでの動作をできるようにする。
・ラベルを指定してリストを選択にする
・値を指定してリストを選択にする
前提
・T-DASHを起動している
・プロジェクトが作成されている
・画面定義、要素が一通り登録されている
・テストスイート、テストケース、手順が一通り登録されている
詳細
手順のおおまかな流れです。
- テストスイート・テストケースにドロップダウンリストに対するテスト手順を追加する
- テストケースで使用した対象画面の画面要素を登録する
詳細手順です。
1. テストケースの作成を行います。
動作について「ラベルを指定してリストを選択にする」、「値を指定してリストを選択にする」を選択して、対象の画面名と要素名を入力します。
対象テストサイト:https://service.valtes.co.jp/t-dash/test_form/
![](/t-dash/cms/wp-content/uploads/2022/10/image-2-1024x224.png)
![](/t-dash/cms/wp-content/uploads/2022/10/image-5-1024x442.jpg)
![](/t-dash/cms/wp-content/uploads/2022/10/image-4-1024x150.png)
2. 設定値を埋めます
2.1 テスト対象のサイトをChromeで開いて、Chromeのデベロッパーツールを開きます。
![](/t-dash/cms/wp-content/uploads/2022/10/image-5-1-1024x444.jpg)
2.2 要素をトラッキングして、HTML上のタグ情報を確認します。
![](/t-dash/cms/wp-content/uploads/2022/10/image-5-2-1024x310.jpg)
![](/t-dash/cms/wp-content/uploads/2022/10/image-5-3-1024x487.jpg)
2.3 設定値に選択したい値を入力します。
![](/t-dash/cms/wp-content/uploads/2022/10/image-5-1024x152.png)
3. 画面定義画面でT-DASHの社内利用人数を要素をキャプチャーツールで取得します。
詳細な手順は【画面定義】キャプチャツールを使って取得しようより確認ください。
![](/t-dash/cms/wp-content/uploads/2022/10/image-6-1024x565.jpg)
![](/t-dash/cms/wp-content/uploads/2022/10/image-6-1-1024x415.jpg)
T-DASHの社内利用人数
//fieldset[@id=””]/div[@class=”ss_grid”]/div[@class=”ss_input”]/select[@class=”validate[required]”]
4. テスト実行してPASSになれば正常に動作ができています。
![](/t-dash/cms/wp-content/uploads/2022/10/image-6-1024x189.png)
(うまく行かない場合)
Selectタグで作られていない場合はラベルを指定してリストを選択にする、値を指定してリストを選択にするは使用できません。
![](/t-dash/cms/wp-content/uploads/2022/10/image-7-1024x256.jpg)
要素をクリックする動作を使用して選択させる必要があります。
![](/t-dash/cms/wp-content/uploads/2022/10/image-7-1024x296.png)
※ サンプル_(最新のバージョン)プロジェクトを参考にしてみてください
![](/t-dash/cms/wp-content/uploads/2022/10/image-8-1024x41.png)