如何选择角度应用单选按钮

时间:2019-03-14 10:31:22

标签: angularjs selenium-webdriver protractor-net

<h5 _ngcontent-c2="" class="card-title">Payment Mode </h5>
<!---->
<div _ngcontent-c2="">
    <div _ngcontent-c2="" class="form-group">
        <input _ngcontent-c2="" name="paymentmode" type="radio" style=""> &nbsp;&nbsp;
        <b _ngcontent-c2="">Credit Card</b>
    </div>
</div>
<div _ngcontent-c2="">
    <div _ngcontent-c2="" class="form-group">
        <input _ngcontent-c2="" name="paymentmode" type="radio"> &nbsp;&nbsp;
        <b _ngcontent-c2="">Debit Card</b>
    </div>
</div>
<div _ngcontent-c2="">
    <div _ngcontent-c2="" class="form-group">
        <input _ngcontent-c2="" name="paymentmode" type="radio"> &nbsp;&nbsp;
        <b _ngcontent-c2="">Net Banking</b>
    </div>
</div>
<div _ngcontent-c2="">
    <div _ngcontent-c2="" class="form-group">
        <input _ngcontent-c2="" name="paymentmode" type="radio"> &nbsp;&nbsp;
        <b _ngcontent-c2="">UPI</b>
    </div>
</div>

对于上述HTML,我试图根据单选按钮的值选择单选按钮。我正在使用Protractor NuGet软件包和硒webdriver。

IList<NgWebElement> oCheckBox = ngDriver.FindElements(By.XPath("//input[@name='paymentmode']"));
int Size = oCheckBox.Count;
for (int i = 0; i < Size; i++)
{
    String Value = oCheckBox.ElementAt(i).GetAttribute("value");
    if (Value.Equals("Net Banking"))
    {
        oCheckBox.ElementAt(i).Click();
        break;
    }
}

但是IList<NgWebElement>不包含ElementAt的定义。

有什么方法可以根据付款方式选择单选按钮吗?

4 个答案:

答案 0 :(得分:2)

使用xpath:// input [@ name ='paymentmode'] / following :: b [1]

希望以下代码会有所帮助:

IList<NgWebElement> oCheckBox = ngDriver.FindElements(By.XPath("//input[@name='paymentmode']/following::b[1]"));
        int Size = oCheckBox.Count;
        for (int i = 0; i < Size; i++)
        {
            String Value = oCheckBox.ElementAt(i).getText();
            if (Value.Equals("Net Banking"))
            {
                oCheckBox.ElementAt(i).Click();
                break;
            }
        }

答案 1 :(得分:0)

您可以使用XPath通过包含的文本“网上银行”来查找单选按钮

//input[@name='paymentmode']/following::b[.='Net Banking'][1]

我将其放入方法中并传递您想要的值以使其更加灵活。

答案 2 :(得分:0)

谢谢@JeffC和@Sudha Velan。添加对Linq的引用(使用System.Linq;)并进行更改后,它现在可以正常工作。

IList<NgWebElement> Rbtn = ngDriver.FindElements(By.XPath("//input[@name='paymentmode']"));
            IList<NgWebElement> RbtnValue = ngDriver.FindElements(By.XPath("//input[@name='paymentmode']/following::b[1]"));
            int Size = Rbtn.Count;
             for (int i = 0; i < Size; i++)
            {
                String Value = RbtnValue.ElementAt(i).Text;
                if (Value.Equals("UPI"))
                {
                    Rbtn.ElementAt(i).Click();
                    break;
                }
            } 

答案 3 :(得分:0)

这里是xpath,几乎等同于@JeffC。但这可以确保即使在inputb之间添加了一些标签。

//b[normalize-space(.)='Net Banking']/ancestor::div[@class='form-group']//input[@name='paymentmode' and @type='radio']