是否可以使用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項目真正的測試，當然！）。