メニュー

Selenium WebDriverでラジオボタンを選択する方法は？

how select radio buttons selenium webdriver

最高の外付けハードドライブの回復ソフトウェア

問題を排除するために楽器を試してください

このチュートリアルでは、コードの実装やWebページでラジオボタンを選択するためのさまざまな方法など、Seleniumでラジオボタンを選択する方法について説明します。

ラジオボタンは、オプションの選択を制御するグラフィック要素に他なりません。これにより、ユーザーは一連のオプションから任意の1つのオプションを選択できます。オプションボタンとも呼ばれます。

ラジオボタンは、ラジオのチャンネルのような機能を備えているため、いわゆるボタンです。つまり、一度に1つのボタンしか選択できません。

Seleniumは、ほぼすべての操作の作業を処理する最も人気のある自動化テストツールの1つであり、ラジオボタンはその1つです。自動化ツールを使用して、ラジオボタンの機能を理解してみましょう。

=> ここですべてのSeleniumチュートリアルを確認してください

Seleniumでのラジオボタンの処理

このチュートリアルでは、Seleniumを使用してラジオボタンを処理する方法を説明します。

学習内容：

HTMLのラジオボタン

まず、HTMLページでのラジオボタンの使用について理解しましょう。 HTMLでは、ラジオボタンを使用して、提供されているオプションのリストから1つのオプションを選択します。

以下の例を確認して、HTMLでラジオボタンがどのように作成されるかを理解してください。

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

どこ、

  • タイプ ：入力タグ タイプ 属性。ほとんどの場合、ラジオボタンの「ラジオ」になります。
  • 名前 ：それは 名前 入力要素の。同じ名前のラジオボタンのセットは、ラジオグループを形成すると言われています。
  • 値 ：それは実際です 値 そのラジオボタンに対応します。

以下に、上記に加えていくつかのポイントを示します。

  1. HTMLページの名前は「確認」です。
  2. 「確認のためにラジオボタンを選択してください」というタイトルが付いています。
  3. 3つのラジオボタンが用意されています：はい、いいえ、可能性があります。

以下の画像は、作成されたHTMLページの明確なアイデアを示しています。

ラジオボタンを選択

Seleniumでラジオボタンを処理するためのコード実装

一度に1つのオプションのみを選択する必要があるラジオボタンを選択すると、ユーザーは提供されたオプションのリストからいずれかのオプションを選択できます。以下の実装は、SeleniumWebDriverを使用してラジオボタンを処理する明確なアイデアを提供します。

以下に示すのは、ラジオボタンセクションを含むHtmlページのスクリーンショットです。色とサイズを選択するためのラジオボタンのセットを含む以下のHTMLページが作成され、テストに使用されます。

色とサイズを選択するためのラジオボタン

ラジオボタン選択の実装コード：

package project1; import java.io.IOException; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class radio { public static void main(String() args) throws IOException { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('file:///E:/Selenium class/Programs/Sonali/bin/project1/form2selenium.html'); WebElement radio = driver.findElement(By.xpath('//input(@id='i-green')')); radio.click(); WebElement radio2 = driver.findElement(By.xpath('//input(@value='Medium')')); radio2.click(); } }

このコードの実行後に受信した出力は、次のスクリーンショットに示すとおりです。

出力-色のラジオボタン

Seleniumを使用して無線要素を選択する方法

Seleniumには、Webページ上のRadio要素を選択するためのさまざまな方法が含まれています。

さまざまな方法は次のとおりです。

  1. ID属性別
  2. Is Selected（）を使用する
  3. 名前の使用
  4. 要素値の使用
  5. CSSセレクターによる
  6. XPathを使用

各選択方法の例を理解するために、以下の画像を検討してください。

選択方法

＃1）ID属性の使用

この場合、使用する必要があるのは ID属性 、その値が何であれ、。 ID属性は、Seleniumで目的のラジオボタンを選択するために使用されます。 ID属性は、要素ごとに異なります。

例えば：

WebElement radio = driver.findElement(By.id('i-red')); radio.click();

または

WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();

または

WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();

上の画像に示されているように、6つのラジオボタン、つまり赤、青、緑、黄、灰色、および黒があります。これらからラジオボタンを選択するために、この方法でラジオボタンの選択にSeleniumのID属性を利用できます。

以下の画像は、上記のオプションのid属性を示しています。

ID属性を強調表示する画像

＃2）Is Selected（）の使用

Is Selected（）を使用すると、ユーザーは特定のラジオボタンが表示されているかどうかを確認できます。 チェックモードかどうか 。簡単に言えば、ラジオボタンの選択が確認されます。

例えば：

List radio = driver.findElements(By.name('colour”)); //same group of Radio buttons always have same 'Names', //hence we need to use findElements method and store the list of Web elements. boolean bval = false; // create a variable which will have boolean value True/False bval = radio.get(0).isSelected(); // will return True if button is selected. if(bval = true) { radio.get(1).click(); // if the first radio button is selected by default, this will select Second radio button } else { radio.get(0).click(); // if the first radio button is not selected by default, the first will be selected }

＃3）名前の使用

名前を使用してラジオボタンを選択するには、1つの重要なポイントを理解する必要があります。つまり、同じグループ（ラジオグループ）のラジオボタンの場合、 名前 常に同じですが、 値 異なっています。

したがって、name属性を持つ要素が見つかった場合、その要素には複数の要素が含まれている可能性があるため、を格納する必要があります。 リスト の WebElements を利用します findElements 方法。

List radio = driver.findElements(By. name ('colour'));

これは、Is Selected（）の前の例でも使用されました。

＃4）要素値の使用

ラジオボタンは、その値を使用して選択することもできます。

各ボタンには 独自の価値 。ラジオボタンを選択するための値の使用は、以下の例に示すようになります。

List RadioButton = driver.findElements(By.name('colour')); // selecting the Radio buttons by Name int Size = RadioButton.size(); // finding the number of Radio buttons for(int i=0; i

＃5）CSSセレクターによる

無線要素を選択する別の方法は、 その値を使用するCSSセレクター 。

以下の例は同じことを説明します：

WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();

＃6）XPATHの使用

を使用して無線要素を選択する XPATH は、Seleniumで無線要素を選択する方法の1つであり、選択したい要素を正確に選択するのに役立ちます。

XPATHを使用してラジオボタンを選択するには、以下の例を参照してください。

WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’

または

WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();

または

WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();

ラジオボタンが使用される例/アプリケーション

ラジオボタンの用途は非常に多く、そのいくつかを以下に示します。

＃1）性別の選択：

性別ラジオボタン

＃2）フィールドの選択：

フィールドラジオボタン

＃3）メールアカウントを選択します。

メールアカウントのラジオボタン

(画像 ソース )

＃4）顧客調査フォーム：

顧客調査フォーム

＃5）アプリケーションの可用性ステータス：

可用性ステータスラジオボタン

私たちが日常業務で遭遇するそのような例は他にもたくさんあります。これらすべての例には共通点が1つあります。つまり、一度に1つのオプションを選択する必要があります。したがって、ラジオボタンは、顧客が正確に何を選択するかを明確に示します。

他のいくつかの例：

  1. 色の選択： 赤/青/緑/黄。
  2. フィールド/コースの選択： 芸術/商業/科学。
  3. 住所の種類： 永続的/一時的。
  4. 教育レベル： 学校/大学/働く。
  5. 支払い方法： NetBanking / GooglePay / AmazonPay。
  6. アプリのインストール時に言語を選択します。 英語/ロシア語/フランス語/ドイツ語/…。
  7. パスワード保護の種類： テキストパスワード/郵便番号/パターン/指紋。
  8. 輸送モード： 車/自転車/公共交通機関。
  9. 保険の種類： 医療/歯科/ビジョン/医療サプリメント。
  10. レポートカードで生徒の成績を選択します。 グレードA /グレードB /グレードC /グレードD。

ラジオボタンの状態

ラジオボタンの使用についてはすでに見てきました。それでは、そのさまざまな状態とその重要性を見てみましょう。

ラジオボタンの状態

  1. 正常 ：この状態は、デフォルトのオプションまたはデフォルトの状態に他なりません。
  2. ホバー ：表示されているホバー効果は、クリック可能なターゲットであることをユーザーに通知します。また、ホバー効果を確認した後、ユーザーがオプションをクリックする準備をします。
  3. チェック済み ：この状態は、選択されているラジオオプションを具体的に示しています。選択されたオプションは色で塗りつぶされており、他のオプションの中から選択されたオプションとして簡単に識別できます。
  4. 無効 ：ユーザーがオプションを選択すると、残りのオプションが自動的にフェードアウトする場合があり、ユーザーは残りのオプションの中からオプションを選択することはできません。一度に選択できるオプションは1つだけであるため、これらは無効状態であることがわかっています。
  5. 無効＆チェック済み ：特定のオプションを選択する際に、ラジオボタンが無効になっている場合は、選択を確認します。つまり、オプションを選択すると、確認どおりに凍結されます。このオプションは、強制的に選択されたものとして簡単に識別できます。

ラジオボタンはチェックボックスとどう違うのですか？

ラジオボタンチェックボックス
一度に1つのオプションのみを選択できます。複数のオプションを同時に選択できます。
それには2つの主要な条件があります：真または偽。チェック済み、チェックなし、および/または不確定にすることができます。
通常、円形のボタンとして表されます。通常、四角いボックスで表されます。
例-最近の資格の選択：
-卒業
-大学院
ラジオボタンを使用して最新の資格を指定するには、大学院または大学院のいずれかを1つだけ選択できます。		例-トレーニング対象の選択：
-数学
-物理
-化学
-コンピュータの基礎
-基本的な電気工学
チェックボックスを使用して、1つ以上またはすべてのオプションを選択できます。

結論

Seleniumを使用したラジオボタンの動作または処理について詳しく理解しました。また、Seleniumを使用して無線要素を選択するさまざまな方法を見てきました。

このチュートリアルを通じて、ラジオボタンの状態とラジオボタンが使用されるさまざまな例を理解しました。 1つ確かなことは、さまざまなオプションの中で提供された答え（/または）を1つのオプションだけが満たす場合は、ラジオボタンの使用をお勧めします。

Seleniumでのラジオボタンの処理に関するこの有益なチュートリアルを楽しんでいただけたでしょうか。

=> 完全なSeleniumガイドを読む

推奨読書

^