Введите текст в поле ввода в Watir с тем же классом

Question

Я пытаюсь ввести текст в поле ввода и не могу успешно его запустить. У меня есть два входа, которые выглядят так:

<div class"outerParentClass"> 
    <div class="classLabel">From</div> 
     <div class="classA classB classD"> 
      <div class="classE"> 
       <div class="classText"> TEXT HERE </div> 
       <input class="classInputA classInoutB" type="text"> 
      </div> 
     </div> 
    </div> 
    <div class="classLabel">To</div> 
     <div class="classA classB classD"> 
      <div class="classE"> 
       <div class="classText"> DIFFERENT TEXT HERE </div> 
       <input class="classInputA classInoutB" type="text"> 
      </div> 
     </div> 
    </div> 
</div> 

Оба входа - это тот же формат, что и выше. Нет идентификаторов, и оба имеют одинаковые классы. Я изо всех сил пытаюсь ввести текст в эти или даже найти их правильно.

Когда я делаю это:

browser.text_field(:class => "classInputA").size 

возвращает 20

Когда я делаю это:

browser.text_field(:class => "classInputA") 

возвращает:

#<Watir::TextField:0x..fbccafb7ed2e9b85e located=false selector={:class=>"classInputA", :tag_name=>"input"}> 

Не знаете, как найти любой из этих inp UTS. Какие-либо предложения?

Answer 1

Текст, прилегающий к полю, предоставляет ярлык и контекст для поля. Поскольку это, вероятно, уникально, вы можете использовать это для идентификации элемента.

Для этого найдите div, содержащий текст этикетки. Затем перейдите к смежному div, содержащему текстовое поле.

browser.div(text: 'From', class: 'classLabel') # label of interest 
    .element(xpath: './following-sibling::div[1]') # adjacent div containing text field 
    .text_field # the text field 

Обратите внимание, что в следующем выпуске Watir, .element(xpath: './following-sibling::div[1]') будет заменяем только .following-sibling.