Selenium 简明教程
Selenium IDE - Browser Execution & Command-line Runner
在 Selenium IDE 中开发的测试用例也应该能够在多个浏览器中运行,例如 Chrome、Firefox、Safari、Edge 等,同时对测试用例进行一些小小的修改。这有助于检查正在测试的应用程序是否符合所有浏览器中的要求。
Why is Cross Browser Execution Beneficial?
通常在处理任何应用程序(例如电子商务或旅行预订等)的过程中,我们会注意到在付款或向购物车中添加产品时,应用程序在特定浏览器中花费太多时间加载页面。
作为用户,我们可以立即推断出该应用程序可能存在错误或正在出现问题,然后我们转向具有类似产品和功能的其他公司网站。
Read More - Selenium Webdriver Cross Browser Testing
Prerequisites for Selenium IDE cross browser execution
-
在 Chrome 或 Firefox 中的本地系统中安装 Selenium IDE。要获取有关其安装的更多信息,请参阅链接 Selenium IDE Installation 。
-
使用链接 https://nodejs.org/en/download/ 安装 Node.js(版本高于 10)。
-
通过在终端中运行命令 node -v 来检查是否已成功安装 Node.js。应返回所安装的 Node.js 版本。除了 Node.js 安装之外,还应该安装 npm。通过在终端中运行命令 npm -v 来检查是否已安装 npm。应返回所安装的 npm 版本。
-
通过在终端中运行命令 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 集成开发环境文档页面。
Step 3 − 单击新建项目链接,然后输入一个项目名称,比如 Please provide a name for your new project 下的 Test7。最后,我们将单击确定按钮。
Step 4 − 我们现在在 Selenium IDE 中准备好了工作区。
Step 5 − 在命令字段中输入 open,在目标字段中输入 [role="bare" [role="bare"]https://www.tutorialspoint.com/selenium/ ] 来启动应用程序。
Step 6 − 在命令字段中输入 type,在目标字段中输入 id=name,在值字段中输入 Selenium。请注意,id=name 是输入框的定位器值,Selenium 是要输入的值。
Step 7 − 在命令字段中输入关闭,以关闭浏览器窗口。
Step 8 − 单击左侧窗格中显示的三个圆点,然后选择重命名选项。
Step 9 − 在重命名测试用例字段下输入一个名称,例如 Test7,然后单击重命名。输入的名称将出现在 Selenium IDE 的左侧。
Step 10 - 从顶部单击“全部运行测试”,然后等待测试执行完成。在我们的示例中,我们会看到运行:1,失败:0 以及指示测试在未出现任何失败的情况下成功运行的绿色条形图。另外,日志下还会显示消息 Test7 已成功完成。
在上面的示例中,我们使用日志下出现的 id 定位符在输入框中输入文本 Selenium 。此外,我们还可以在顶部的测试用例名称 - Test7 旁获得一个绿色对勾,表示测试已通过。所有这些都使用 open、type 和 close 等操作命令成功执行。
除此之外,所有测试步骤以及测试用例名称全部变为绿色,这表示所有步骤都已通过。日志选项卡下显示的所有步骤都会出现绿色的 OK
Step 11 - 单击“保存项目”,该项目将使用 Test7.side 文件保存。
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".