WebDriver拾级而上·之五 iframe的处理
有时候我们在定位一个页面元素的时候发现一直定位不了,反复检查自己写的定位器没有任何问题,代码也没有任何问题。这时你就要看一下这个页面元素是否在一个iframe中,这可能就是找不到的原因之一。
如果你在一个default content中查找一个在iframe中的元素,那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素,那必然也定位不到。
selenium webdriver中提供了进入一个iframe的方法:
WebDriver org.openqa.selenium.WebDriver.TargetLocator.frame(String nameOrId)
也提供了一个返回default content的方法:
WebDriver org.openqa.selenium.WebDriver.TargetLocator.defaultContent()
这样使我们面对iframe时可以轻松应对。
switch_to方法会new 1个TargetLocator对象,使用该对象的frame方法可以将当前识别的”主体”移动到需要定位的frame上去。
以下面的html代码为例,我们看一下处现iframe。
这个2个页面放桌面
Html代码
main.html
<html>
<head>
<title>FrameTest</title>
</head>
<body>
<div id = "id1">this is a div!</div>
<iframe id = "frame" frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></iframe>
</body>
</html>
frame.html
<html>
<head>
<title>this is a frame!</title>
</head>
<body>
<div id = "div2">this is a frame,too!</div>
<label>input:</label>
<input id = "input2" value='frame VALUE'>a frame</input>
</body>
</html>
Java代码
package com.test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
public class Test_frame {
public static void main(String[] args) {
String url = "file:///C:/Documents and Settings/fei yong/桌面/main.html";
//打开chrome
WebDriver dr = new ChromeDriver();
dr.get(url);
//在default content定位id="id1"的div
dr.findElement(By.id("id1"));
//此时,没有进入到id="frame"的frame中时,以下两句会报错
//dr.findElement(By.id("div1"));//报错
//dr.findElement(By.id("input1"));//报错
//进入id="frame"的frame中,定位id="div1"的div和id="input1"的输入框。
dr.switchTo().frame("frame");
dr.findElement(By.id("div2"));
dr.findElement(By.id("input2"));
System.out.println("div2.getTagName:"+dr.findElement(By.id("div2")).getTagName()+";");
System.out.println("input2.getTagName:"+dr.findElement(By.id("input2")).getTagName());
System.out.println("input2.getText:"+dr.findElement(By.id("input2")).getText());
//此时,没有跳出frame,如果定位default content中的元素也会报错。
//dr.findElement(By.id("id1"));//报错
//跳出frame,进入default content;重新定位id="id1"的div
dr.switchTo().defaultContent();
dr.findElement(By.id("id1"));
System.out.println("id1.getText:"+dr.findElement(By.id("id1")).getText());
dr.quit();
}
}
页面输出: