Selenium 简明教程

Selenium IDE - Plugins

Selenium IDE 的功能可以通过合并更多命令和定位器来进一步扩展。这有助于改善 Selenium IDE 的功能。Selenium IDE 中有无数的插件可用,下面列出了一些最流行的插件:

  1. {s16} − 它用于在 Selenium IDE 中执行负载测试。

  2. {s17} − 它用于在 Selenium IDE 中执行可视化测试。

  3. {s18} − 这是一款 Chrome 插件,有助于识别网络元素的 xpath 和 css 定位器。

  4. {s19} − 它用于识别网络元素的 xpath 和 css 定位器。

  5. {s20} − 它用于识别网络元素并记录对它们执行的操作。

  6. {s21} − 它用于用多种语言创建自动化测试。

How to Use Plugins in Selenium IDE?

让我们看看如何将 Applitools for Selenium IDE 插件与 Selenium IDE 一起使用。这将帮助我们在 Selenium IDE 中执行视觉测试。视觉测试有助于验证待测应用程序是否有适合最终用户的正确 GUI。视觉测试最常见的示例是验证徽标、网络元素的颜色、文本的字体和字体大小、重叠文本等。

Selenium IDE 仅能够进行功能测试,并且默认情况下无法执行视觉测试。Selenium IDE 上方的 Applitools for Selenium IDE 插件用于在视觉测试和功能测试上执行自动化。

使用 Selenium IDE 结合插件的步骤如下 −

Step 1 − 根据 Selenium IDE Store Variables 链接中的描述执行步骤 1 到 4

Step 2 − 从网络商店安装 Applitools for Selenium IDE 插件,如下面的图片所示,然后点击添加到 Chrome 的按钮

selenium ide plugins 2

Step 3 − 点击弹出窗口上的添加扩展程序按钮

selenium ide plugins 3

Step 4 − 建议我们在执行步骤 4 之后重新启动浏览器。然后,Applitools for Selenium IDE 图标将出现在浏览器右上角。点击它以启动 Applitools for Selenium IDE 扩展。然后点击免费注册账户链接以获取 API 密钥

selenium ide plugins 4

Step 5 − 在 Applitools 中创建一个帐户,并点击登录

selenium ide plugins 5

Step 6 − 导航到以下链接,并使用在步骤 5 中设置的凭证登录 −

Step 7 − 点击我的 API 密钥链接并复制该 API 密钥

selenium ide plugins 6

Step 8 − 点击 Applitools for Selenium IDE 扩展并粘贴在步骤 10 中复制的 API 密钥。然后点击应用按钮

selenium ide plugins 7

Step 9 − 将出现 - 请打开 Selenium IDE 的消息。点击 Selenium IDE 扩展程序

selenium ide plugins 8

Step 10 − 点击创建一个新项目链接,然后输入一个项目名称,比如 Please provide a name for your new project 下的 Test12。最后,我们点击确定按钮

Step 11 − 我们现在拥有 Selenium IDE 中准备好的工作空间。查看 Applitools for Selenium IDE 的眼睛在 Selenium IDE 中进行视觉测试的命令

selenium ide plugins 9

Step 12 − 让我们以以下页面为例,点击是标签旁边的单选按钮,然后执行验证完整窗口的视觉检查点的视觉测试

selenium ide plugins 10

Step 13 − 在命令字段中输入 open,在目标字段中输入 Selenium Automation Practice Form ,以启动应用程序

Step 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 定位器值

Step 15 − 在命令字段中输入 eyes check window,然后在目标字段中输入窗口检查

selenium ide plugins 11

Step 16 − 通过自顶部点击运行所有测试来运行该测试。应该显示日志消息 - 正在为测试运行准备插件和用于在 Applitools 中检查视觉测试的 url

selenium ide plugins 12

Step 17 − 点击日志中显示的链接以在 Applitools 应用程序中查看视觉测试的结果

selenium ide plugins 13

Step 18 − 单击 Applitools 中捕获的快照以获取更多测试详情,例如执行日期、分辨率、平台、浏览器等。

selenium ide plugins 14

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

Conclusion

至此,我们结束了 Selenium IDE 插件教程的全面介绍。我们首先介绍了在 Selenium IDE 中使用的一些插件,并通过示例说明了如何将这些插件与 Selenium IDE 一起使用。这使你掌握了 Selenium IDE 中插件的深入知识。明智的做法是继续练习你所学的内容,并探索与 Selenium 相关的其他内容,以加深你的理解并拓宽你的视野。