обрабатывать выпадающий плагин vue-js в селеновом вебдрайвере

Question

Я тестирую веб-приложение, в котором есть v-select vuejs плагин для поля Страна.Как я могу выбрать значения в раскрывающемся списке, используя селен вебдрайвер.У него нет select / div.

Ниже приведен HTML-код перед выбором страны из раскрывающегося списка

<div data-v-ce984332="" id="country-fg" class="mg-t-20">
   <p data-v-ce984332="" class="control has-icon has-icon-right">
   <div data-v-ce984332="" dir="auto" class="dropdown v-select single searchable" name="country" aria-required="true" aria-invalid="false">
      <div class="dropdown-toggle clearfix">
         <input type="search" autocomplete="false" placeholder="Country" aria-label="Search for option" class="form-control" style="width: 100%;"> <button type="button" title="Clear selection" class="clear"><span aria-hidden="true">×</span></button> <i role="presentation" class="open-indicator"></i> 
         <div class="spinner" style="display: none;">Loading...</div>
      </div>
      <!---->
   </div>
   <span data-v-ce984332="" class="small tx-warning" style="display: none;"></span></p>
</div>

И это HTML-код после выбора страны в качестве США из раскрывающегося списка

<div data-v-ce984332="" id="country-fg" class="mg-t-20">
   <p data-v-ce984332="" class="control has-icon has-icon-right">
   <div data-v-ce984332="" dir="auto" class="dropdown v-select single searchable" name="country" aria-required="true" aria-invalid="true">
      <div class="dropdown-toggle clearfix">
         <span class="selected-tag">
            United States
            <!---->
         </span>
         <input type="search" autocomplete="false" aria-label="Search for option" class="form-control" style="width: auto;"> <button type="button" title="Clear selection" class="clear"><span aria-hidden="true">×</span></button> <i role="presentation" class="open-indicator"></i> 
         <div class="spinner" style="display: none;">Loading...</div>
      </div>
      <!---->
   </div>
   <span data-v-ce984332="" class="small tx-warning" style="display: none;"></span></p>
</div>

Answer 1

Пожалуйста, укажите привязку к языку, который вы используете, и вещи, которые вы уже пробовали.

Алгоритм в Java:

щелкните поле «раскрывающийся список»: driver.findElement(By.name("country")).click() выберите параметр: driver.findElement(By.name("country-1")).click()

Эти типы «выпадающих» полей обычно привязываются к другому div / element.
Например, при нажатии на поле «выпадающего» (пункт 1), может появиться другой динамический div, содержащий опции в какой-либо форме тега.

Наиболее распространенными примерами могут быть <li>, <div>, <span>.Затем вам нужно будет сделать еще один click() на нужную вам опцию.(элемент 2)

Существуют даже случаи, когда раскрывающийся список div содержит тег ввода, для которого вы можете сделать sendKeys() или setAttribute(), а также случаи, когда вы можете сделать щелчок JavaScript непосредственно в одномиз вариантов.

Предлагаем вам предоставить больше информации, чтобы мы могли помочь вам лучше.

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