javascript - 为拖放的 selenium UI 集成测试执行 Javascript - Java

Question

我正在执行一项任务，即使用 Java 中的 selenium 编写 UI 测试用例(自动化)。我有一个 html 页面，它包含我需要拖动到目标的元素。我已经尝试使用 selenium 的 Action 方法，它对我不起作用。所以我寻找了一种替代方法，我想编写一个用于在 UI 上拖放 Action 的脚本，并使用 selenium executeScript() 方法执行该脚本。 AFAIU 这个元素作为它的元素的副本(克隆)拖动并将它放在我们需要的地方。那么谁能帮我写一个拖放操作的脚本

正如我观察到的拖放操作级别

1. 点击并按住元素
2. 获取元素的副本(克隆)并移动到我们想要的位置
3. 将其释放给目标。

P.S 对于我需要拖动的元素(#g1)和我需要放下它的位置(#a)，我都有唯一的 ID。

Answer 1

您可以使用 jquery.simulate.js，它是 JQuery 用于在测试框架时模拟许多功能的库。

1) 首先确保您要拖放的所有元素都是可拖动的。2) 然后我们指出需要移动的元素(drag-able element)和需要放置的目标(drop-able element)，

3) 使用jquery.simulate.js 模拟拖放操作

请引用下面的示例代码。

var dragableElement = $("#dragableElement");
var dropableElement = $("#dropableElement");

var dropableOffset = dropableElement.offset();
var dragableOffset = dragableElement.offset();

var dx = dropableOffset.left - dragableOffset.left;
var dy = dropableOffset.top - dragableOffset.top;

dragableElement.simulate('drag', {
        dx: dx,
        dy: dy
});

享受，