selenium自动化测试-处理iframe
Selenium自动化测试-iframe处理
上一篇,我们介绍了元素的内容、属性、状态信息。写自动化脚本时会遇到 iframe嵌套页面,这时直接定位是不行的,今天我们要介绍怎么处理iframe定
iframe是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架), 作用就是嵌套网页。
以163网易邮箱账号或手机号码输入框为例,我们先按正常定位方法试下能否定位成功。
代码如下:
报错信息如下:
Traceback (most recent call last):
......
raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable
(Session info: chrome=76.0.3809.132)
让我们定位到元素看下到底发生了什么
我们发现要定位的这个元素在当套的iframe页面里,我们要操作这个元素,需要先切换到iframe页面,才能正常定定位
<iframe name="" frameborder="0" id="x-URS-iframe1570682661270.0098" scrolling="no" style="width: 100%; height: 100%; border: none; background: none;" src="https://dl.reg.163.com/webzj/v1.0.1/pub/index_dl2_new.html?cd=https%3A%2F%2Fmimg.127.net%2Fp%2Ffreemail%2Findex%2Funified%2Fstatic%2F2019%2Fcss%2F&cf=urs.163.bc0e7491.css&MGID=1570682661270.0098&wdaId=&pkid=CvViHzl&product=mail163" __idm_frm__="472"></iframe>
一、怎么切换到iframe
1.iframe有固定id或name属性
①有id属性,且唯一
driver.switch_to.frame('id')
②有那name性,且唯一
driver.switch_to.frame('name')
2.如果是动态id或者没有id和name属性,可以xpath或css定位解决
检查发现126邮箱id="x-URS-iframexxxxxx" 是动态id, 所以,我们不能直接通过id定位
我们用之前学过的css定位,代码如下:
邮箱或手机号输入框写入了vivi,表示切换iframe,定位成功
这里再补充下xpath其他的三种方法
1.contains(a, b) 如果a中含有字符串b,则返回true,否则返回false
driver.find_element_by_xpath("//div[contains(@id, 'btn-attention')]")
2.starts-with(a, b) 如果a是以字符串b开头,返回true,否则返回false
driver.find_element_by_xpath("//div[starts-with(@id, 'btn-attention')]")
3.ends-with(a, b) 如果a是以字符串b结尾,返回true,否则返回false
driver.find_element_by_xpath("//div[ends-with(@id, 'btn-attention')]")
二、从iframe切回到主文档
切换到iframe框架内后,就不能直接定位主文档元素了,比如切换到iframe之后,再定位126邮箱页面的企业邮箱链接。
代码如下:
结果报错,因为在iframe框架内,没有切换到主文档,不能直接定位到主文档的元素
处理办法是,需回主文档,进行定位,使用:driver.switch_to.default_content()
运行之后,切换到iframe框架,然后再切回主文档,定位企业邮箱链接
三、嵌多层套iframe的操作
但时候页面会有多层嵌套iframe,这时候我们需要层层切换iframe
<frame src="" id="index_main" name="main" scrolling="Yes" noresize="noresize">
<iframe id="Editor1" src="" frameborder="0" scrolling="no" >
<iframe id="eWebEditor" width="100%" height="100%" scrolling="yes" frameborder="0" src="">
<input type="text" id="TeacherTxt" name="Teacher" size="12" maxlength="12" >
</iframe>
</iframe>
</iframe>
比如这个源码中,有三层iframe嵌套,如果我们想定位到id="TeWebEditor这一层,代码如下:
driver.switch_to_.rame("inden_main")
driver.switch_to_.rame("EEditor1)
driver.switch_to_.rame("eeWebEditor"
那么如果我们又想切换到上一层呢,driver.switch_to.parent_frame(),表示从当前的子iframe切换到父iframe,即上级iframe
# 切换到第一层iframe
driver.switch_to_.rame("inden_main")
# 切换到第二层iframe
driver.switch_to_.rame("EEditor1)
切换到第三层iframe
driver.switch_to_.rame("eeWebEditor)
重新切换到父iframe,即切换到第二层iframe
driver.switch_to.parent_frame()
总结:遇到iframe时,需要先切换到iframe框架内,再进行定位;多层嵌套的,层层切换iframe;在iframe框架内,定位主文档的元素,需切回到主文档再定位
下一篇将介绍单选框和多选框的操作
如果学习中有什么疑问,欢迎关注公众号:ITester软件测试小栈