Как вводить текст в selectize-контроль среагировать-использованием Watir

Question

У меня есть следующий код на странице:

<div class="col-md-5 col-lg-3"> 
    <div class="react-selectize bootstrap3 root-node simple-select open"> 
    <div class="react-selectize-control"> 
    <div class="react-selectize-placeholder">testing!</div> 
    <div class="react-selectize-search-field-and-selected-values"> 
     <input class="resizable-input" style="width: 4px;" type="input"> 

Если я физически выбрать поле ввода, а затем выполните следующую команду, используя Watir-классика:

BROWSER.div(:class => 'col-md-5 col-lg-3') 
     .div(:class => 'react-selectize-search-field-and-selected-values') 
     .text_field(:class => 'resizable-input') 
     .send_keys('Magg') 

он войдет Magg в поле, но если я не вручную выбрать поле, я не могу показаться, чтобы получить Watir ввести текст.

Я попытался следующие:

BROWSER.div(:class => 'col-md-5 col-lg-3') 
     .div(:class => 'react-selectize-search-field-and-selected-values') 
     .text_field(:class => 'resizable-input') 

с

.set('Magg') 
.fire_event('onfocus') 
.fire_event('mousedown') 
.fire_event('mouseup') 

использованием

.parent.text_field(:class => 'resizable-input') 
.parent.input(:class => 'resizable-input').set('Magg') 
.input(:class => 'resizable-input').set('Magg') 
.input(:class => 'resizable-input').send_keys('Magg') 

Я работаю с разработчиком, используя контроль и ни один из нас не может выяснить, как настроить фокус управления так, чтобы send_keys работал без ручного управления избрание контроля. Любое руководство будет высоко оценено.

Answer 1

Первое - обязательное предупреждение о том, что Watir Classic устарел, и вы должны использовать Watir WebDriver. (который может исправить эту проблему)

Второй - технически: div(:class => 'col-md-5 col-lg-3') должен быть div(:css => '.col-md-5.col-lg-3'), так как класс должен быть единственным.

Вы пробовали только делать element.fire_event(:click) до element.set?

Answer 2

Помните, что ваш HTML имеет недопустимое значение типа для входного тега. Per W3.org тип «вход» не является допустимым типом для входного тега.

Это, скорее всего, вызывает метод, который вы ожидаете работать (например, .set), чтобы потерпеть неудачу. Это также означает, что все методы watir для возврата более конкретных подтипов ввода (например, .text_field) не будут работать, чтобы выбрать этот тег.

Watir определяет конкретные методы, связанные с входом (такие как .set, .unset) в соответствии с конкретным подтипом входного тега и имеет методы для выбора тех конкретных типов ввода (например,). Обычно вы выбираете тег ввода, используя метод для его подтипа, но поскольку это значение недопустимо, это не вариант в этом случае, и вы вынуждены использовать .input. Но, как мы только что обсуждали, входной объект в watir не имеет таких методов, как .set. Поэтому ваш единственный резерв - использовать .sendkeys для отправки нажатий клавиш элементу.

Если бы это был я, я бы написал ошибку в этом HTML, что он не использует правильное значение для «типа» для спецификации W3.

Фиксация HTML, чтобы быть действительной, скорее всего, заставит ее работать лучше с Watir или любым другим инструментом автоматизации, особенно на основе webdriver.