Clic and slide at the same time - Protractor

Question

Hello the community !

I'm coding a test for e2e, and I would like to slide the right circle to the extreme left for testing the price tool on my website.

I would like to click and slide the slider at the same time (check on picture).

The problem is that for sliding, the mouse has to be on the slide during all the action with the click activate.

I would like to know how to do it with Protractor :)

Thank you !!! Price slider

Looks like drag-and-drop problem. May be useful: https://stackoverflow.com/questions/14210051/how-to-automate-drag-drop-functionality-using-selenium-webdriver-java — Kacper, Jul 07 '17 at 11:59
I have to slide the big circle to the extrem left for testing the price filter :) — Alexandre Ntf, Jul 07 '17 at 15:54

score 1 · Accepted Answer · answered Jul 07 '17 at 15:57

I have had one of these sliders in one of my projects, and I did it via simple drag and drop code. Here is the one that I used (thanks alecxe for this)

   var slider = element(by.id('slider'));

   browser.actions().dragAndDrop(
      slider,
      {x:100, y:0}
      ).perform();

where x,y are the coordinates to which I have to move the slider.

Clic and slide at the same time - Protractor

1 Answers1