单元测试 – JavaScript测试来模拟JQuery UI排序列表的拖动

前端之家收集整理的这篇文章主要介绍了单元测试 – JavaScript测试来模拟JQuery UI排序列表的拖动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试编写一些可以测试我在网络应用程序中使用的 JQuery UI sortable list的拖放功能的前端JavaScript测试.然而,我遇到了一个问题,因为JQuery UI可排序列表似乎没有回应模拟鼠标事件.

我尝试了一些技术来测试这个,但是最终我发现了JQuery自己的simulation plugin,它似乎提供了我需要的功能.但是,当我运行模拟时,可排序列表不响应拖动事件,而其他组件(如Draggable)则会做出响应.

这可以很容易地与simple drag simulation example组合在一起展示.在这个例子中,我已经嵌入了jquery.simulate插件,但是修改了拖动功能来减慢它被触发的事件,以便可以直观地看到发生了什么.正如您将看到的,模拟插件正在将列表项1正确地移动到项目3和4之间,但是当mouseup事件被触发时,该项目只是回到它的原始位置,而不是重新排序列表.我怀疑JQuery UI库正在寻找另一个事件,但不幸的是我找不到它.

请转到http://jsbin.com/efuyef/7/edit#javascript,live查看排序列表拖动失败的示例.只需刷新页面即可使仿真再次运行.

有人有任何想法如何正确地模拟可排序列表上的拖动事件?您的帮助将不胜感激.

解决方法

经过网络搜索,我发现没有解决这个问题的方法,所以我已经开始研发出我自己的解决方案.

查看我的JQuery插件jquery.simulate.drag-sortable.js的Github存储库

如果您发现任何问题,请写一个测试来复制问题并分叉项目或在Github中提出问题.

原文链接:https://www.f2er.com/jquery/153948.html

猜你在找的jQuery相关文章