Web UI自动化测试基础——元素定位（三）

时间：2023-03-10 01:40:16
Web UI自动化测试基础——元素定位（三）

本篇文章整理了元素定位的基础知识——iframe框架中的元素定位。

一、iframe框架元素定位

　　iframe是Html页面的内联框架，如果在自动化测试中无法定位到某个元素，那么很有可能是因为该元素在iframe框架中。先来看一下下面3段代码，分别是origin.html和2个iframe框架页面。

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>origin</title>

 </head>

 <body>

     <p id="origin_p">这是原始页面</p>

     <iframe src="iframe_1.html" id="parent"></iframe>

     <br><br>

     用户名：

     <input type="text" id="username">

 </body>

 </html>

origin.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>iframe_1</title>

 </head>

 <body>

     <p id="parent_p">这是第1层iframe框架</p>

     <iframe src="iframe_2.html" id="son"></iframe>

 </body>

 </html>

iframe_1.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>iframe_2</title>

 </head>

 <body>

     <p id="son_p">这是第2层iframe框架</p>

 </body>

 </html>

iframe_2.html

1. 未嵌套iframe

　　将iframe_1.html的第9行代码注释后，打开origin.html页面，就可以看到只有一层iframe框架的origin页面。效果如下图，红框部分即为嵌套的第一层iframe框架。

Web UI自动化测试基础——元素定位（三）

2. 嵌套iframe 

　　将iframe_1.html的第9行代码注释取消后，打开origin.html页面，就可以看到有两层iframe框架的origin页面。效果如下图，红框部分即为嵌套的第一层iframe框架，蓝框部分为嵌套的第二层iframe框架。

Web UI自动化测试基础——元素定位（三）

二、实例

 import time

 from selenium import webdriver

 # 创建driver实例

 driver = webdriver.Chrome()

 # 窗口最大化

 driver.maximize_window()

 # 打开待测页面

 driver.get('file:///python/selenium/origin.html')

 # 隐式等待10s

 driver.implicitly_wait(10)

 # 定位原始页面中的p标签

 origin_p = driver.find_element_by_id('origin_p')

 # 打印原始页面中p标签的文本

 print('原始页面p标签的内容：{}'.format(origin_p.text))

 # 通过索引方式进入第一层iframe框架

 driver.switch_to.frame(0)

 # 定位iframe_1中的p标签

 parent_p = driver.find_element_by_id('parent_p')

 # 打印iframe_1中p标签的文本

 print('第1层iframe框架中p标签的内容：{}'.format(parent_p.text))

 # 通过id属性进入第二层iframe框架

 driver.switch_to.frame('son')

 # 定位iframe_2中的p标签

 son_p = driver.find_element_by_id('son_p')

 # 打印iframe_2中p标签的文本

 print('第2层iframe框架中p标签的内容：{}'.format(son_p.text))

 time.sleep(2)

 # 跳转到原始页面

 driver.switch_to.default_content()

 # 定位原始页面中的input标签

 user = driver.find_element_by_id('username')

 # 在input标签中输入admin

 user.send_keys('admin')

 # 等待2s

 time.sleep(2)

 # 退出驱动程序并关闭浏览器

 driver.quit()

第10行地址部分根据自己实际地址填写。以上代码中主要体现了进入iframe框架的方法switch_to.frame()和对应的2种方式，即索引方式和id方式；也展示了跳出iframe框架的方法switch_to.default_content()。

运行结果如下：

Web UI自动化测试基础——元素定位（三）

参考资料：《Python自动化测试实战》——无涯

相关文章