和我一起学 Selenium WebDriver(6)——基础篇
2013-02-21 20:23
197 查看
之前掌握的技术已经可以让我们对 zTree 的很多基本功能进行测试了,但还有个大问题没办法解决就是 编辑状态下 hover 和 拖拽,想搞定这些就要搞定如何移动鼠标。
【1、如何移动鼠标】
行为操作需要用到 org.openqa.selenium.interactions.Action ;移动鼠标这里面提供了2个实现类:MoveMouseAction 和 MoveToOffsetAction;后者比前者多了2个参数(x,y)。
做这个测试时发现了一个很严重的问题:只有在 Chrome 上是正常的,对于 IE8 和 FireFox 都不能很正常的进行此功能测试的。
(补充:目前是XP 的机器,所以使用的是 IE8 )
在 FireFox 上 MoveToOffsetAction 让浏览器模拟出鼠标移动到指定元素上的事件,这样导致的结果是只有 mouseover 会被触发;而 mouseout 就找不到喽,即使你把 x、y 设置的很大 或者 设置为负值,你捕获到的事件都是这个元素有鼠标移入,但绝对不会移出。
在 IE 上 执行 action 后事件成功触发,但可能由于真实鼠标并不在指定位置,从而导致立刻又触发了 mouseout 事件,会发现按钮一闪而过
用 zTree 高级增删改查的 Demo 来做测试:
1、让鼠标移动到第一个根节点
Chrome、FireFox:你会看到 编辑、删除按钮出现了。
IE8:按钮一闪即逝。
2、然后把 x、y 设置为负值,继续移动
Chrome:按钮消失
IE8:从上一步消失后,就再没有出现过,也没有出现一闪而过的现象。
FireFox:你会发现 按钮还在。
3、让鼠标移动到第二个根节点
Chrome:第二个节点的按钮显示、第一个节点的按钮消失
IE8:按钮一闪即逝。
FireFox:你会看到第一个节点的 按钮消失了,这不是 mouseout 的作用,是 zTree 内部的功能,当有新的 hover 事件后,会让之前添加的 hover 对象删除
4、让鼠标移动到 树 ul 对象,把 x、y 设置为第一个根节点的位置
Chrome:第一个根节点的按钮显示,第二个根节点的按钮消失
IE8:按钮一闪即逝。
FireFox:你会发现界面上没有任何变化,依然显示这第二个根节点的按钮
5、利用 MoveMouseAction 让鼠标移动到 第三个根节点
Chrome、FireFox:会看到第三个根节点的 编辑、删除按钮出现
IE8:会看到第三个根节点前面的所有节点依次出现编辑、删除按钮,最后到了第三个根节点停止,他的编辑、删除按钮依旧是一闪即逝
看来用这个工具还是多用 chrome 来测试吧,反正实际工作中基本上 Chrome 没有问题的话,FireFox 也没啥问题的。
因为是为了测试功能,专门把设置等待的代码提取出来做成一个工具:
Java代码
package util;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class Common {
public static
void waitFor(int second, WebDriver driver) {
// 等待 5 秒
try {
(new WebDriverWait(driver, second,
1000)).until(new ExpectedCondition<Boolean>() {
public Boolean apply(WebDriver d) {
return false;
}
});
} catch(Exception e) {}
}
}
【1、如何移动鼠标】
行为操作需要用到 org.openqa.selenium.interactions.Action ;移动鼠标这里面提供了2个实现类:MoveMouseAction 和 MoveToOffsetAction;后者比前者多了2个参数(x,y)。
做这个测试时发现了一个很严重的问题:只有在 Chrome 上是正常的,对于 IE8 和 FireFox 都不能很正常的进行此功能测试的。
(补充:目前是XP 的机器,所以使用的是 IE8 )
在 FireFox 上 MoveToOffsetAction 让浏览器模拟出鼠标移动到指定元素上的事件,这样导致的结果是只有 mouseover 会被触发;而 mouseout 就找不到喽,即使你把 x、y 设置的很大 或者 设置为负值,你捕获到的事件都是这个元素有鼠标移入,但绝对不会移出。
在 IE 上 执行 action 后事件成功触发,但可能由于真实鼠标并不在指定位置,从而导致立刻又触发了 mouseout 事件,会发现按钮一闪而过
用 zTree 高级增删改查的 Demo 来做测试:
1、让鼠标移动到第一个根节点
Chrome、FireFox:你会看到 编辑、删除按钮出现了。
IE8:按钮一闪即逝。
2、然后把 x、y 设置为负值,继续移动
Chrome:按钮消失
IE8:从上一步消失后,就再没有出现过,也没有出现一闪而过的现象。
FireFox:你会发现 按钮还在。
3、让鼠标移动到第二个根节点
Chrome:第二个节点的按钮显示、第一个节点的按钮消失
IE8:按钮一闪即逝。
FireFox:你会看到第一个节点的 按钮消失了,这不是 mouseout 的作用,是 zTree 内部的功能,当有新的 hover 事件后,会让之前添加的 hover 对象删除
4、让鼠标移动到 树 ul 对象,把 x、y 设置为第一个根节点的位置
Chrome:第一个根节点的按钮显示,第二个根节点的按钮消失
IE8:按钮一闪即逝。
FireFox:你会发现界面上没有任何变化,依然显示这第二个根节点的按钮
5、利用 MoveMouseAction 让鼠标移动到 第三个根节点
Chrome、FireFox:会看到第三个根节点的 编辑、删除按钮出现
IE8:会看到第三个根节点前面的所有节点依次出现编辑、删除按钮,最后到了第三个根节点停止,他的编辑、删除按钮依旧是一闪即逝
看来用这个工具还是多用 chrome 来测试吧,反正实际工作中基本上 Chrome 没有问题的话,FireFox 也没啥问题的。
因为是为了测试功能,专门把设置等待的代码提取出来做成一个工具:
Java代码
package util;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class Common {
public static
void waitFor(int second, WebDriver driver) {
// 等待 5 秒
try {
(new WebDriverWait(driver, second,
1000)).until(new ExpectedCondition<Boolean>() {
public Boolean apply(WebDriver d) {
return false;
}
});
} catch(Exception e) {}
}
}
相关文章推荐
- 和我一起学 Selenium WebDriver(5)――基础篇
- 和我一起学 Selenium WebDriver(7)――基础篇
- 和我一起学 Selenium WebDriver(5)——基础篇
- 和我一起学 Selenium WebDriver(3)——基础篇
- 和我一起学 Selenium WebDriver(5)——基础篇
- 和我一起学 Selenium WebDriver(4)——基础篇
- 和我一起学 Selenium WebDriver(7)——基础篇
- 和我一起学 Selenium WebDriver(5)——基础篇
- 和我一起学 Selenium WebDriver(6)——基础篇
- 和我一起学 Selenium WebDriver(7)——基础篇
- 和我一起学 Selenium WebDriver(6)——基础篇
- 和我一起学 Selenium WebDriver(4)——基础篇
- Selenium webdriver(6) ------基础篇
- Selenium webdriver(7)------基础篇
- 和我一起学 Selenium WebDriver(1)——入门篇
- 和我一起学 Selenium WebDriver(1)——入门篇
- 和我一起学 Selenium WebDriver(2)——入门篇
- 和我一起学 Selenium WebDriver(1)——入门篇
- 和我一起学 Selenium WebDriver(3)——基础篇
- 和我一起学 Selenium WebDriver(3)——基础篇