量角器拖放元素答案

【问题标题】：Protractor dragging but not dropping element量角器拖放元素
【发布时间】：2017-11-28 09:16:40
【问题描述】：

我正在使用 Protractor 测试我的 AngularJS 应用程序，该应用程序涉及将元素拖放到 svg 上。我可以在 svg 上单击并拖动元素。

browser.actions()
    .mouseMove(draggableElement)
    .mouseDown()
    .mouseMove({x: 400, y: 100}) //Reaches the svg
    .perform();
browser.sleep(1000);
browser.actions().mouseUp().perform();

如您所见，在将元素拖到 svg 上后，我已进入睡眠状态。此时我可以在所需位置看到可拖动元素，但它不会被丢弃。元素突然消失，什么也没有发生。

出了什么问题？ Protractor 中是否有一种工作方式可以正确拖放元素？

【问题讨论】：

你可以删除睡眠语句并尝试将mouseUp() 操作与browser.actions().mouseMove(draggableElement).mouseDown().mouseMove({x: 400, y: 100}).mouseUp().perform(); 等第一个操作链一起链接
@SudharsanSelvaraj ，我开始这样做，但它不起作用。在这种情况下，它只会让我的可拖动元素在 svg 上闪烁。

标签： javascript angularjs protractor

【解决方案1】：

我相信您必须将draggableEelement 也作为参数传递给mouseDown() 和mouseUp()：

browser.actions()
  .mouseMove(draggableEelement)
  .mouseDown(draggableEelement)
  .mouseMove({x: 400, y: 100})
  .perform();
browser.sleep(1000);
browser.actions().mouseUp(draggableEelement).perform();

【讨论】：

不，仍然面临同样的问题。