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();
}
}

页面输出: