Function moveElement

core/src/utils/test/playwright/drag-element.ts:118–149

(page: E2EPage, startX: number, startY: number, dragByX = 0, dragByY = 0)

};

const moveElement = async (page: E2EPage, startX: number, startY: number, dragByX = 0, dragByY = 0) => {
  const steps = 10;
  const browser = page.context().browser()!.browserType().name();

  const viewport = page.viewportSize();
  if (viewport === null) {
    throw new Error(
      'Cannot get viewport size. See https://playwright.dev/docs/api/class-page#page-viewport-size for more information'
    );
  }

  validateDragByX(startX, dragByX, viewport.width);
  validateDragByY(startY, dragByY, viewport.height);

  const endX = startX + dragByX;
  const endY = startY + dragByY;

  // Drag the element.
  for (let i = 1; i <= steps; i++) {
    const middleX = startX + (endX - startX) * (i / steps);
    const middleY = startY + (endY - startY) * (i / steps);

    await page.mouse.move(middleX, middleY);

    // Safari needs to wait for a repaint to occur before moving the mouse again.
    if (browser === 'webkit' && i % 2 === 0) {
      // Repainting every 2 steps is enough to keep the drag gesture smooth.
      // Anything past 4 steps will cause the drag gesture to be flaky.
      await page.evaluate(() => new Promise(requestAnimationFrame));
    }
  }
};