Select dropdown item from transForm jQuery plugin

5 posts, 1 answers
  1. Boris
    Boris avatar
    16 posts
    Member since:
    Mar 2015

    Posted 18 Mar 2016 Link to this post

    Hi, 

    In one of the sites that I'm testing, for the dropdowns is used transForm jQuery plugin.

    With Telerik Test Studio I can't find a way to record a selected item from this dropdown.

    When I record the step were I select a item form the dropdown the studio does not recognize that this control is a dropdown and record Click 'Span' step.

    Here is the site with example for such a dropdown.

    Can you give a solution for this?

    Thanks,
    Boris

  2.
  3. Boris
    Boris avatar
    16 posts
    Member since:
    Mar 2015

    Posted 21 Mar 2016 Link to this post

    Hello, 

    I've tried to change the dropdown value in code step like this, but I can't find a way to change the text in span element.

    Here is the DOM for the dropdown control

    01.<div class="tf-select" style="width: 94px;">
    02.  <select class="no-ui" name="select">
    03.              <option value="1">Option 1</option>
    04.              <option value="2" selected="">Option 2</option>
    05.              <option value="3">Option 3</option>
    06.              <option value="4">Option 4</option>
    07.              <option value="5">Option 5</option>
    08.  </select>
    09.   <div class="tf-selected" style="width: 56px;">
    10.   <span>Option 2</span>
    11.</div>

    Additional I add a new elment in element repository for <select> element with name SelectDropDown.

    In my site when I make a post request, the correct value is send to the server, but visually the value is not changed and when I perform a post the verification is triggerd and respectively the post request has failed. 

    Is there a way to change the text for the span element or something else?

    01.[CodedStep(@"New Coded Step")]
    02. public void DropDownTest_CodedStep()
    03. {
    04.    Pages.TransFormJQueryPlugin.SelectDropDown.SelectByText("Option 5", true);
    05.           
    06.    ArtOfTest.WebAii.jQuery.jQueryControl jQueryControl =     Pages.TransFormJQueryPlugin.SelectDropDown.AsjQueryControl();
    07.          jQueryControl.InvokejQueryEvent(ArtOfTest.WebAii.jQuery.jQueryControl.jQueryControlEvents.change);
    08.           
    09.          HtmlDiv divElement = Find.ByAttributes<HtmlDiv>("class=tf-selected", "style=width:56px;");
    10.           
    11.         // HtmlSpan spanElement = divElement.Find.ByTagIndex<HtmlSpan>("span", 0);
    12.           
    13.         // spanElement.TextContent = "Option 5";
    14.      }

    Thanks,
    Boris
    or something else
    or something else
  5. Answer
    Boyan Boev
    Admin
    Boyan Boev avatar
    1072 posts

    Posted 23 Mar 2016 Link to this post

    Hello Boris,

    Here is a sample test that open the drop down and select the 4th option.

    The only change I have made to the test is that I've enabled SimulateRealClick options for the clicks.

    Let me know if that works for you.

    Regards,
    Boyan Boev
    Telerik
     
    The New Release of Telerik Test Studio Is Here! Download, install,
    and send us your feedback!
  7. Boris
    Boris avatar
    16 posts
    Member since:
    Mar 2015

    Posted 25 Mar 2016 Link to this post

    Hello Boyan,

    Thank you for your help, with SimulateRealClick did work. 

    In my case I only added a Wait step, to wait the dropdown menu to load before selecting an option.

    Regards,
    Boris
  8.
  9. Boyan Boev
    Admin
    Boyan Boev avatar
    1072 posts

    Posted 25 Mar 2016 Link to this post

    Hi Boris,

    Happy to hear that.

    If you need further assistance please let us know.

    Regards,
    Boyan Boev
    Telerik
     
    The New Release of Telerik Test Studio Is Here! Download, install,
    and send us your feedback!
Back to Top