Javascript NightwatchJS如何发射html5拖放

Javascript NightwatchJS如何发射html5拖放,javascript,html,drag-and-drop,nightwatch.js,Javascript,Html,Drag And Drop,Nightwatch.js,也许有人知道如何拖动实现html5拖放的元素。 我需要在e2e测试中使用nightwatchjs。 我试过: 在浏览器中,我可以看到元素被按下,但第二个移动不起作用,而且它会按住元素上的鼠标,直到我用鼠标实际进入浏览器窗口 也许有人用nightwatchjs做了拖放测试,并且知道如何克服这个问题?我用这个软件包解决了一个类似的问题- 它通过调度dnd事件模拟拖放,不涉及鼠标。这并不理想,因为你可能依赖鼠标事件来实现其他事情,但它为我做到了。我创建了一个自定义命令,它在chrome和firefox

也许有人知道如何拖动实现html5拖放的元素。 我需要在e2e测试中使用nightwatchjs。 我试过:

在浏览器中,我可以看到元素被按下,但第二个移动不起作用,而且它会按住元素上的鼠标,直到我用鼠标实际进入浏览器窗口


也许有人用nightwatchjs做了拖放测试,并且知道如何克服这个问题?

我用这个软件包解决了一个类似的问题-


它通过调度dnd事件模拟拖放,不涉及鼠标。这并不理想,因为你可能依赖鼠标事件来实现其他事情,但它为我做到了。

我创建了一个自定义命令,它在chrome和firefox中工作

dragAndDrop.js:

module.exports.command = function(source, dest, callback) {
  var self = this;

  this.moveToElement(source,  10,  10)
  .mouseButtonDown(0)
  .pause(500)
  .moveToElement(dest,  10,  10)
  .mouseButtonUp(0);

  return this;
};

当元素的大小小于10px(第二个和第三个参数)时会发生什么情况?我认为(source,0,0)和(dest,0,0)会更安全。我同意你的观点,这只是一个例子:)
module.exports.command = function(source, dest, callback) {
  var self = this;

  this.moveToElement(source,  10,  10)
  .mouseButtonDown(0)
  .pause(500)
  .moveToElement(dest,  10,  10)
  .mouseButtonUp(0);

  return this;
};