zoukankan      html  css  js  c++  java
  • selenium 页面元素定位之iframe里面的元素定位(包括有无id、name的)

    今天在写一个功能的脚本时,发现部分部分元素总是定位不了,看了下页面的html 发现元素原来在iframe里,这个使用iframe的id和name属性用switch_to_frame跳转后就可以定位了,但是发现部分iframe没有id 和 name,突然不知怎搞了,百度了下,发现下面这个文章不错!

    -------------------------以下转自:http://blog.sina.com.cn/s/blog_68f262210101mcxp.html

    最近正在进行webdriver的web级自动化测试代码的编写,遇到一个问题:页面有三个标签,单击一个标签打开一页,要对第二个标签打开的页面进行定位操作,可是总是定位不到。查看一下代码,发现这个标签打开的是一个新页面,在iframe中嵌套着呢,于是在网上搜了一下相关的定位方法。

        例如,现有HTML代码如下:
    1. main.html   
    2. <</span>html>  
    3.     <</span>head>  
    4.         <</span>title>FrameTest</</span>title>  
    5.     </</span>head>  
    6.     <</span>body>  
    7.     <</span>div id = "id1">this is a div!</</span>div>  
    8.         <</span>iframe id = "frame1"  frameborder="0" scrolling="no" style="left:0;position:absolute;" src = "frame.html"></</span>iframe>  
    9.     </</span>body>  
    10. </</span>html>   
    11.   
    12.   
    13. frame.html 
    14. <</span>html>  
    15.     <</span>head>  
    16.         <</span>title>this is a frame!</</span>title>  
    17.     </</span>head>  
    18.     <</span>body>  
    19.     <</span>div id = "div1">this is a div,too!</</span>div>  
    20.     <</span>label>input:</</span>label>  
    21.     <</span>input id = "input1"></</span>input>  
    22.     </</span>body>  
    23. </</span>html>

    1.iFrame有ID 或者 name的情况
    //进入id="frame1"的frame中,定位id="div1"的div和id="input1"的输入框。
    dr.switchTo().frame("frame1");
    dr.findElement(By.id("div1"));
    dr.findElement(By.id("input1"))

    2.如果一个iFrame既没有id,也没有name,通用情况
    // 定位frame位置,并选取frame
    WebElement frame=driver.findElement(By.xpath( "/html/body/div[2]/div[8]/div[2]/div[3]/div/div[2]/div/iframe" ));
    driver.switchTo().frame(frame);

    3.跳出iFrame
    //跳出frame,进入default content;重新定位id="id1"的div
    dr.switchTo().defaultContent();
    dr.findElement(By.id("id1"))
  • 相关阅读:
    java-servlet
    oracle 函数
    List 集合的交集
    jsp中表格,表格中的文字根据表格的大小自动换行
    eclipse快捷键调试总结【转】
    Spring(Bean)4 配置数据源、连接池
    Spring(Bean)3
    前端实现表格基于游览器固定显示
    vue下谷歌浏览器的扩展程序(vue-devtools-master)
    前端vue如何下载或者导出word文件和excel文件
  • 原文地址:https://www.cnblogs.com/sola-tester/p/4143485.html
Copyright © 2011-2022 走看看