测试 jQuery Drag &使用 Selenium 进行 Drop 和 Droppable [英] Testing jQuery Drag & Drop and Droppable with Selenium
问题描述
我有一个使用 jQuery Drag &Drop,我想使用 Selenium 为这个过程构建一个相对健壮的测试套件.
I have a page that makes use of jQuery Drag & Drop, and I would like to build a relatively robust test suite for this process using Selenium.
查看 Selenium,我发现它有一个 Drag &在 jQuery 插件上放置 命令,例如:FullCalendar,但是当我使用 Selenium IDE 尝试记录'拖放我没有得到任何记录的事件.
Looking into Selenium, I've found that it has a Drag & Drop command on a jQuery plugin like: FullCalendar, but when I use the Selenium IDE to try to record 'dragging and dropping I don't get any recorded events.
那么我应该尝试使用 jQuery 选择器来定位事件吗?
So should I try to target the events using jQuery selectors?
因为以下内容不起作用(针对示例页面上的12p 午餐")p>
Because the following don't work (targeting the '12p Lunch' on the example page)
<tr>
<td>dragAndDrop</td>
<td>/html/body/div[2]/div/div/div[2]/div/div/div/div/div[8]/div</td>
<td>+100,+100</td>
</tr>
甚至点击元素
<tr>
<td>click</td>
<td>/html/body/div[2]/div/div/div[2]/div/div/div/div/div[8]/div</td>
<td>+100,+100</td>
</tr>
在这两种情况下都找不到 XPath.那么我该如何定位这个不断变化的元素呢?如果我在选择器中有一个 unique id,我可以定位它吗?无论哪种方式,拖放似乎都不起作用:
In both cases the XPath isn't found. So how can I target this changing element? If I had a unique id in the selector could I target that? Either way the drag&drop doesn't seem to be working:
<tr>
<td>dragAndDrop</td>
<td>id=targetelement</td>
<td>+100,+100</td>
</tr>
我还可以使用 jQuery 定位位置"中的元素吗?
Also can I target elements in the 'Location' with jQuery?
<tr>
<td>dragAndDrop</td>
<td>selenium.getuserwindow.browserbot.jQuery('#targetelement')</td>
<td>+100,0</td>
</tr>
推荐答案
这对我有用...
<!--test sorting-->
<!--move block 2 to col 1-->
<tr>
<td>mouseDownAt</td>
<td>//div[@id="block-set-col-1"]/ul/li</td>
<td>80,20</td>
</tr>
<tr>
<td>mouseMoveAt</td>
<td>//div[@id="block-set-col-0"]/ul</td>
<td>50,10</td>
</tr>
<tr>
<td>mouseOver</td>
<td>//div[@id="block-set-col-0"]/ul</td>
<td>50,10</td>
</tr>
<tr>
<td>pause</td>
<td>2000</td>
<td></td>
</tr>
<tr>
<td>mouseUpAt</td>
<td>//div[@id="block-set-col-0"]/ul</td>
<td>50,10</td>
</tr>
这篇关于测试 jQuery Drag &使用 Selenium 进行 Drop 和 Droppable的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!