是否可以使用browser-> drag（）从Vuedraggable的黄昏？

Question

我们在前端使用VueDraggable（和Vue），我们正在用Dusk测试我们的前端。

我目前正试图从黄昏使用$browser->drag('selector', 'selector')将对象从一个列表拖到另一个列表中，但在测试过程中我没有看到任何事情发生（虽然可能是该操作不可见），也不是正确的结果如图所示，该对象不会在指定的列表中结束。

我想知道是否有人已经使用$ browser-> drag（）与Vue.draggable结合使用了一个工作示例？我在问，因为我不知道我是否在尝试不可能的事情。

Answer 1

在黄昏的Github上有一个悬而未决的问题。自从原文关闭以来发表评论后，我不得不打开一个新问题that can be found here。该链接包含一个更透彻的解释，但简单的答案和解决方案都在这里强调：

问题：Laravel的黄昏不会触发Vue.draggable事件。要模拟拖放式Dusk，请执行“鼠标向下”，“将鼠标移至位置”和“鼠标向上”序列。理论上这是正确的，但不会触发Vue的事件。

解决方案：黄昏的方法不触发按下鼠标和鼠标了事件，所以我们可以简单地使用这些事件来触发所需的人。

$("a[draggable='true']").on("mousedown", function(event) { 
    $(this).trigger("dragstart"); 
}); 

$("div[droppable='true']").on("mouseup", function(event) { 
    $(this).trigger("drop"); 
}); 

This JSFiddle是它是如何工作的一个例子（尽管你需要实现它放在一个Laravel项目真正的测试，当然！）。