C＃ - Selenium Webdriverラベルの上にラベルが表示されないようにラジオボタンを選択できません

Question

私はSelenium webdriverを初めて使用しています。私はC＃を使用してスクリプトを記述しています。 男性と女性のオプションを持つ性別のフィールドがありますが、これらのオプションは実際にはラジオボタンですが、ラベルのように表示されます。

私はそれを選択しているために百万個の方法を試みた。）（クリック

1. driver.FindElement（By.CssSelector（ "[値= '女性']"））;。
2. driver.FindElement（By.XPath（ "// input [@ value、 'Male']"））
3. driver.FindElement（By.XPath（ "//input[@value='Female']")).Click（）;
をクリックします。

しかしNONEは、上から働いていない 性別フィールドのHTMLは次のようになります。

<li class="radiobutton-yesno ui-buttonset"> 
 
\t <span class="label"> 
 
\t Gender       
 
\t \t <span class="help-icon" data-title="Your gender is a factor in determining your cost."> 
 
\t \t </span> 
 
\t </span> 
 
\t <input type="radio" id="genderNo_1" name="gender_1" value="Male" class="reqCntrl ui-helper-hidden-accessible"> 
 
\t \t <label for="genderNo_1" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button"> 
 
\t \t \t <span class="ui-button-text">Male</span> 
 
\t \t </label> 
 
\t <input type="radio" id="genderYes_1" name="gender_1" value="Female" class="ui-helper-hidden-accessible"> 
 
\t \t <label for="genderYes_1" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"> 
 
\t \t \t <span class="ui-button-text">Female</span> 
 
\t \t </label> 
 
</li>

は、ページ上のフィールドは次のように表示されます：enter image description here

Answer 1

<input>タイプはおそらくCSS/JSルールを経由して隠されています。だからあなたはそれらをクリックすることはできません - セレンはあなたができない何かをさせることはありません。

@value属性もラジオボタン<input>に属しています。そのため、セレクタでその要素を使用すると、その要素全体が非表示になります。それはテキストだと

代わりに、<label>またはラベルの下<span>と一致するものを使用します。

1. //label/span[text()='Female']
2. //label/span[text()='Male']

PS：これは、この質問の性質上少し心配WRTです：

"あなたの性別は要因iあなたのコストを決める。

Answer 2

ラジオをラベルの中に入れるのは良いUXプラクティスです。そのルールに従うようにマークアップを変更してください。その後、あなたはラベル上でクリックアクションを実行することでラジオを選択できるはずです（@aneroidのようにテキストでラベルを選択）。

Answer 3

セレンが投げているエラーを教えてください。

代わりにスクリプトを使用できます。

var temp = "var elt = document.getElementById('#myRadioButton'); elt.click();"; 
driver.executeScript(temp);