做UI自动化测试的时候,经常遇到iframe页面,这样的页面是无法直接定位,需要切换。
一、iframe的含义:b/s架构都使用iframe,官方的定义是这样的:【iframe 元素会创建包含另外一个文档的内联框架(即行内框架)】。什么意思呢,就像是我们的某个主页,里面有好多小模块,每 个 小模块用这个叫做iframe的东西分开来,方便维护,也方便开发各自开发各自的部分,互不相干。
通常不在同一个iframe分为两种情况:一种是包含,一种是平级。
二、frame和iframe区别:Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架
Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的所包含的内容与整个页面是一个整体,而< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。
图示:
定位方法:
from selenium import webdriver
driver = webdriver.Chrome()
driver.switch_to.frame(0) #1.用frame的index来定位,第一个是0
# driver.switch_to.frame("frame1") #2.用id来定位
# driver.switch_to.frame("myframe") #3.用name来定位
# driver.switch_to.frame(driver.find_element_by_tag_name("iframe")) # 4.用WebElement对象来定位
案例1:以东方财富网登陆页面定位
这个iframe是带id的,可以直接使用上面第二个方法来切换
具体代码如下:
from selenium import webdriver
import unittest
import time
class Test_iframe(unittest.TestCase):
def setUp(self):
pass
def tearDown(self):
pass
def test_iframe(self):
driver = webdriver.Firefox()
driver.get("https://passport2.eastmoney.com/pub/login?backurl=http%3A//www.eastmoney.com/")
driver.implicitly_wait(5)
driver.switch_to_frame("frame_login")
driver.find_element_by_name("login_email").send_keys("测试123456")
driver.switch_to_default_content() #返回主页,释放iframe
time.sleep(2)
driver.close()
if __name__ == '__main__':
unittest.main(warnings="ignore")
运行结果:
注意:我的selenium版本是2.48,所以switch相关方法都划了横线,如果是高版本,写法是switch_to.frame和switch_to_default.content
一般进入iframe
driver.switch_to.frame(iframe)
退出/释放iframe
driver.switch_to_default.content()
案例2,以163邮箱为例
对于iframe动态id,可以使用tag_name去定位
具体代码:
from selenium import webdriver
import time
driver = webdriver.Chrome(executable_path=r'D:\UI2019test\public\common\chromedriver.exe')
driver.get('https://mail.163.com/')
time.sleep(3)
iframe =driver.find_element_by_tag_name('iframe')
driver.switch_to_frame(iframe)
driver.implicitly_wait(5)
driver.find_element_by_name("email").send_keys("账号")
driver.find_element_by_name("password").send_keys("密码")
driver.find_element_by_id("dologin").click()
print(driver.title)
time.sleep(4)
driver.quit()
结果:
还可以使用iframe =driver.find_element_by_xpath(’//*[@id=“loginDiv”]/iframe’)
先用xpath定位到iframe上面一层,再定iframe。
运行结果: