文档章节

和我一起学 Selenium WebDriver(2)——入门篇

zTree
 zTree
发布于 2012/12/06 18:20
字数 1150
阅读 4522
收藏 8
【1. 加入 jUnit】

Selenium 环境搞定,接下来就要想办法让我们的测试步入正轨了,对于 java 来说,用上 jUnit 是很方便的,maven 项目加入 jUnit 也是轻而易举,稍微修改一下 pom.xml 就可以了

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>Selenium2Test</groupId>
	<artifactId>Selenium2Test</artifactId>
	<version>1.0</version>
	<dependencies>
		<dependency>
			<groupId>org.seleniumhq.selenium</groupId>
			<artifactId>selenium-java</artifactId>
			<version>2.25.0</version>
		</dependency>
		<dependency>
			<groupId>com.opera</groupId>
			<artifactId>operadriver</artifactId>
		</dependency>
		<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>4.8.2</version>
			<scope>test</scope>
		</dependency>
	</dependencies>
	<dependencyManagement>
		<dependencies>
			<dependency>
				<groupId>com.opera</groupId>
				<artifactId>operadriver</artifactId>
				<version>0.16</version>
				<exclusions>
					<exclusion>
						<groupId>org.seleniumhq.selenium</groupId>
						<artifactId>selenium-remote-driver</artifactId>
					</exclusion>
				</exclusions>
			</dependency>
		</dependencies>
	</dependencyManagement>
</project>

把上一篇中测试 FireFox 的代码拿来按照 jUnit 的结构适当修改一下,就可以直接利用 jUnit 进行测试了

package lesson2;

import java.util.List;

import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;

public class ExampleJunit  {
	
    static WebDriver driver;
    
    @BeforeClass
    public static void init() {
    	System.out.println("init...");
    	// 如果你的 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/core/standardData.html");
    	
    	// 等待 zTree 初始化完毕,Timeout 设置10秒
    	(new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
    		public Boolean apply(WebDriver d) {
    			WebElement element = driver.findElement(By.id("treeDemo"));
    			return element.findElement(By.tagName("a")) != null;
    		}
    	});
    	
    	WebElement element = driver.findElement(By.id("treeDemo"));
    	List<WebElement> elements = element.findElements(By.tagName("li"));
    	// 显示生成的节点DOM 数量
    	System.out.println("treeNode DOM length = " + elements.size());
    }
    
    @AfterClass
    public static void destory() {
    	System.out.println("destory...");
    	//关闭浏览器
    	driver.quit();
    }
}

注意:
如果在一个 java 文件中的 @Test 比较多,那么需要注意 @Before / @After 和 @BeforeClass / @AfterClass 是不一样的,前者是每一个 @Test 执行前后都会运行;后者只执行一次(详细请参考 jUnit 的文档)。

【2. 执行 js】

想测试 zTree ,那么大量的测试工作都是要依靠 js 的,所以让 Selenium 与 js 通信是至关重要的,查一下文档,建立起来简单的通信是不难的。

((JavascriptExecutor)driver).executeScript("var a = 0;");

只要在这里面把需要执行的 js 写好就可以了,不过问题也就来了:

1、executeScript 执行 js 时应该是一个闭包的环境,所以这里面 var 定义的变量是局部变量,不可能是全局对象,使用此变量的方法都要在这一个 executeScript 里面写好全部代码。
2、一个 executeScript 只能 返回一个Object,如果你要做同一个测试,返回一个 JSON 对象中的多个值,难道要同一段代码复制好几遍吗? 这样当然不是个好的解决方案,所以我们可以利用 window 实现全局变量,这样可以将一个复杂的 executeScript 分解为多个简单的 executeScript 了。
3、executeScript 的返回值是 Object,在 API 中有详细的描述 Object 与 js 值的对应关系,但注意可是不能直接返回 JSON 对象的。

js 返回 HTML element, Object 可以转换为一个 WebElement
js 返回 decimal,Object 可以转换为一个 Double
js 返回 non-decimal number, Object 可以转换为一个 Long
js 返回 boolean, Object 可以转换为一个 Boolean
js 返回 其他对象, Object 可以转换为一个 String
js 返回 array, Object 可以转换为一个 List<Object>.
js 没有返回值 或 返回 null, executeScript 的返回值就是 null

详细情况建议大家直接参阅 API 文档

package lesson2;

import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;

public class ExampleJs  {
	
    static WebDriver driver;
    
    @BeforeClass
    public static void init() {
    	System.out.println("init...");
    	// 如果你的 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/core/standardData.html");
    	
    	// 等待 zTree 初始化完毕,Timeout 设置10秒
    	(new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
    		public Boolean apply(WebDriver d) {
    			WebElement element = driver.findElement(By.id("treeDemo"));
    			return element.findElement(By.tagName("a")) != null;
    		}
    	});
    	
    	System.out.println("start...javascript");

//    	String name =(String) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes()[0].name;");
//    	Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes().length;");
    	
    	//直接 var 定义得到的对象并不是全局对象,这么执行会出错的
//    	((JavascriptExecutor)driver).executeScript("var zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
//    	String name =(String) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes()[0].name;");
//    	Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes().length;");

    	//利用 window 实现全局对象
    	((JavascriptExecutor)driver).executeScript("window.zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
    	String name =(String) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes()[0].name;");
    	Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes().length;");
    	
    	// 显示js 的结果
    	System.out.println("treeObj[0].name = " + name);
    	System.out.println("root nodes count = " + rootCount);
    }
    
    @AfterClass
    public static void destory() {
    	System.out.println("destory...");
    	//关闭浏览器
    	driver.quit();
    }
}

附录:
Selenium 的 java API文档: http://selenium.googlecode.com/svn/trunk/docs/api/java/index.html?index-all.html

© 著作权归作者所有

共有 人打赏支持
zTree

zTree

粉丝 831
博文 21
码字总数 21754
作品 1
朝阳
技术主管
私信 提问
加载中

评论(6)

zTree
zTree

引用来自“dolphinzengge”的评论

Exception in thread "main" org.openqa.selenium.TimeoutException: Timed out after 10 seconds waiting for
为什么我执行到等待页面加载时会出现异常
抱歉, 不知道哟
d
dolphinzengge
Exception in thread "main" org.openqa.selenium.TimeoutException: Timed out after 10 seconds waiting for
为什么我执行到等待页面加载时会出现异常
zTree
zTree

引用来自“王天泉”的评论

您好,不是很瞭解為什麼您要
return element.findElement(By.tagName("a")) != null;
可否解釋一下呢?謝謝 :)

为了要和 java 环境通信呀,这里面要根据结果判断的
王天泉
王天泉
您好,不是很瞭解為什麼您要
return element.findElement(By.tagName("a")) != null;
可否解釋一下呢?謝謝 :)
zTree
zTree

引用来自“田策”的评论

如果在一些需要登录的网站进行测试,还是用TestNG更有优势一些,TestNG能够在测试代码之前初始化一些配置文件,这样登录的用户信息,我们就可以通过这种方式,而不用hard code. 当要对很多用户进行测试的时候,这样的方式肯定要有很大优势.
@Test(dataProvider = "dataDriven.users")
这是test的小示范,前边会通过注解,把用户的信息注入到这个变量中去,这里再获取.

这个其实也是编码到测试用例中去了, 用 selenium 同样可以实现这些功能。不过呢。。。我的主要目的是测试我的 js 插件,所以这些都无所谓了。
小小太阳
小小太阳
如果在一些需要登录的网站进行测试,还是用TestNG更有优势一些,TestNG能够在测试代码之前初始化一些配置文件,这样登录的用户信息,我们就可以通过这种方式,而不用hard code. 当要对很多用户进行测试的时候,这样的方式肯定要有很大优势.
@Test(dataProvider = "dataDriven.users")
这是test的小示范,前边会通过注解,把用户的信息注入到这个变量中去,这里再获取.
和我一起学 Selenium WebDriver(1)——入门篇

zTree 东西不多,我也一直使用着原始的人工测试手段,随着内容的不断增多,测试起来就越发的繁杂,而且经常犯懒,这样就会忽略很多本该发现的问题,而且也容易出现旧的bug 反复出现的情况,这...

zTree
2012/12/05
0
25
Selenium实战——.Net下的自动化测试搭建

更新:响应各位朋友的需求,现在将代码推到了GitHub服务器上,今后也将会在此基础上更新,然后再次感谢各位的支持 地址如下: https://github.com/zhaoyan42/SeleniumInAction.git 这篇文章,...

赵晏龙
2013/03/11
0
33
运维学python之爬虫工具篇(五)Selenium的用法

1 介绍 Selenium是一组不同的软件工具,每个工具都有不同的方法来支持自动化测试,Selenium支持多种语言开发,比如 Java、C、Python等。Selenium有两个版本,Selenium 2 (也叫Selenium WebDri...

578384
2017/12/28
0
0
Selenium2+python自动化5-操作浏览器基本方法

前言 前面已经把环境搭建好了,这从这篇开始,正式学习selenium的webdriver框架。我们平常说的 selenium自动化,其实它并不是类似于QTP之类的有GUI界面的可视化工具,我们要学的是webdriver...

上海-悠悠
2016/12/01
0
0
selenium系列----->脚本元素定位实例学习

Element Locators(元素定位器) Selenium Element Locator:http://blog.csdn.net/caiqcong/article/details/7542226 selenium中元素定位器的用法:http://blog.163.com/yangjianli/blog......

智能小松鼠
2015/02/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0
Kernel I2C子系统

备注:所有图片来源于网络 1,I2C协议: 物理拓扑: I2C总线由两根信号线组成,一条是时钟信号线SCL,一条是数据信号线SDA。一条I2C总线可以接多个设备,每个设备都接入I2C总线的SCL和SDA。I...

yepanl
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部