iFrame的定位

原文转自:WebDriver学习笔记(七)iFrame的定位

原文作者:米阳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;">&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(),选取的作用,也就是交与控制权

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

转载于:https://www.cnblogs.com/yuexizhuo/p/4284178.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值