之前掌握的技术已经可以让我们对 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 也没啥问题的。
因为是为了测试功能,专门把设置等待的代码提取出来做成一个工具:
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) {}
}
}
以下是测试代码:
package lesson06;
import static org.junit.Assert.*;
import java.util.concurrent.TimeUnit;
import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.junit.Test;
import org.openqa.selenium.HasInputDevices;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.Mouse;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.interactions.MoveMouseAction;
import org.openqa.selenium.interactions.MoveToOffsetAction;
import org.openqa.selenium.internal.Locatable;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
import util.Common;
public class ExampleForMoveMouse {
static WebDriver driver;
@BeforeClass
public static void init() {
System.out.println("init...");
//用 Chrome
System.setProperty(
"webdriver.chrome.driver",
"E:\\BaiduWangPan\\百度网盘\\javascript\\Selenium WebDriver\\chromedriver_win_23.0.1240.0\\chromedriver.exe");
driver = new ChromeDriver();
//用 IE
// driver = new InternetExplorerDriver();
//用 FireFox
// System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
// // 创建一个 FireFox 的浏览器实例
// driver = new FirefoxDriver();
}
@Test
public void test() {
// 让浏览器访问 zTree Demo
driver.get("http://www.ztree.me/v3/demo/cn/exedit/edit_super.html");
// 等待 zTree 初始化完毕,Timeout 设置10秒
try {
(new WebDriverWait(driver, 10, 500)).until(new ExpectedCondition<Boolean>() {
public Boolean apply(WebDriver d) {
WebElement element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#treeDemo li').get(0);");
return element != null;
}
});
} catch(Exception e) {
e.printStackTrace();
}
//找到第一个根节点
((JavascriptExecutor)driver).executeScript("window.zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');"
+ "window.zTreeNode = window.zTreeObj.getNodes()[0];");
//获取 节点对象
WebElement element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#' + window.zTreeNode.tId + '_a').get(0)");
MoveToOffsetAction action = new MoveToOffsetAction( ((HasInputDevices) driver).getMouse(), (Locatable)element, 10, 5);
action.perform();
System.out.println("move to node1: " + 10 + ", " + 5);
// 等待 5 秒
Common.waitFor(5, driver);
action = new MoveToOffsetAction( ((HasInputDevices) driver).getMouse(), (Locatable)element, -10, -15);
action.perform();
System.out.println("move to node1: " + (-10) + ", " + (-15));
// 等待 5 秒
Common.waitFor(5, driver);
//获取第二个根节点
((JavascriptExecutor)driver).executeScript("window.zTreeNode = window.zTreeObj.getNodes()[1];");
element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#' + window.zTreeNode.tId + '_a').get(0)");
action = new MoveToOffsetAction( ((HasInputDevices) driver).getMouse(), (Locatable)element, 10, 5);
action.perform();
System.out.println("move to node2: " + (10) + ", " + (5));
// 等待 5 秒
Common.waitFor(5, driver);
//获取zTree Obj
element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#treeDemo').get(0)");
action = new MoveToOffsetAction( ((HasInputDevices) driver).getMouse(), (Locatable)element, 40, 15);
action.perform();
System.out.println("move to treeDom: " + (40) + ", " + (15));
// 等待 5 秒
Common.waitFor(5, driver);
//测试 MoveMouseAction
//获取第三个根节点
((JavascriptExecutor)driver).executeScript("window.zTreeNode = window.zTreeObj.getNodes()[2];");
element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#' + window.zTreeNode.tId + '_a').get(0)");
MoveMouseAction action2 = new MoveMouseAction( ((HasInputDevices) driver).getMouse(), (Locatable)element);
action2.perform();
System.out.println("move to node3: " + (10) + ", " + (5));
// 等待 5 秒
Common.waitFor(5, driver);
}
@AfterClass
public static void destory() {
System.out.println("destory...");
//关闭浏览器
driver.quit();
}
}
今天时间不够了,明天再研究拖拽吧....
分享到:
相关推荐
全书共分为四个部分:第1部分基础篇主要讲解自动化测试相关的基础理论、WebDriver 环境安装、单元测试工具的使用方法以及 WebDrvier的入门使用实例,第2部分实战应用篇基于丰富的实战案例讲解页面元素的定位方法以及...
这篇文档特别适合已经具备Python基础知识,并希望通过Python和Selenium进行自动化测试的初学者。作者虽自称在Selenium自动化方面是初学者,但通过自身的学习经验,为读者提供了宝贵的学习路径。 文档首先介绍了...
最后,文章还展示了Selenium WebDriver的基本代码结构,例如使用Java语言的示例代码,包括初始化WebDriver对象、设置隐式等待时间以及测试前的准备(例如初始化WebDriver和基础URL)等。这些代码片段对理解和实现...
在本篇指南中,我们将详细介绍如何在Eclipse IDE中设置并配置一个基于Maven的Selenium WebDriver项目。 #### 二、准备工作 在开始之前,请确保您已经安装了以下软件: 1. **Eclipse IDE**:推荐版本为 Oxygen 或更...
本书的特点是包含了多种编程语言的实践篇幅,例如Python篇、Ruby篇和Java篇,这表明Selenium-WebDriver支持多种编程语言,让不同语言背景的开发者都能有效地利用这个工具进行Web应用的自动化测试。通过这种方式,...
在本篇文章中,我们将详细介绍如何配置Selenium与WebDriver的环境,以便开始进行Web自动化测试。 首先,我们需要安装Java Development Kit (JDK)。因为Selenium主要使用Java编写,所以确保你的系统上已经安装了JDK...
JDK是编写Java程序的基础,也是Selenium WebDriver的运行环境。你可以从Oracle官方网站下载并按照指示进行安装。 其次,我们需要下载Selenium WebDriver的IE驱动程序。这个驱动程序使得Selenium能够与IE浏览器进行...
《Selenium库详解——以libs为例》 在IT领域,自动化测试是提升效率、确保产品质量的重要手段,而Selenium作为一款强大的Web应用程序自动化测试工具,备受业界青睐。本篇文章将聚焦于"Selenium-libs.rar"这个压缩包...
在Python的世界里,数据爬虫是一项重要的技能,用于自动化地从网页中提取大量信息。Selenium是一个强大的浏览器自动化测试框架,...这份文档资料将详细讲解Selenium的使用方法,帮助你从零基础开始掌握这个强大的工具。
虽然描述中没有直接提供详细信息,但通常一篇关于Selenium2的学习材料博客可能包含以下内容:基础概念介绍、安装步骤、基本用法、API详解、实战示例以及如何与其他工具(如JUnit或TestNG)集成。博主可能还会分享...
本篇文章将深入探讨如何使用Python与Selenium进行自动化测试,并涉及到HTML基础知识和Web服务器的搭建。 首先,我们需要理解Selenium的工作原理。Selenium通过WebDriver接口与不同的浏览器进行通信,WebDriver是...
本文介绍了使用XPath表达式中的`starts-with`、`contains`、`descendant`、`ancestor`和`text()`函数以及Selenium WebDriver提供的其他七种常见定位方式来定位网页元素的方法。不同的定位策略适用于不同的情况,理解...
这篇详细的指南将带你一步步了解 Selenium 的安装过程,并通过实例讲解其基本用法。 **一、Selenium 的功能** 1. **跨浏览器测试**:Selenium 支持多种浏览器,如 Chrome、Firefox、Edge 和 Safari,可以在不同的...
总之,Python结合Selenium的自动化测试是一个涉及编程基础、网页交互、测试设计和报告生成等多个方面的综合实践。通过学习和应用这些知识点,不仅可以提高测试效率,还能提升软件的质量和稳定性。希望这个源码分享能...
- **基础篇**:介绍 Selenium 和 Python 的基本概念,包括安装配置、环境搭建等。 - **实践篇**:通过具体案例演示如何使用 Python 编写测试脚本,涵盖常见的 Web 页面元素操作。 - **进阶篇**:深入探讨高级测试...
你是否渴望学习selenium webdriver + Java以及最新的框架和技术进行web自动化测试? 你是否感兴趣学习Selenium如何用在你现有的项目里的? 这门课带你从Selenium搭建环境开始讲起,然后学习selenium,TestNG, ...
这个文件包含了Selenium的服务器,可以用来运行WebDriver和远程控制测试。如果你只打算使用本地WebDriver,那么`libs`下的jar包已经足够。 3. **Java Project配置**:在Eclipse中创建一个新的Java项目,将`libs`...
### Python+Selenium的基本用法详解 #### 一、概述 Selenium是一个强大的自动化测试工具,广泛应用于Web应用程序的测试之中。...希望这篇文档能帮助大家更好地理解和掌握Python+Selenium的基础用法。
在本篇中,我们将深入探讨如何使用Python+Selenium获取并打印当前页面的标题(title)和URL。 首先,我们需要导入Selenium库中的`webdriver`模块,这个模块提供了对不同浏览器驱动的访问。在本例中,我们使用的是...