使用webdriver.io进行拖放

Question

我正在尝试使用WebDriver.io的拖放方法，但它不起作用。我用了拖拽的例子；在网站上放置：https://www.w3schools.com/html/html5_draganddrop.asp我需要这个自动化的拖放功能的角度应用程序。

有人能帮我吗？或者找个变通办法。

Answer 1

您可以创建自定义拖动&使用buttonDown和buttonUp方法降落：

dragAndDrop(element, x = 0, y = 0) {
element.moveTo();
browser.buttonDown(0);
element.moveTo(x, y);
browser.buttonUp(0);
}

您可以使用otherElement.moveTo();而不是element.moveTo(x, y);来移动到特定元素。

你也可以使用performActions()功能，比如：

const dragAndDrop = (element, x = 0, y = 0) => {
const location = getElementLocation(element);
browser.performActions([
{
type: 'pointer',
id: 'finger1',
parameters: { pointerType: 'mouse' },
actions: [
{ type: 'pointerMove', duration: 0, x: location.x, y: location.y },
{ type: 'pointerDown', button: 0 },
{ type: 'pointerMove', duration: 0, x: location.x + x, y: location.y + y },
{ type: 'pointerUp', button: 0 },
],
},
]);
};