Выберите Kendo Dropdown с Selenium IDE

Question

Я использую Selenium IDE, и я не могу выбрать элемент из раскрывающегося меню кендо, которое я хочу. Кто-нибудь знает, как это сделать с помощью Selenium IDE? (или в C#, но я не смог бы это проверить некоторое время).

Вот веб-сайт с раскрывающимся списком, на котором я пытался практиковать, пытаясь утвердить некоторые другие варианты выпадающего списка, не повезло. http://derp-bear.herokuapp.com/ui_widgets/kendo_ui_example

<tr> 
    <td>open</td> 
    <td>http://derp-bear.herokuapp.com/ui_widgets/kendo_ui_example</td> 
<td></td> 
</tr> 
<tr> 
    <td>click</td> 
    <td>css=span.k-input</td> 
    <td></td> 
</tr> 
<tr> 
    <td>assertText</td> 
    <td>css=span.k-input</td> 
    <td>XL - 7 5/8</td> 
</tr> 

Любая помощь будет замечательной!

Answer 1

Это не традиционный select. Таким образом, выпадающий список и варианты находятся в двух разных местах.

Кропит стрелок находятся в коде ниже

<span class="k-select" unselectable="on"> 
    <span class="k-icon k-i-arrow-s" unselectable="on">select</span> 
</span> 

падения вниз стрелка может быть выбрано с помощью CSS

css=span.k-select  

Опуститесь вариантами расположены в нижеприведенном месте. Этот раздел активируется после нажатия на стрелку вниз.

<ul class="k-list k-reset" unselectable="on" style="overflow: auto;" tabindex="-1" role="listbox" aria-hidden="true" id="size_listbox" aria-live="off"> 
    <li class="k-item" unselectable="on" role="option" tabindex="-1">S - 6 3/4</li> 
    <li class="k-item" unselectable="on" role="option" tabindex="-1">M - 7 1/4</li> 
    <li class="k-item k-state-selected k-state-focused" unselectable="on" role="option" tabindex="-1" id="size_option_selected" aria-selected="true">L - 7 1/8</li> 
    <li class="k-item" unselectable="on" role="option" tabindex="-1">XL - 7 5/8</li> 
</ul> 

Любых из 4 выпадающих вариантов может быть выбран с помощью XPath

xpath=//li[@class='k-item'][.='L - 7 1/8'] 

Селена кода IDE будет выглядеть следующим образом:

<tr> 
    <td>open</td> 
    <td>/ui_widgets/kendo_ui_example</td> 
    <td></td> 
</tr> 
<tr> 
    <td>click</td> 
    <td>css=span.k-select</td> 
    <td></td> 
</tr> 
<tr> 
    <td>pause</td> 
    <td>3000</td> 
    <td></td> 
</tr> 
<tr> 
    <td>click</td> 
    <td>xpath=//li[@class='k-item'][.='XL - 7 5/8']</td> 
    <td></td> 
</tr> 
<tr> 
    <td>pause</td> 
    <td>3000</td> 
    <td></td> 
</tr> 
<tr> 
    <td>assertText</td> 
    <td>css=span.k-input</td> 
    <td>XL - 7 5/8</td> 
</tr> 

Использование pause ждать вещей, чтобы загрузить ,