原文作者:米阳MeYoung

 

iFrame嵌套的页面非常常见,然而iFrame内的页面元素我们没办法按常规思路去定位,操作。

平时测试如果遇到代码没错,但就是定位不到页面元素,这时你就应该第一个反应元素是不是嵌套在iFrame内。

如果是,那么我们的思路就是先定位iFrame再定位iFrame内的元素,这个有点类似于页面层级元素定位。

具体例子:

1.新建2个html 页面,放于D盘,作为被测试的页面

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 = "iframe.html"></ iframe>
    </body >
</html><span style="font-family: Tahoma;"> </span>

 

 

iframe.html

<html>
    <head >
        <title> this is a frame!</title >
    </head >
    <body >
        <div id = "div1"> this is a div !</div>
        <label> input:</label >
        <input id = "input1"></ input>
    </body >
</html>

 

2.具体代码

switchTo(),选取的作用,也就是交与控制权

import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class IFrameTest {
    @Test
    public void iFrameTest() throws InterruptedException {
        // 设置chromedriver的路径,根据你具体存放位置来设置路径
        System.setProperty("webdriver.chrome.driver", "C:\\holmosconf\\driverServers\\chromedriver.exe");
        // 启动Chrome浏览器
        WebDriver driver = new ChromeDriver();
        // get方式打开测试页面
        driver.get("C:\\main.html");
        // 选取frame
        driver.switchTo().frame("frame");;
        // 定位iframe里面的文本框
        driver.findElement(By.id("input1")).sendKeys("这是在iframe里面的文本框");
        // 跳出iframe
        driver.switchTo().defaultContent();
        // 为了看效果,等待3S
        Thread.sleep(3000);
        // 结束测试
        driver.quit();
    }
}

 

上面的iFrame定位用的是ID,如果既没有ID,也没有Name时,可以类似底下方法定位iframe:

WebElement frame=driver.findElement(By.xpath( "/html/body/div/iframe" ));
driver.switchTo().frame(frame);