gpt4 book ai didi

unit-testing - 用于模拟 JQuery UI 可排序列表拖动的 Javascript 测试

转载 作者:行者123 更新时间:2023-12-04 00:42:50 24 4
gpt4 key购买 nike

我正在尝试编写一些前端 Javascript 测试来测试 JQuery UI sortable list 的拖放功能我在我的网络应用程序中使用。但是,我遇到了一个问题,即 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 插件的 Github 存储库 jquery.simulate.drag-sortable.js

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

关于unit-testing - 用于模拟 JQuery UI 可排序列表拖动的 Javascript 测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7116149/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com