playwright模拟鼠标拖动

在Playwright中，可以使用`mouse.down`, `mouse.move` 和 `mouse.up` 方法来模拟鼠标拖动操作。

以下是一个示例代码，演示如何将一个元素从原始位置拖动到目标位置：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  await page.goto('https://www.example.com');
  
  // 获取元素的初始位置和目标位置
  const element = await page.$('#my-element');
  const startLocation = await element.boundingBox();
  const targetLocation = { x: 100, y: 100 };
  
  // 模拟鼠标拖动
  const mouse = page.mouse;
  await mouse.move(startLocation.x, startLocation.y);
  await mouse.down();
  await mouse.move(targetLocation.x, targetLocation.y);
  await mouse.up();
  
  await browser.close();
})();

上述代码中，我们使用`page.$`方法获取到一个元素，并使用`element.boundingBox()`方法获取了该元素的初始位置。然后，我们指定了一个目标位置，并使用`page.mouse`对象来模拟鼠标操作。我们先将鼠标移动到元素的初始位置，然后按下鼠标左键，移动鼠标到目标位置，释放鼠标左键。这样就完成了鼠标拖动操作。