用于测试拖放的Jquery/Javascript代码

我想知道是否有一种使用jquery/javascript执行拖放web测试的方法。在下面的代码中，我有一个可拖动的项目列表

    <div id="available" class="TEST" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; padding:1em;overflow:auto; " data-dojo-type="dojo.dnd.Source">
    <div id="18" class="dojoDndItem" style="padding:.5em;">1</div>
    <div id="130" class="dojoDndItem" style="padding:.5em;">2</div>

 <div id="drop" class="test" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; p </div>

1.
2.

这是我希望放下我选择的每个项目的位置。我曾经尝试过使用selenium，但我无法通过标签选择项目，或者在任何时候，它都无法使用适合我的机器人，但像素位置使自动化变得困难。如果有一种方法可以从列表1中删除一个项目并将其添加到列表2中，这对我也适用

    <div id="available" class="TEST" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; padding:1em;overflow:auto; " data-dojo-type="dojo.dnd.Source">
    <div id="18" class="dojoDndItem" style="padding:.5em;">1</div>
    <div id="130" class="dojoDndItem" style="padding:.5em;">2</div>

 <div id="drop" class="test" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; p </div>

---

您的意思是您有一个工作的应用程序，并且您正试图为它编写自动测试，对吗？你的应用程序是用什么服务器端语言编写的？对于Ruby/Rails堆栈，只要您使用的驱动程序也支持它（如）

    <div id="available" class="TEST" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; padding:1em;overflow:auto; " data-dojo-type="dojo.dnd.Source">
    <div id="18" class="dojoDndItem" style="padding:.5em;">1</div>
    <div id="130" class="dojoDndItem" style="padding:.5em;">2</div>

 <div id="drop" class="test" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; p </div>

编辑：对不起，如果我理解正确的话，您正在尝试在Javascript中进行集成测试，对吗？如果是这样的话，我猜你需要一个测试环境，它使用一个无头浏览器，比如PhantomJS，它可以执行页面（或）上的所有JS，并且在内部以与真实浏览器类似的方式在空间上表示页面

    <div id="available" class="TEST" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; padding:1em;overflow:auto; " data-dojo-type="dojo.dnd.Source">
    <div id="18" class="dojoDndItem" style="padding:.5em;">1</div>
    <div id="130" class="dojoDndItem" style="padding:.5em;">2</div>

 <div id="drop" class="test" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; p </div>

这看起来是一个好地方，可以开始找出实现自动化JS集成测试的最佳方法。
是的，这是正确的。它都是用java编写的，selenium无法自动执行这种拖放操作。所以我希望用jquery/javascript找到答案。你是说Java不是JS？看起来有一个适用于PhantomJS的本地Java驱动程序，但我对Java社区还不够熟悉，无法对其进行评估：祝你好运！
    <div id="available" class="TEST" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; padding:1em;overflow:auto; " data-dojo-type="dojo.dnd.Source">
    <div id="18" class="dojoDndItem" style="padding:.5em;">1</div>
    <div id="130" class="dojoDndItem" style="padding:.5em;">2</div>

 <div id="drop" class="test" style="height:300px;width:250px;font-size:1.2em;border:2px solid #ccc; p </div>