2011-08-19 30 views
11

私は自分のWebアプリケーションで使用しているJQuery UI sortable listのドラッグアンドドロップ機能をテストできるフロントエンドJavascriptテストを作成しようとしています。しかし、私は、JQuery UIソート可能リストがマウスイベントをシミュレートするために応答しないようであるという点で問題に遭遇しました。JQuery UIソート可能リストのドラッグをシミュレートするJavascriptテスト

これをテストするためにいくつかのテクニックを試しましたが、最終的には私が必要とする機能を提供すると思われるJQuery自身のsimulation pluginが見つかりました。しかし、シミュレーションを実行すると、ソート可能なリストはドラッグイベントに反応しませんが、Draggableなどの他のコンポーネントは応答します。

これは私がまとめたものですべて簡単に実証できます。この例では、jquery.simulateプラグインを埋め込んでいますが、発生しているイベントを遅くして何が起きているのかを視覚的に確認できるようにドラッグ機能を修正しました。表示されるように、シミュレーションプラグインはリスト項目1を項目3と項目4の間に正しく移動していますが、mouseupイベントが発生すると、リストを並べ替えるのではなく元の位置にスナップします。私はJQuery UIライブラリが探している別のイベントがなければならないと思っていますが、残念ながら私はそれを見つけることができませんでした。

ソート可能なリストのドラッグが失敗する例を参照するには、http://jsbin.com/efuyef/7/edit#javascript,liveにアクセスしてください。ページをリフレッシュするだけでシミュレーションを再開できます。

ソート可能なリストのドラッグイベントを正しくシミュレートする方法はありますか?あなたの助けに感謝します。

+1

jquery.simulateと同じ問題があり、ソート可能なものをドラッグできません。これを持っていただきありがとうございます。私はすでに私の正気を疑うようになっていた... – kangax

答えて

20

ウェブ上で多くの検索を行った結果、この問題の解決策は見つからなかったため、私は自分の解決策を開発しました。

あなたはこれですべての問題を見つけた場合は、問題を再現し、プロジェクトをフォークやGitHubの中に問題を提起するためのテストを書くようにしてください私のjQueryプラグインjquery.simulate.drag-sortable.js

ためのGithubリポジトリをチェックしてください。

+3

ああ、あなたはちょうど私の一日を作った。私もsortableとjquery.simulateで同じ問題がありました。ありがとう! – mynameistechno

関連する問題