Selenium IDE with RadComboBox

[Maarten]

Hi,

I use Selenium IDE 1.4.1 to test my website. This all works fine except for some Telerik controls that are used. To be more specific, I cannot select/click items from the RadComboBox (Telrik control) with Selenium IDE. Several topics are available but none of the solutions work for me... Maybe somebody can put me on the right track?

The control in HTML looks like this:

RadComboBox (closed)
<td class="rcbInputCell rcbInputCellLeft" style="width:100%;">
<input id="ctl00_ddlNavigateTo_Input" class="rcbInput" type="text" readonly="readonly" value=" Go to" name="ctl00$ddlNavigateTo" autocomplete="off">
</td>
<td class="rcbArrowCell rcbArrowCellRight">
<a id="ctl00_ddlNavigateTo_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
</td>

--> id="ctl00_ddlNavigateTo_Arrow" is the "arrow" next to the ComboBox to open the list.

RadComboBox (activated)
<div class="rcbSlide" style="z-index: 6000; visibility: visible; display: block; overflow: visible; margin-left: 0pt; position: absolute; top: 75.5px; left: 1340.02px; height: 196px; width: 282px;">
<div id="ctl00_ddlNavigateTo_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Windows7 " style="display: block; width: 280px; visibility: visible; top: 0px; left: 0px;">
<div class="rcbScroll rcbWidth" style="width: 100%; overflow: auto; height: 193.5px;">
<ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom: 1;">
<li class="rcbItem "> Go to</li>
<li class="rcbItem ">Grid</li>
<li class="rcbItem ">Portfolio balance</li>
<li class="rcbItem ">Portfolio finance</li>
</ul></div></div></div>

--> The items Grid, Portfolio balance, and Portfolio finance are the items in the list that can be selected to link to a different page.

Current commands in Selenium:

Command: click
Target: id=ctl00_ddlNavigateTo_Arrow
(opens the list of the combobox)

Command: waitForVisible
Target: id=ctl00_ddlNavigateTo_DropDown
(waits for the actual list to show up)

Command: waitForElementPresent
Target: //div[@id=ctl00_ddlNavigateTo_DropDown]

Command: mouseOver
Target: //div[@id="Portfolio balance"]

Command: click
Target: //div[@id="Portfolio balance"]

I've included the last 3 items based on several other topics. However it is not working... Does somebody know the right commands and targets
for Selenium IDE to deal with the RadComboBox?

Thanks!

[Helen]

Hello Maarten,

Try the following:

mouseOver

//li[text()="Portfolio balance"]

click

//li[text()="Portfolio balance"]

Regards,
Helen
the Telerik team

[Maarten]

Hi Helen,

Thank you very much for your help! It's working now...

In case somebody is experiencing the same problems here is the complete Selenium IDE command-target overview:

Command: click
Target: id=ctl00_ddlNavigateTo_Arrow

Command: waitForVisible
Target: id=ctl00_ddlNavigateTo_DropDown

Command: waitForElementPresent
Target: //div[@id="ctl00_ddlNavigateTo_DropDown"]

Command: mouseOver
Target: //li[text()="Portfolio balance"]

Command: click
Target: //li[text()="Portfolio balance"]

[Sindhu]

Hi I m working on an Application which is fully controlled with telerik grids. We are trying to automate the application. I need any of your help. Please find the attachemnt for details and please guide me.

[Sindhu]

What should be the next step to select the entity.

[Helen]

Hello,

As far I see, you are clicking the combobox arrow and typing something in the input.

If you want to select something from the dropdown you should repeat the following:

1. Remove your last step (type id=.......)

2. Add Command: waitForVisible
Target: id=YorControlID_DropDown

3. Add Command: waitForElementPresent
Target: //div[@id="YorControlID_DropDown"]

4. Add Command: mouseOver
Target: //li[text()="Your_Item_Text"]

5. Add Command: click
Target: //li[text()="Your_Item_Text"]

Regards,
Helen
Telerik

[Sindhu]

Hi Helen,

 

Thank you very much for your response. I tried the following as per your comments but it didn't work. Please correct me where I have made mistake. Please find the attachment for details.

 

[Helen]

Hello,

From the provided screenshot I noticed that you are using multi-column combobox. Please find below an example which selects "Chef Anton's Cajun Seasoning" item from the following demo:

http://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx

​

<tr>
    <td>open</td>
    <td>http://localhost/telerik.web.examples/combobox/examples/overview/defaultcs.aspx<;/td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>//a[@id="ctl00_ContentPlaceholder1_RadComboBoxProduct_Arrow"]</td>
    <td></td>
</tr>
<tr>
    <td>waitForVisible</td>
    <td>//div[@id="ctl00_ContentPlaceholder1_RadComboBoxProduct_DropDown"]</td>
    <td></td>
</tr>
<tr>
    <td>mouseOver</td>
    <td>//td[contains(text(),"Chef Anton's Cajun Seasoning")]</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>//td[contains(text(),"Chef Anton's Cajun Seasoning")]</td>
    <td></td>
</tr>

Hope it helps.


Regards,
Helen
Telerik

[Sindhu]

Hi Helen,

Thank you very much for your support.

I tried with your example URL. I m able to proceed there. But with my application I m finding it very difficult.

If you could, can you please give a look at our application.?

http://cv.wealthtechs.com:808/ClearView101/Accounts.aspx
Username: cv_admin
pwd: computer


Please find the attachments. The attached script will take you to the respective screen.

I want to achieve the last step "Selection of code 'abc' or name 'test'.

Thanks & Regards
Sindhu