Question

我想知道有没有办法使用jquery / javascript执行拖放式网页测试。在下面的代码中，我有一个可拖动的项目列表。

    <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但是我无法通过标签选择项目，或者我无法使用机器人为我工作但像素位置使自动化变得困难。如果有一种方法可以从列表一中删除一个项目并将其添加到列表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集成测试的最佳方法。

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

1 个答案: