Watir-web-elements
Watir-Web要素
この章では、Watirでフォローする方法を説明します-
- テキストボックスの使用
- コンボの使用
- ラジオボタンの使用
- チェックボックスの使用
- ボタンの使用
- リンクの使用
- Divでの作業
テキストボックスの使用
構文
ここでは、UIでテキストボックスを操作する方法を理解しようとします。
以下に示すように、Textboxlページを検討します-
対応する出力は以下のとおりです-
テキストボックスがあります。名前を入力すると、onchangeイベントが発生し、名前が下に表示されます。
ここで、テキストボックスを見つけて名前を入力し、onchangeイベントを発生させるコードを記述しましょう。
ワティアコード
私たちはChromeブラウザーを使用しており、pageurlを http://localhost/uitesting/textboxl として指定しています。
goto apiブラウザーを使用すると、pageurlが開き、id:firstnameのtext_fieldが見つかります。 それが存在する場合、値をRiya Kapoorとして設定し、fire_event apiを使用してonchangeイベントを起動します。
さて、次のように出力を表示するコードを実行しましょう-
コンボの使用
構文
ここでテストするテストページを次に示します-
出力
ドロップダウンから月を選択すると、同じものが下に表示されます。
Watirを使用して同じことをテストしましょう。
コンボ選択用のWatirコード
コンボを使用するには、b.select_list apiの後にドロップダウンのIDを使用してselect要素を見つける必要があります。 ドロップダウンから値を選択するには、t.selectと必要な値を使用する必要があります。
実行時の出力は次のとおりです-
ラジオボタンの使用
構文
ラジオボタンを操作するために使用するテストページを次に示します-
Watirコードに示すように、値がFemaleのラジオボタンを選択します-
ラジオボタンを使用するには、ブラウザに選択している値を伝える必要があります。 b.radio value:” female”
また、スクリーンショットを撮って、radiobutton.pngとして保存します。同じものが下に表示されます-
チェックボックスの使用
構文
ここにチェックボックスのテストページがあります-
次に、以下に示すように、ブラウザでチェックボックスを見つけるためにWatirを使用します-
ブラウザーでチェックボックスを見つけるには、_b.checkbox_を選択する値と共に使用します。
ボタンの使用
構文
ここにボタンのテストページがあります-
これは、指定されたページ上のボタンを見つけるためのコードです-
これがスクリーンショットbutton.pngです
リンクの使用
構文
次のテストページを使用してリンクをテストします-
リンクのテストに必要なWatirの詳細は以下のとおりです-
出力
Divでの作業
構文
divをテストできるテストページ。
出力
divをテストするためのWatirコードはここに示されています-