selenium自动化测试入门 —— 定位frame和iframe中的元素对象

【30K上岸京东测试岗】全靠了这套python自动化测试全栈测试开发技术入门到精通教程。

< frame> <iframe> 标签,浏览器会在标签中打开一个特定的页面窗口(框架),它在本窗口中嵌套进入一个网页,当用selenium定位页面元素的时候会遇到定位不到frame框架内的元素的问题。

定位frame中的元素前我们需要driver.switch_to.frame()切换到对应的frame中,执行操作后,要操作frame框架外的元素,需要通过driver.switch_to.default_content()切换回主文档页面。

driver.switch_to.frame(index/id/name/WebElement) 切入frame裤架中,参数可以为id/name/index

driver.switch_to.parent_frame() 切换回当前frame的上一层,如果当前已是主文档,则无效果

driver.switch_to.default_content() 切换回主文档


创建如下两个html文件,两个文件放入同一个文件夹内

frame.html

  1. <html>

  2. <head>

  3. <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

  4. <title>frame</title>

  5. </head>

  6. <body>

  7. <div class="row-fluid">

  8. <label>frame外输入框</label>

  9. <input type='text' id="frameinput">

  10. <div class="span10 well">

  11. <h3>frame</h3>

  12. <iframe id="f1" name="frame2" src="inner_frame.html" width="800" height="600"></iframe>

  13. </div>

  14. </div>

  15. </body>

  16. </html>

inner_frame.html

  1. <html>

  2. <head>

  3. <title>inner frame</title>

  4. </head>

  5. <body>

  6. <label id="innerlable">frame1内多选按钮 </label>

  7. <input type="checkbox" id="innercheck" name="inner">

  8. <div class="row-fluid">

  9. <h3>inner frame</h3>

  10. <iframe id="f2" name="frame2" src="http://m.baidu.com/" width="700" height="400">

  11. </iframe>

  12. </div>

  13. </body>

  14. </html>

示例:操作主文档的元素 --> 切换到外层frame 操作外层frame的元素 --> 切换到内层frame 操作内层的元素 --> 切换回外层frame 操作外层frame 的元素 --> 再次切入内层frame操作元素 --> 切换回主文档操作文档元素 -->再去切换到外层frame操作元素

  1. from selenium import webdriver

  2. import time

  3. driver = webdriver.Chrome()

  4. driver.get(r'E:\frame.html') # 打开frame.html页面,注意修改为你的位置

  5. driver.find_element_by_id('frameinput').send_keys('操作frame外的元素')

  6. driver.switch_to.frame(0) # 根据index切换,从0开始

  7. text = driver.find_element_by_id('innerlable').text

  8. print(text)

  9. driver.find_element_by_id('innercheck').click()

  10. driver.switch_to.frame('f2') # 根据id切入 内层frame

  11. driver.find_element_by_id('index-kw').send_keys('selenium frame')

  12. driver.switch_to.parent_frame() # 切换到上一层表单

  13. driver.find_element_by_id('innercheck').click()

  14. driver.switch_to.frame('frame2') # 根据name再次切入内层frame

  15. driver.find_element_by_id('index-bn').click()

  16. driver.switch_to.default_content() # 切换回主文档

  17. driver.find_element_by_ta('frameinput').clear()

  18. driver.switch_to.frame(driver.find_elements_by_tag_name('iframe')) # 通过webelement切换driver.find_element_by_id('innercheck').click()

  19. time.sleep(3)

  20. driver.quit()


1、 driver.switch_to.frame(frame_reference)切换进入frame

switch_to_frame() 将淘汰使用,建议使用switch_to.frame()。

switch_to.frame() 切换frame支持4种不同参数方法进行切换,元素的frame的index,frame的id或name属性,frame元素的WebElement元素对象。

通常采用id和name就能够解决绝大多数问题。但有时候frame并无这两项属性,则可以用index和WebElement来定位:

  • index从0开始,整型参数,根据同层frame的顺序定位
  • WebElement对象,即find_element方法所取得的对象,我们可以用tag_name、xpath等来定位frame对象。如上示例的:driver.switch_to.frame(driver.find_elements_by_tag_name('iframe'))
2、 driver.switch_to.default_content() 切换回主文档

切到frame中之后,我们便不能继续操作主文档的元素,这时如果想操作主文档内容,则需切回主文档。

driver.switch_to.default_content() # 切换到主文档中。

注意:很多人都会忘记这步操作

3、driver.switch_to.parent_frame() 切换到上一层表单
  1. <html>

  2. <iframe id="frame1">

  3. <iframe id="frame2" / >

  4. </iframe>

  5. </html>

嵌套frame很少会遇到,如下frame1为外层,frame2嵌套在frame1中。我们进行切换操作如下:

a. 从主文档切到frame2,一层层切进去

  1. driver.switch_to.frame("frame1")

  2. driver.switch_to.frame("frame2")

b. 从frame2再切回frame1,selenium提供了一个方法能够从子frame切回到父frame,而不用我们切回主文档再切进来。

driver.switch_to.parent_frame()  # 如果当前已是主文档,则无效果

parent_frame()这个相当于后退的方法,我们可以随意切换不同的frame。

总结:

感谢每一个认真阅读我文章的人!!!

作为一位过来人也是希望大家少走一些弯路,如果你不想再体验一次学习时找不到资料,没人解答问题,坚持几天便放弃的感受的话,在这里我给大家分享一些自动化测试的学习资源,希望能给你前进的路上带来帮助。

软件测试面试文档

我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

 

          视频文档获取方式:
这份文档和视频资料,对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!以上均可以分享,点下方小卡片即可自行领取。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值