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