使用Selenium IDE選擇Kendo Dropdown

Question

我使用的是Selenium IDE，我無法從我想要的Kendo下拉菜單中選擇一個項目。有人知道如何用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下拉式。所以下拉菜單和選項在2個不同的地方。

下拉箭頭位於下面的代碼

<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等待的東西加載。