- Selenium 教程
- Selenium - 首页
- Selenium - 概述
- Selenium - 组件
- Selenium - 自动化测试
- Selenium - 环境设置
- Selenium - 远程控制
- Selenium IDE 教程
- Selenium - IDE 简介
- Selenium - 特性
- Selenium - 限制
- Selenium - 安装
- Selenium - 创建测试
- Selenium - 创建脚本
- Selenium - 控制流
- Selenium - 存储变量
- Selenium - 警报和弹出窗口
- Selenium - Selenese 命令
- Selenium - 操作命令
- Selenium - 访问器命令
- Selenium - 断言命令
- Selenium - 断言/验证方法
- Selenium - 定位策略
- Selenium - 脚本调试
- Selenium - 验证点
- Selenium - 模式匹配
- Selenium - JSON 数据文件
- Selenium - 浏览器执行
- Selenium - 用户扩展
- Selenium - 代码导出
- Selenium - 代码输出
- Selenium - JavaScript 函数
- Selenium - 插件
- Selenium WebDriver 教程
- Selenium - 简介
- Selenium WebDriver 与 RC
- Selenium - 安装
- Selenium - 第一个测试脚本
- Selenium - 驱动程序会话
- Selenium - 浏览器选项
- Selenium - Chrome 选项
- Selenium - Edge 选项
- Selenium - Firefox 选项
- Selenium - Safari 选项
- Selenium - 双击
- Selenium - 右键点击
- Python 中的 HTML 报告
- 处理编辑框
- Selenium - 单个元素
- Selenium - 多个元素
- Selenium Web 元素
- Selenium - 文件上传
- Selenium - 定位器策略
- Selenium - 相对定位器
- Selenium - 查找器
- Selenium - 查找所有链接
- Selenium - 用户交互
- Selenium - WebElement 命令
- Selenium - 浏览器交互
- Selenium - 浏览器命令
- Selenium - 浏览器导航
- Selenium - 警报和弹出窗口
- Selenium - 处理表单
- Selenium - 窗口和选项卡
- Selenium - 处理链接
- Selenium - 输入框
- Selenium - 单选按钮
- Selenium - 复选框
- Selenium - 下拉框
- Selenium - 处理 iframe
- Selenium - 处理 Cookie
- Selenium - 日期时间选择器
- Selenium - 动态 Web 表格
- Selenium - Actions 类
- Selenium - Action 类
- Selenium - 键盘事件
- Selenium - 键上/下
- Selenium - 复制和粘贴
- Selenium - 处理特殊键
- Selenium - 鼠标事件
- Selenium - 拖放
- Selenium - 笔事件
- Selenium - 滚动操作
- Selenium - 等待策略
- Selenium - 显式/隐式等待
- Selenium - 支持功能
- Selenium - 多选
- Selenium - 等待支持
- Selenium - 选择支持
- Selenium - 颜色支持
- Selenium - ThreadGuard
- Selenium - 错误和日志记录
- Selenium - 异常处理
- Selenium - 杂项
- Selenium - 处理 Ajax 调用
- Selenium - JSON 数据文件
- Selenium - CSV 数据文件
- Selenium - Excel 数据文件
- Selenium - 跨浏览器测试
- Selenium - 多浏览器测试
- Selenium - 多窗口测试
- Selenium - JavaScript 执行器
- Selenium - 无头执行
- Selenium - 捕获屏幕截图
- Selenium - 捕获视频
- Selenium - 页面对象模型
- Selenium - 页面工厂
- Selenium - 记录和回放
- Selenium - 框架
- Selenium - 浏览上下文
- Selenium - DevTools
- Selenium Grid 教程
- Selenium - 概述
- Selenium - 架构
- Selenium - 组件
- Selenium - 配置
- Selenium - 创建测试脚本
- Selenium - 测试执行
- Selenium - 端点
- Selenium - 自定义节点
- Selenium 报告工具
- Selenium - 报告工具
- Selenium - TestNG
- Selenium - JUnit
- Selenium - Allure
- Selenium 和其他技术
- Selenium - Java 教程
- Selenium - Python 教程
- Selenium - C# 教程
- Selenium - Javascript 教程
- Selenium - Kotlin 教程
- Selenium - Ruby 教程
- Selenium - Maven 和 Jenkins
- Selenium - 数据库测试
- Selenium - LogExpert 日志记录
- Selenium - Log4j 日志记录
- Selenium - Robot Framework
- Selenium - AutoIT
- Selenium - Flash 测试
- Selenium - Apache Ant
- Selenium - Github 教程
- Selenium - SoapUI
- Selenium - Cucumber
- Selenium - IntelliJ
- Selenium - XPath
Selenium IDE - 插件
通过整合更多命令和定位器,可以进一步扩展 Selenium IDE 的功能。这有助于改进 Selenium IDE 的功能。Selenium IDE 中提供了无数的插件,下面列出了一些最流行的插件:
- Blazemaster Chrome 扩展程序 - 用于在 Selenium IDE 中执行负载测试。
- 适用于 Selenium IDE 的 Applitools - 用于在 Selenium IDE 中执行视觉测试。
- Chropath - 一个 Chrome 插件,有助于识别 Web 元素的 xpath 和 css 定位器。
- Ranorex Selocity - 用于识别 Web 元素的 xpath 和 css 定位器。
- Katalon Recorder - 用于识别 Web 元素并记录对其执行的操作。
- 页面建模器 - 用于在多种语言上创建自动化测试。
如何在 Selenium IDE 中使用插件?
让我们看看如何将适用于 Selenium IDE 的 Applitools 插件与 Selenium IDE 一起使用。这将有助于我们在 Selenium IDE 中执行视觉测试。视觉测试有助于验证被测应用程序是否具有正确的 GUI 以供最终用户使用。视觉测试最常见的示例是验证徽标、Web 元素的颜色、文本的字体和字体大小、重叠文本等。
Selenium IDE 仅能够进行功能测试,默认情况下无法执行视觉测试。适用于 Selenium IDE 的 Applitools 插件建立在 Selenium IDE 之上,用于对视觉测试和功能测试进行自动化。
在 Selenium IDE 中使用插件的步骤如下:
步骤 1 - 执行链接Selenium IDE 存储变量中描述的步骤 1 到 4。
步骤 2 - 从 Web 商店安装适用于 Selenium IDE 的 Applitools 插件,如下面的图片所示,然后点击“添加到 Chrome”按钮。
步骤 3 - 点击弹出窗口上的“添加扩展程序”按钮。
步骤 4 - 建议在步骤 4 之后重新启动浏览器。然后,适用于 Selenium IDE 的 Applitools 图标将出现在浏览器的右上角。点击它以启动适用于 Selenium IDE 的 Applitools 扩展程序。然后点击“注册免费帐户”链接以获取 API 密钥。
步骤 5 - 在 Applitools 中创建一个帐户,然后点击“登录”。
步骤 6 - 导航到以下链接并使用在步骤 5 中设置的凭据登录:
https://auth.applitools.com/users/login.
步骤 7 - 点击“我的 API 密钥”链接并复制 API 密钥。
步骤 8 - 点击适用于 Selenium IDE 的 Applitools 扩展程序并将步骤 10 中复制的 API 密钥粘贴到其中。然后点击“应用”按钮。
步骤 9 - 应显示消息“请打开 Selenium IDE”。点击 Selenium IDE 扩展程序。
步骤 10 - 点击“创建新项目”链接,然后在“请为您的新项目提供名称”下输入项目名称,例如 Test12。最后,我们将点击“确定”按钮。
步骤 11 - 我们现在将在 Selenium IDE 中准备好工作区。检查适用于 Selenium IDE 的 Applitools 的眼睛命令,以在 Selenium IDE 中进行视觉测试。
步骤 12 - 让我们以以下页面为例,点击“是”标签旁边的单选按钮,然后执行验证整个窗口的视觉检查点的视觉测试。
步骤 13 - 在“命令”字段中输入 open,在“目标”字段中输入Selenium 自动化实践表单,以启动应用程序。
步骤 14 - 在“命令”字段中输入 click,然后在“目标”字段中输入 xpath=/html/body/main/div/div/div[2]/form/div[1]/input。请注意,/html/body/main/div/div/div[2]/form/div[1]/input 是单选按钮的 xpath 定位器值。
步骤 15 - 在“命令”字段中输入 eyes check window,然后在“目标”字段中输入 Window Check。
步骤 16 - 通过点击顶部的“运行所有测试”来运行测试。应显示日志消息“正在为测试运行准备插件”以及用于在 Applitools 中检查视觉测试的 URL。
步骤 17 - 点击日志中显示的链接以查看 Applitools 应用程序中生成的视觉测试结果。
步骤 18 - 点击 Applitools 中捕获的屏幕截图以获取有关测试的更多详细信息,例如执行日期、分辨率、平台、浏览器等。
此测试包括功能和视觉自动化测试步骤,并且可以重新运行多次以验证被测应用程序的功能和 GUI 是否正常工作。
结论
本文总结了我们对 Selenium IDE 插件教程的全面概述。我们从描述 Selenium IDE 中使用的一些插件开始,并提供了一个示例来逐步演示如何将插件与 Selenium IDE 一起使用。这使您深入了解 Selenium IDE 中的插件。建议您持续练习所学内容,并探索其他与 Selenium 相关的插件,以加深理解并拓宽视野。