How to drag the slider

[jamesz2011]

hello,ask a questions：“l have x axis and y axis,how How to drag the slider by playwright”

[alexfilothodoros]

Hi.

I had the same question a few weeks ago and in the slack channel I was given this solution, which works for me.

/** Drags and moves element to +- of provided coordinates relative to original coordinates.
  *  Steps - optional steps parameter for mouse.move element. Greater will move a mouse smoother but slower.
  */

 let   deltaX = 15;
 let deltaY = 0;
 let  steps = 10;

 const element = await page.waitForSelector('input[type="range"]');
 const boundingBox = await element.boundingBox();
 if (boundingBox) {
     const x = boundingBox.x + boundingBox.width / 2;
     const y = boundingBox.y + boundingBox.height / 2;
     await page.mouse.move(x, y);
     await page.mouse.down();
     const x1 = x + deltaX;
     const y2 = y + deltaY;
     await page.mouse.move(x1, y2, { steps });
     await page.mouse.up();

[JoelEinbinder]

Looks great alex!