如何实现对iframe的自动化测试,一篇文章告诉你

简介: 如何实现对iframe的自动化测试,一篇文章告诉你

image.png

简介

在进行元素定位时,如果遇到无法找到的情况,首先需要考虑是否存在嵌套的 frame 窗口或者目标元素位于新打开的窗口中。这时,必须进行相应的 frame 切换或窗口切换操作。

frame 类似于在原始主 HTML 页面的基础上嵌套了一个独立的 HTML,彼此之间相互独立且不产生影响。

通常,当打开一个页面时,光标默认定位在主页面中。如果页面由多个 frame 构成,直接定位到具体元素可能会受限。因此,需要在定位元素之前切换到目标 frame 中,以便准确查找所需的元素。

iframe 解析

image.png

如图可以看到 iframe 的标签。

iframe 的多种切换方式

HTML 代码示例:

<iframe src="1.html" id="hogwarts_id" name="hogwarts_name"></iframe>

那么通过传入 id、name、index 以及 Selenium 的 WebElement 对象来切换 frame:

Pyhton 实现


# index:传入整型的参数,从 0 开始,这里的 0 就是第一个 frame
driver.switch_to.frame(0)

#id:iframe 的 id
driver.switch_to.frame("hogwarts_id")

#name: iframe 的 name
driver.switch_to.frame("hogwarts_name")

#WebElement: 传入 `selenium.webelement` 对象
driver.switch_to.frame(driver.find_element(By.TAG_NAME,"iframe"))

Java 实现


//通过位置index选中frame,0表示第一个frame
driver.switchTo().frame(0);
//通过frame的id或name来选中frame
driver.switchTo().frame("hogwarts_id");
driver.switchTo().frame("hogwarts_name");
//WebElement: 传入 `selenium.webelement` 对象
driver.switchTo().frame(driver.findElement(By.tagName("iframe")));

iframe 切换回默认页面

在切换页面之后,如果还想操作原页面,则可以使用:

Python 版本

driver.switch_to.default_content()

Java 版本

driver.switchTo().defaultContent();

iframe 多层切换

如图所示为多层嵌套结构的 iframe

image.png

从最外部 iframe 切换到 iframe2 则需要层层切换,当从 iframe2 切换回 iframe1 可以使用父子切换,示例如下:

Python 实现

driver.switch_to.frame("iframe1")
driver.switch_to.frame("iframe2")

# 从 iframe2 切换到上一级 iframe1
driver.switch_to.parent_frame()
# 从 iframe1 切换到上一级 iframe,如果 iframe 已经是最上级,则保持不变
driver.switch_to.parent_frame()

Java 实现

driver.switchTo().frame("iframe1");driver.switchTo().frame("iframe2");

从 iframe2 切换回 iframe1 可以使用父子切换:


# 从iframe2切换到上一级iframe1
driver.switchTo().parent_frame()
# 从iframe1切换到上一级iframe,如果iframe已经是最上级,则保持不变
driver.switchTo().parent_frame()

这个方法是 Selenium 提供的直接从子 frame 切换到父 frame,可以使用在嵌套的 frame 框架中。

总结

在浏览器中,存在一种名为 frame 的组件,通过常规的定位很难直接找到这个组件内的元素,因此需要进入到该 frame 组件里,并切换到相应的 frame 句柄,以便准确地定位和操作 frame 里面的元素。

相关文章
|
2月前
|
测试技术 API 持续交付
【Python自动化测试】文章探讨了Python在测试领域的关键作用,分为三部分
【7月更文挑战第2天】【Python自动化测试】文章探讨了Python在测试领域的关键作用,分为三部分:1) 自动化测试的重要性与Python的易用性、库支持、跨平台和社区优势;2) Unittest作为标准测试框架的基础用法,及Pytest的灵活性与强大功能;3) 实践中包括Selenium的Web UI测试、Requests的API测试,强调测试隔离、持续集成等最佳实践。Python助力高效稳定的软件测试。
43 2
|
3月前
|
监控 Shell 测试技术
一篇文章讲明白MonkeyAPP压力稳定性测试
一篇文章讲明白MonkeyAPP压力稳定性测试
117 1
|
2月前
|
机器学习/深度学习 存储 Linux
我的OS Copilot测试文章
在阿里云管理控制台尝试重置密码时遇到错误,未能成功跳转至相应实例;但后续的密码重置流程顺利,安全组设置和SSH连接快速无阻,且体验到AccessKey预警系统的实用性。在处理代码时曾因未替换特殊字符报错,但最终解决了问题,实现了Python代码分析功能,确认系统为Linux,并对OS工具的交互性和实用性表示赞赏,特别是其与Linux环境的兼容性。遇到过一次生成实例的错误,但整体体验良好,有兴趣参与OS Copilot的开源开发。
|
3月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
38 6
|
2月前
|
运维 测试技术 双11
什么是性能测试,一篇文章告诉你!
性能测试评估系统在现实负载下的性能和可靠性,包括响应时间、吞吐量和稳定性。目的是发现瓶颈、评估系统能力、优化性能和确保可靠性。在**双十一大促**等高并发场景下,性能测试至关重要。它有助于合理规划资源,降低成本,提升效率。测试工程师需掌握性能调优,理解压力曲线图,识别最佳并发用户数和最大承载点。通过测试,确保系统在最佳效率下运行,避免资源浪费和用户满意度下降。
51 0
|
4月前
|
JavaScript Java 测试技术
基于ssm+vue.js的办公自动化管理系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的办公自动化管理系统附带文章和源代码设计说明文档ppt
30 4
|
4月前
|
JavaScript Java 测试技术
基于ssm+vue.js的小型企业办公自动化系统的设计和开发附带文章和源代码设计说明文档ppt
基于ssm+vue.js的小型企业办公自动化系统的设计和开发附带文章和源代码设计说明文档ppt
39 4
|
3月前
|
Web App开发 测试技术 iOS开发
一篇文章讲明白locust性能测试
一篇文章讲明白locust性能测试
42 0
|
4月前
|
数据采集 数据挖掘 测试技术
python如何实现自动化办公?看完这篇文章你就知道了_python自动化办公
python如何实现自动化办公?看完这篇文章你就知道了_python自动化办公
python如何实现自动化办公?看完这篇文章你就知道了_python自动化办公
|
4月前
|
JavaScript Java 测试技术
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
37 0