Vueraggableで夕暮れからbrowser-> drag（）を使用することはできますか？

Question

私たちはフロントエンドでVueDraggable（およびVue）を使用しています。フロントエンドをDuskでテストしています。

私は現在、夕暮れから夕暮れのオブジェクトをドラッグして1つのリストから他のリストにドラッグしようとしていますが、テスト中に何も起こっていない（アクションは見えないかもしれませんが）表示されているオブジェクトは、指定されたリストには終りません。

誰かがVue.draggableと組み合わされた$ browser-> drag（）を既に使用しているかどうか疑問に思っていましたか？私は不可能かどうかを試しているかどうかわからないので、私は尋ねています。

Answer 1

Dusk's Githubには未解決の問題があります。私は新しい問題that can be found hereをオープンしなければならなかった。リンクには、より完全な説明が含まれていますが、短い回答と解決策がここに表示されています：

問題：LaravelのDuskはVue.draggableイベントをトリガーしません。ドラッグアンドドロップをシミュレートするには、「マウスダウン」、「マウスを場所に移動」、および「マウスアップ」シーケンスを実行します。理論的にはこれは正しいが、Vueの出来事を引き起こさない。

解決策：Duskの方法は、マウスダウンイベントとマウスアップイベントを引き起こすため、これらのイベントを使用して目的のイベントをトリガすることができます。

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

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

This JSFiddle（あなたはもちろんの真のテストにLaravelのプロジェクトでそれを実装する必要があるのに！）、それがうまくいく方法の例です。