• Selenium Video Tutorials

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”按钮。

Selenium IDE Plugins 2

步骤 3 - 点击弹出窗口上的“添加扩展程序”按钮。

Selenium IDE Plugins 3

步骤 4 - 建议在步骤 4 之后重新启动浏览器。然后,适用于 Selenium IDE 的 Applitools 图标将出现在浏览器的右上角。点击它以启动适用于 Selenium IDE 的 Applitools 扩展程序。然后点击“注册免费帐户”链接以获取 API 密钥。

Selenium IDE Plugins 4

步骤 5 - 在 Applitools 中创建一个帐户,然后点击“登录”。

Selenium IDE Plugins 5

步骤 6 - 导航到以下链接并使用在步骤 5 中设置的凭据登录:

https://auth.applitools.com/users/login.

步骤 7 - 点击“我的 API 密钥”链接并复制 API 密钥。

Selenium IDE Plugins 6

步骤 8 - 点击适用于 Selenium IDE 的 Applitools 扩展程序并将步骤 10 中复制的 API 密钥粘贴到其中。然后点击“应用”按钮。

Selenium IDE Plugins 7

步骤 9 - 应显示消息“请打开 Selenium IDE”。点击 Selenium IDE 扩展程序。

Selenium IDE Plugins 8

步骤 10 - 点击“创建新项目”链接,然后在“请为您的新项目提供名称”下输入项目名称,例如 Test12。最后,我们将点击“确定”按钮。

步骤 11 - 我们现在将在 Selenium IDE 中准备好工作区。检查适用于 Selenium IDE 的 Applitools 的眼睛命令,以在 Selenium IDE 中进行视觉测试。

Selenium IDE Plugins 9

步骤 12 - 让我们以以下页面为例,点击“是”标签旁边的单选按钮,然后执行验证整个窗口的视觉检查点的视觉测试。

Selenium IDE Plugins 10

步骤 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。

Selenium IDE Plugins 11

步骤 16 - 通过点击顶部的“运行所有测试”来运行测试。应显示日志消息“正在为测试运行准备插件”以及用于在 Applitools 中检查视觉测试的 URL。

Selenium IDE Plugins 12

步骤 17 - 点击日志中显示的链接以查看 Applitools 应用程序中生成的视觉测试结果。

Selenium IDE Plugins 13

步骤 18 - 点击 Applitools 中捕获的屏幕截图以获取有关测试的更多详细信息,例如执行日期、分辨率、平台、浏览器等。

Selenium IDE Plugins 14

此测试包括功能和视觉自动化测试步骤,并且可以重新运行多次以验证被测应用程序的功能和 GUI 是否正常工作。

结论

本文总结了我们对 Selenium IDE 插件教程的全面概述。我们从描述 Selenium IDE 中使用的一些插件开始,并提供了一个示例来逐步演示如何将插件与 Selenium IDE 一起使用。这使您深入了解 Selenium IDE 中的插件。建议您持续练习所学内容,并探索其他与 Selenium 相关的插件,以加深理解并拓宽视野。

广告