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

原创
2012/12/06 18:20
阅读数 4.8K
【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
展开阅读全文
打赏
1
8 收藏
分享
加载中
zTree博主

引用来自“dolphinzengge”的评论

Exception in thread "main" org.openqa.selenium.TimeoutException: Timed out after 10 seconds waiting for
为什么我执行到等待页面加载时会出现异常
抱歉, 不知道哟
2016/07/12 11:39
回复
举报
Exception in thread "main" org.openqa.selenium.TimeoutException: Timed out after 10 seconds waiting for
为什么我执行到等待页面加载时会出现异常
2016/07/05 10:47
回复
举报
zTree博主

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

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

为了要和 java 环境通信呀,这里面要根据结果判断的
2013/07/12 07:16
回复
举报
您好,不是很瞭解為什麼您要
return element.findElement(By.tagName("a")) != null;
可否解釋一下呢?謝謝 :)
2013/07/11 16:35
回复
举报
zTree博主

引用来自“田策”的评论

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

这个其实也是编码到测试用例中去了, 用 selenium 同样可以实现这些功能。不过呢。。。我的主要目的是测试我的 js 插件,所以这些都无所谓了。
2012/12/31 15:27
回复
举报
如果在一些需要登录的网站进行测试,还是用TestNG更有优势一些,TestNG能够在测试代码之前初始化一些配置文件,这样登录的用户信息,我们就可以通过这种方式,而不用hard code. 当要对很多用户进行测试的时候,这样的方式肯定要有很大优势.
@Test(dataProvider = "dataDriven.users")
这是test的小示范,前边会通过注解,把用户的信息注入到这个变量中去,这里再获取.
2012/12/31 13:54
回复
举报
更多评论
打赏
6 评论
8 收藏
1
分享
返回顶部
顶部