Selenium 简明教程

Selenium IDE - Browser Execution & Command-line Runner

在 Selenium IDE 中开发的测试用例也应该能够在多个浏览器中运行,例如 Chrome、Firefox、Safari、Edge 等,同时对测试用例进行一些小小的修改。这有助于检查正在测试的应用程序是否符合所有浏览器中的要求。

Why is Cross Browser Execution Beneficial?

通常在处理任何应用程序(例如电子商务或旅行预订等)的过程中,我们会注意到在付款或向购物车中添加产品时,应用程序在特定浏览器中花费太多时间加载页面。

作为用户,我们可以立即推断出该应用程序可能存在错误或正在出现问题,然后我们转向具有类似产品和功能的其他公司网站。

Prerequisites for Selenium IDE cross browser execution

  1. 在 Chrome 或 Firefox 中的本地系统中安装 Selenium IDE。要获取有关其安装的更多信息,请参阅链接 Selenium IDE Installation

  2. 使用链接 https://nodejs.org/en/download/ 安装 Node.js(版本高于 10)。

  3. 通过在终端中运行命令 node -v 来检查是否已成功安装 Node.js。应返回所安装的 Node.js 版本。除了 Node.js 安装之外,还应该安装 npm。通过在终端中运行命令 npm -v 来检查是否已安装 npm。应返回所安装的 npm 版本。

  4. 通过在终端中运行命令 npm install -g selenium-side-runner 来安装 Selenium side runner。

How to run Selenium IDE tests in multiple browsers?

Step 1 − 单击浏览器上在安装后显示的 Selenium IDE 扩展。

Step 2 − Selenium IDE 应该与它一起启动,应该显示一个显示该工具版本的欢迎消息。在下图中,安装的版本为 3.17.2。

除此之外,它还为我们提供了选择我们想使用该工具做什么的选项,例如在新项目中记录新测试、打开现有项目、创建新项目和关闭 Selenium IDE。

此外,还提供了带有文本 - the Selenium IDE project page 的链接,单击该链接将使我们进入 Selenium 集成开发环境文档页面。

selenium browser execution 1

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

Step 4 − 我们现在在 Selenium IDE 中准备好了工作区。

selenium browser execution 2

Step 5 − 在命令字段中输入 open,在目标字段中输入 [role="bare" [role="bare"]https://www.tutorialspoint.com/selenium/ ] 来启动应用程序。

Step 6 − 在命令字段中输入 type,在目标字段中输入 id=name,在值字段中输入 Selenium。请注意,id=name 是输入框的定位器值,Selenium 是要输入的值。

Step 7 − 在命令字段中输入关闭,以关闭浏览器窗口。

selenium browser execution 3

Step 8 − 单击左侧窗格中显示的三个圆点,然后选择重命名选项。

Step 9 − 在重命名测试用例字段下输入一个名称,例如 Test7,然后单击重命名。输入的名称将出现在 Selenium IDE 的左侧。

selenium browser execution 4

Step 10 - 从顶部单击“全部运行测试”,然后等待测试执行完成。在我们的示例中,我们会看到运行:1,失败:0 以及指示测试在未出现任何失败的情况下成功运行的绿色条形图。另外,日志下还会显示消息 Test7 已成功完成。

selenium browser execution 5

在上面的示例中,我们使用日志下出现的 id 定位符在输入框中输入文本 Selenium 。此外,我们还可以在顶部的测试用例名称 - Test7 旁获得一个绿色对勾,表示测试已通过。所有这些都使用 open、type 和 close 等操作命令成功执行。

除此之外,所有测试步骤以及测试用例名称全部变为绿色,这表示所有步骤都已通过。日志选项卡下显示的所有步骤都会出现绿色的 OK

Step 11 - 单击“保存项目”,该项目将使用 Test7.side 文件保存。

selenium browser execution 6

Step 12 - 要在 Chrome 浏览器中运行此测试,我们需要运行如下命令:npm install -g chromedriver。类似地,要在 Firefox 中运行测试,我们需要运行如下命令:npm install -g geckodriver。要在 Edge 中运行测试,我们需要运行如下命令:npm install -g edgedriver。要在 Internet Explorer 中运行测试,我们需要运行如下命令:npm install -g iedriver。

Step 13 - 要启动 Selenium Side Runner 并运行我们在步骤 11 中刚刚保存的测试,我们需要运行如下命令:selenium-side-runner /path/to/<project name>.side。

Browser Capabilities for Different Browser Execution

要添加 Chrome 浏览器的功能,用于本地执行,命令如下:

selenium-side-runner -c "browserName=chrome".

要添加 Safari 浏览器的功能,用于本地执行,命令如下:

selenium-side-runner -c "browserName=safari".

要添加 Edge 浏览器的功能,用于本地执行,命令如下:

selenium-side-runner -c "browserName=edge".

要添加 Internet Explorer 浏览器的功能,用于本地执行,命令如下:

selenium-side-runner -c "browserName=internet explorer".

要添加 Internet Firefox 浏览器的功能,用于本地执行,命令如下:

selenium-side-runner -c "browserName=firefox".

Conclusion

至此,我们关于 Selenium IDE 浏览器执行和命令行执行器的教程全面总结完毕。我们首先说明了浏览器执行的含义、为何跨执行有益、在跨浏览器中运行 Selenium IDE 测试的先决条件、如何在不同浏览器中运行测试以及如何在不同浏览器中执行时添加浏览器功能。这让你对 Selenium IDE 中的浏览器执行和命令行执行器有了深入了解。明智的做法是继续实践你所学到的知识,探索其他与 Selenium 相关的内容,加深理解,拓宽视野。