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

Question

我想知道有没有一种方法可以使用 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>

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

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

Answer 1

你的意思是你有一个工作的应用程序，你正在尝试为它编写自动化测试，对吧？您的应用程序是用什么服务器端语言编写的？对于 Ruby/Rails 堆栈，Capybara has decent support for simulating drag-and-drop，只要您使用的驱动程序也支持它（例如 Poltergeist / PhantomJS）。

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

看起来http://docs.busterjs.org/en/latest/ 和http://code.tutsplus.com/tutorials/testing-javascript-with-phantomjs--net-28243 是开始找出进行自动化 JS 集成测试的最佳方法的几个地方。