как выбрать переключатель для углового приложения - PullRequest
Новая
       19

как выбрать переключатель для углового приложения

0 голосов
/ 14 марта 2019 
<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 вместе с селеновым веб-драйвером. 

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 ]

2 голосов
/ 14 марта 2019

Используйте xpath: // input [@ name = 'paymentmode'] / follow :: 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;
            }
        }
0 голосов
/ 14 марта 2019

Вот xpath, почти эквивалентный @JeffC.Но это будет понятно, даже если некоторые теги будут добавлены между input и b. 

//b[normalize-space(.)='Net Banking']/ancestor::div[@class='form-group']//input[@name='paymentmode' and @type='radio']
0 голосов
/ 14 марта 2019

Спасибо @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;
                }
            }
0 голосов
/ 14 марта 2019

Вы можете использовать XPath для поиска переключателя по содержащемуся тексту «Net Banking» 

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

Я бы поместил это в метод и передал значение, которое вы ищете, чтобы сделать его более гибким.

...