上节我们已经介绍了几个常用的控件操作方法,理论上已经可以操作绝大多数控件,同样WebDriver提供了一些特殊方法,用于操作一些特殊情况。
下拉框操作
下拉框操作除了通过两次点击(1.点击下拉框,2.点击下拉框选项)外,JAVA版本的WebDriver还提供了Select 类用来专门处理下拉框元素。
HTML常见如下:
<select name="select">
<option value="chrome">Chrome</option>
<option value="ie">IE</option>
<option value="firefox">Firefox</option>
<option value="safari">Safari</option>
</select>
选取下拉选择,代码示例:
@Test
public void selectTest() throws InterruptedException {
// 打开测试页面
driver.get("file:///D:/html/index.html");
// 定位下拉框
WebElement selectHtml = driver.findElement(By.name("select"));
// 实例化Select
Select select = new Select(selectHtml);
// 为了看效果,线程等待2S
Thread.sleep(2000);
// 通过下拉框文本值选取
select.selectByVisibleText("IE");
// 为了看效果,线程等待2S
Thread.sleep(2000);
// 通过下拉框索引选取
select.selectByIndex(2);
// 为了看效果,线程等待2S
Thread.sleep(2000);
// 通过 value 属性值选取
select.selectByValue("chrome");
}
说明:
- Select 类只能用于被<select></select>标签包围的元素中,也就是必须是标准下拉控件
- selectByVisibleText()传入的参数是option标签的text值
- selectByIndex() 传入的参数是option标签的索引值
- selectByValue() 传入的参数是option标签的value属性值
获取下拉框文本值,代码示例:
@Test
public void getOptionsTest(){
// 打开测试页面
driver.get("file:///D:/html/index.html");
// 定位下拉框
WebElement selectHtml = driver.findElement(By.name("select"));
// 实例化Select
Select select = new Select(selectHtml);
// 获取第一个选择选项
WebElement element = select.getFirstSelectedOption();
// 获取第一选项的Text
String text = element.getText();
System.out.println(text);
// 获取所有的选项
List<WebElement> optionsList= select.getOptions();
// 循环输出所有选项的Text
for(WebElement option:optionsList){
String optionText = option.getText();
System.out.println(optionText);
}
}
说明:
- getFirstSelectedOption()常用与获取当前选项或者默认选项文本
- getOptions()用于获取所有的下拉选项,返回List
Alert的操作
测试用例:
1. 打开“UI自动化测试”主页
2. 点击Alert按钮
3. 在alert警告框点击确定按钮
代码实现:
@Test
public void alertTest() throws InterruptedException {
driver.get("file:///C:/selenium_html/index.html");
driver.findElement(By.className("alert")).click();
Thread.sleep(3000);
// 把控制权转交给 alert
Alert alert = driver.switchTo().alert();
// 获取警告框的文本值
String text = alert.getText();
System.out.println(text);
// 点击警告窗确定按钮
alert.accept();
}
说明:
Alert警告窗无法通过正常元素那样去定位警告窗,所以自然就无法直接调用click()方法去点击确定按钮。所以想要处理alert警告窗我们需要把driver控制权转移给alert类型,然后调用alert的getText()的方法获取警告窗文本,调用accept()方法去模拟点击确定按钮。
Confirm的操作
测试用例:
1. 打开“UI自动化测试”主页
2. 点击Confirm按钮
3. 在Confirm警告框点击确定\取消按钮
代码实现:
@Test
public void confirmTest() throws InterruptedException {
driver.get("file:///C:/selenium_html/index.html");
driver.findElement(By.className("confirm")).click();
Thread.sleep(3000);
// driver控制权转交给 alert
Alert alert = driver.switchTo().alert();
// 点击取消
alert.dismiss();
Thread.sleep(3000);
// 点击确定
alert.accept();
}
说明:
confirm弹窗类似alert,但是多了个取消按钮,如果想模拟点击取消按钮操作,我们需要调用dismiss()方法实现。
Prompt的操作
测试用例:
1. 打开“UI自动化测试”主页
2. 点击Prompt按钮
3. 在Prompt 弹窗中,输入“这个是Prompt”
4. 点击确定\取消按钮
代码实现:
@Test
public void promptTest() throws InterruptedException {
driver.get("file:///C:/selenium_html/index.html");
driver.findElement(By.className("prompt")).click();
Thread.sleep(3000);
// driver控制权转交给 alert
Alert alert = driver.switchTo().alert();
// 往弹窗输入 文本
alert.sendKeys("这个是Prompt");
Thread.sleep(2000);
alert.accept();
Thread.sleep(3000);
alert.accept();
Thread.sleep(3000);
}
说明:
操作基本同以上两钟警告窗,但是prompt弹窗多了可输入的文本框,同样无法定位,所以要操作文本框可以调用alert的sendKeys()方法实现。
iFrame 的操作
思路:
1. 定位iFrame
2. driver控制权交给iFrame
3. 操作iFrame里面的元素
4. 操作完成把driver控制权交回原页面
测试用例:
1. 打开“UI自动化测试”主页
2. 在frame:input 输入框输入文本
代码实现:
@Test
public void iframeTest() throws InterruptedException {
driver.get("file:///C:/selenium_html/index.html");
// 通过 ID 或者 name 方式 转交控制权
//driver.switchTo().frame("aa");
WebElement iframe = driver.findElement(By.tagName("iframe"));
// 通过webelement 方式转交driver控制权
driver.switchTo().frame(iframe);
driver.findElement(By.linkText("baidu")).click();
Thread.sleep(3000);
// driver 控制权转交给原来界面
driver.switchTo().defaultContent();
driver.findElement(By.linkText("登陆界面")).click();
}
说明:
driver.switchTo().frame("aa")中“aa”默认为frame元素的id或者name的属性值。如果frame元素没有id也没有name那么我们完全可以用其它定位到frame然后传入一个WebElemet元素便可。
多窗口操作
思路:
- 获取当前窗口的handle值
- 获取所有窗口的handle值
- 循环判断所有的窗口的handle值,如果不为第一步获取的值,则跳转
测试用例:
- 打开“UI自动化测试”页面
- 点击“Open new window”
- 在新开的界面iframe:input 文本框输入文本
- 关闭新开的窗口
- 再原来的界面文本框输入文本
代码实现:
@Test
public void testWin() throws InterruptedException {
driver.get("file:///C:/selenium_html/index.html");
// 当前driver所在的页面的 句柄值
String handle1 = driver.getWindowHandle();
driver.findElement(By.linkText("Open new window")).click();
Thread.sleep(3000);
// For 循环判断 获取到的handles是否等于handle1
for (String handles : driver.getWindowHandles()) {
if (handles.equals(handle1)) {
continue;
}
driver.switchTo().window(handles);
}
driver.findElement(By.linkText("baidu")).click();
// driver 控制权交回第一个窗口
driver.switchTo().window(handle1);
}
上传文件的处理
上传文件操作需要弹出我们的win窗口,而win窗口我们是无法通过WebDriver去识别元素做操作,那是不是意味着上传文件我们WebDriver就无法完成呢?
其实相反,上传文件操作非常容易,我们还是可以通过已经学过的sendKeys()方法完成。
思路:
1. 定位上传控件
2. 使用sendKeys()方法,并传入文件路径
测试用例:
1. 打开“UI 测试页面”
2. 实现上传操作
代码实现:
@Test
public void uploadTest() {
driver.get("file:///C:/selenium_html/index.html");
// 定位上传控件,传入本地文件路径
driver.findElement(By.id("load")).sendKeys("c:\\a.html");
}