Search code examples
angularjstestingprotractorend-to-ende2e-testing

Slider testing using protractor


Very new to protractor, and trying to test a slider using protractor. I found:

ptor.actions().dragAndDrop(slider.find(), {x:100, y:0}).perform()

should do the work. But its not helping in my code, can some one suggest something here?

The HTML code snippet:

<input ng-model="sliderValue" type="text" id="slider" slider="" options="sliderOptions" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-hide" value="60">

<div class="jslider-pointer" style="left: 100%; background-color: rgb(3, 155, 229);"></div>

Solution

  • You should pass an element you found to dragAndDrop():

    var slider = element(by.id('slider'));
    
    browser.actions().dragAndDrop(
        slider,
        {x:100, y:0}
    ).perform();
    

    See other examples here: