Selenium IDE with RadComboBox

9 posts, 1 answers
  1. Maarten
    Maarten avatar
    4 posts
    Member since:
    Dec 2011

    Posted 07 Dec 2011 Link to this post

    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!
  2. Answer
    Helen
    Admin
    Helen avatar
    1052 posts

    Posted 07 Dec 2011 Link to this post

    Hello Maarten,

    Try the following:

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


    Regards,
    Helen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Maarten
    Maarten avatar
    4 posts
    Member since:
    Dec 2011

    Posted 07 Dec 2011 Link to this post

    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"]


  5. Sindhu
    Sindhu avatar
    4 posts
    Member since:
    Oct 2015

    Posted 07 Oct 2015 Link to this post

    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.
  6. Sindhu
    Sindhu avatar
    4 posts
    Member since:
    Oct 2015

    Posted 07 Oct 2015 in reply to Sindhu Link to this post

    What should be the next step to select the entity.
  7. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 08 Oct 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  8. Sindhu
    Sindhu avatar
    4 posts
    Member since:
    Oct 2015

    Posted 12 Oct 2015 in reply to Helen Link to this post

    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.

     

  9. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 13 Oct 2015 Link to this post

    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></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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  10. Sindhu
    Sindhu avatar
    4 posts
    Member since:
    Oct 2015

    Posted 15 Oct 2015 in reply to Helen Link to this post

    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

     

     

     

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017