iFrame的定位

时间 2019-12-06

标签 iframe 定位栏目 HTML 繁體版

原文原文链接

原文转自：WebDriver学习笔记（七）iFrame的定位html

原文做者：米阳MeYoungjava

iFrame嵌套的页面很是常见，然而iFrame内的页面元素咱们没办法按常规思路去定位，操做。web

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

若是是，那么咱们的思路就是先定位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;">&nbsp;</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()，选取的做用，也就是交与控制权ui

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：this

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

driver.switchTo().frame(frame);