前言
本文主要通过一个简单的例子,来讨论以下两个问题:使用Selenium对由Ajax动态加载的页面进行测试 测试含有iframe标签的网页
本文不是Selenium2的简单介绍或者入门内容,目标读者是至少使用过Selenium2进行测试的各位朋友。
准备工作
假设你有一项业务,需要在用户进行输入的时候用Ajax弹出辅助输入的窗口,然后再将这些值传回主窗口。为了叙述简便,这里使用一个简单的iframe标签对弹出窗口进行简化。
首先需要两个网页,一个是主页面main.html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<
HTML
>
<
HEAD
>
<
TITLE
>寸木的Selenium+Ajax测试</
TITLE
>
<
SCRIPT
language
=
"javascript"
>
function loadFrame() {
// 取得DIV对象
var divElement = document.getElementById("TestDiv");
// 插入iFrame元素
divElement.innerHTML = "<
iframe
id
=
'TestFrame'
style
=
'width:200px;height:250px;'
/>";
// 取得动态插入的iFrame元素
var frameElement = document.getElementById("TestFrame");
frameElement.src = "SubPage.html";
}
</
SCRIPT
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
</
HEAD
>
<
BODY
>
<
H1
>主页面</
H1
>
下面的区域是测试用的Frame。
<
div
id
=
"TestDiv"
style
=
"width:200px;height:250px;border:solid 1px #000000;"
> </
div
><
br
/>
<
input
type
=
"button"
value
=
"Load Frame"
onclick
=
"loadFrame();"
id
=
"btnLoad"
/><
br
/>
接收到的信息:<
label
id
=
"lblMsg"
>Waiting mesage</
label
>
</
BODY
>
</
HTML
>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<
HTML
>
<
HEAD
>
<
TITLE
>寸木的Selenium+Ajax测试</
TITLE
>
<
SCRIPT
language
=
"javascript"
>
function removeDefaultInfo(webElement) {
var strDefalutInfo = "请输入信息...";
if(webElement.value == strDefalutInfo) {
webElement.value = "";
}
}
function setDefaultInfo(webElement) {
var strDefalutInfo = "请输入信息...";
if(webElement.value == "") {
webElement.value = strDefalutInfo;
}
}
function sendToMainPage() {
parent.document.getElementById("lblMsg").innerHTML = document.getElementById("frameText").value;
}
</
SCRIPT
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
</
HEAD
>
<
BODY
style
=
"background-color:#009900;"
>
<
H1
>子页面</
H1
>
Hi, 这里是子页面,为了和主页面加以区别,我被标注成了绿色。<
br
/ >
<
input
type
=
"text"
id
=
"frameText"
value
=
"请输入信息..."
onfocus
=
"removeDefaultInfo(this);"
onblur
=
"setDefaultInfo(this);"
/>
<
input
type
=
"button"
value
=
"传送到主窗口"
onclick
=
"sendToMainPage();"
id
=
"btnSendBack"
/>
</
BODY
>
</
HTML
>
|
关键问题
我们的目标是用Java编写一段能够自动测试这一完整业务逻辑的测试代码。因此,我们首先想到的可能会是类似下面的代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
/**
*
*/
package
com.cnblogs.www.hexin0614;
import
org.openqa.selenium.By;
import
org.openqa.selenium.WebDriver;
import
org.openqa.selenium.firefox.FirefoxDriver;
/**
* @author hexin
*
*/
public
class
TestSa {
/**
* @param args
* @throws Exception
*/
public
static
void
main(String[] args)
throws
Exception {
// Declare
WebDriver driver =
new
FirefoxDriver();
// Load page
Thread.sleep(
15000
);
// Load subpage
driver.findElement(By.id(
"btnLoad"
)).click();
// Input message
driver.findElement(By.id(
"frameText"
)).sendKeys(
"Message from Selenium."
);
// Send message back to main page
driver.findElement(By.id(
"btnSendBack"
)).click();
Thread.sleep(
2000
);
// Go back to main frame
System.out.println(driver.findElement(By.id(
"lblMsg"
)).getText());
driver.close();
}
}
|
实际运行的时候会报告找不到"frameText"元素的错误。这是怎么回事呢?
原来Selenium2在使用get()方法打开一个网页的时候,是不会继续加载里面的iframe中的内容的(这一点与Selenium有所区别)。
那么,我们就需要人为的要求Selenium2对iframe中的内容进行加载。
1
2
|
// Step into the subpage
driver.switchTo().frame(
"TestFrame"
);
|
这样就可以找到id为"frameText"的元素了。
重新运行,发现还是有错,这一次报告的是"lblMsg"元素找不到?奇怪吗?
不奇怪,因为我们通过上面的switchTo()方法已经切换到了iframe的内部,而subpage中是不存在id为"lblMsg"对象的。
怎么办?只有重新回到Mainpage上来。
根据Selenium2的在线文档,有很多方法可以切换回MainPage。(别告诉我你没有耐心的去读那些文档)
笔者经过摸索发现了一个比较简单的方法:利用getWindowHandle()方法可以快速的进行切换。该方法的JavaDoc如下
1
|
Return an opaque handle to this window that uniquely identifies it within this driver instance.This can be used to switch to this window at a later date
|
看来只要在切换至iframe内部的时候,提前记录下Mainpage的句柄就可以在将来的任何时候回到主窗口了。于是我们追加下面两行代码。
1
2
3
4
5
6
7
|
// Back up main page's handler
String strMainHandler = driver.getWindowHandle();
// ........
// Go back to main frame
driver.switchTo().window(strMainHandler);
|
好了,问题解决了,是不是很简单?最后送出完整的Java代码。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
/*
* Test
*/
package com.cnblogs.www.hexin0614;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
/**
* @author hexin
*
*/
public class TestSa {
/**
* @param args
* @throws Exception
*/
public
static
void
main(String[] args)
throws
Exception {
// Declare
WebDriver driver =
new
FirefoxDriver();
// Load page
Thread.sleep(
15000
);
// Load subpage
driver.findElement(By.id(
"btnLoad"
)).click();
// Back up main page's handler
String strMainHandler = driver.getWindowHandle();
// Step into the subpage
driver.switchTo().frame(
"TestFrame"
);
// Input message
driver.findElement(By.id(
"frameText"
)).sendKeys(
"Message from Selenium."
);
// Send message back to main page
driver.findElement(By.id(
"btnSendBack"
)).click();
Thread.sleep(
2000
);
// Go back to main frame
driver.switchTo().window(strMainHandler);
System.out.println(driver.findElement(By.id(
"lblMsg"
)).getText());
driver.close();
}
}
|