51Testing软件测试论坛

标题: 【转帖】WebDriver拾级而上(05) – iframe的处理 [打印本页]
作者: 悠悠小仙仙    时间: 2017-7-13 13:56
标题: 【转帖】WebDriver拾级而上(05) – iframe的处理
[attach]107335[/attach]
有时候我们在定位一个页面元素的时候发现一直定位不了，反复检查自己写的定位器没有任何问题，代码也没有任何问题。这时你就要看一下这个页面元素是否在一个iframe中，这可能就是找不到的原因之一。
如果你在一个default content中查找一个在iframe中的元素，那肯定是找不到的。反之你在一个iframe中查找另一个iframe元素或default content中的元素，那必然也定位不到。

selenium webdriver中提供了进入一个iframe的方法：
CODE：
  1. WebDriver org.openqa.selenium.WebDriver.TargetLocator.frame(String nameOrId)
复制代码
也提供了一个返回default content的方法：

CODE：
  1. WebDriver org.openqa.selenium.WebDriver.TargetLocator.defaultContent()
复制代码

这样使我们面对iframe时可以轻松应对。
switch_to方法会new  1个TargetLocator对象，使用该对象的frame方法可以将当前识别的”主体”移动到需要定位的frame上去。  
以下面的html代码为例，我们看一下处现iframe。
这个2个页面放桌面
Html代码
main.html:

CODE：
  1. <html>
  2.     <head>
  3.         <title>FrameTest</title>
  4.     </head>
  5.     <body>
  6.         <div id = "id1">this is a div!</div>
  7.         <iframe id = "frame"  frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></iframe>
  8.     </body>
  9. </html>
复制代码
frame.html:

CODE：
  1. <html>
  2.     <head>
  3.         <title>this is a frame!</title>
  4.     </head>
  5.     <body>
  6.         <div id = "div2">this is a frame，too!</div>
  7.         <label>input:</label>
  8.         <input id = "input2" value='frame VALUE'>a frame</input>
  9.     </body>
  10. </html>
复制代码
Java代码：

CODE：
  1. package com.test;

  3. import org.openqa.selenium.By;
  4. import org.openqa.selenium.WebDriver;
  5. import org.openqa.selenium.chrome.ChromeDriver;


  8. public class Test_frame {
  9.     public static void main(String[] args) {
  10.         String url = "file:///C:/Documents and Settings/fei yong/桌面/main.html";
  11.         //打开chrome
  12.         WebDriver dr = new ChromeDriver();
  13.         dr.get(url);

  15.         //在default content定位id="id1"的div
  16.         dr.findElement(By.id("id1"));
  17.               
  18.         //此时，没有进入到id="frame"的frame中时，以下两句会报错
  19.         //dr.findElement(By.id("div1"));//报错
  20.         //dr.findElement(By.id("input1"));//报错
  21.               
  22.         //进入id="frame"的frame中，定位id="div1"的div和id="input1"的输入框。
  23.         dr.switchTo().frame("frame");
  24.         dr.findElement(By.id("div2"));
  25.         dr.findElement(By.id("input2"));
  26.         System.out.println("div2.getTagName:"+dr.findElement(By.id("div2")).getTagName()+";");
  27.         System.out.println("input2.getTagName:"+dr.findElement(By.id("input2")).getTagName());
  28.         System.out.println("input2.getText:"+dr.findElement(By.id("input2")).getText());

  30.         //此时，没有跳出frame，如果定位default content中的元素也会报错。
  31.         //dr.findElement(By.id("id1"));//报错

  33.         //跳出frame,进入default content;重新定位id="id1"的div
  34.         dr.switchTo().defaultContent();
  35.         dr.findElement(By.id("id1"));
  36.         System.out.println("id1.getText:"+dr.findElement(By.id("id1")).getText());

  38.         dr.quit();
  39.     }
  40. }
复制代码
页面输出：

[attach]107336[/attach]
作者: 八戒你干嘛    时间: 2017-7-13 17:04
楼还有后续之作不？
作者: 悠悠小仙仙    时间: 2017-7-13 17:06
八戒你干嘛 发表于 2017-7-13 17:04
楼还有后续之作不？

有的，明儿个更
作者: 木头人丶    时间: 2018-7-19 14:53
19、20、22行，还有input.getText输出值是不是有错。



欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2