如何在木偶操纵者中模拟拖放动作？ [英] How to simulate a drag and drop action in puppeteer?

问题描述

我在应用程序中使用了Reaction-Dnd(拖放)。我想测试一下E2E。

我要模拟的是将特定元素拖放到特定位置。我该怎么做？

我拥有的是：

//test.js
const mouse = page.mouse;
await mouse.down();
await mouse.move(126, 19);
await page.waitFor(400);

使用此代码，选择已完成，但拖动不起作用。我应该如何实现此功能？

推荐答案

以下方法允许您在木偶程序中模拟拖放操作：

const example = await page.$('#example');
const bounding_box = await example.boundingBox();

await page.mouse.move(bounding_box.x + bounding_box.width / 2, bounding_box.y + bounding_box.height / 2);
await page.mouse.down();
await page.mouse.move(126, 19);
await page.mouse.up();

这篇关于如何在木偶操纵者中模拟拖放动作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！