Selenium 简明教程

Selenium IDE - Creating Tests

可以使用 Selenium IDE 创建自动化测试。Selenium IDE 的最新版本可作为 Chrome 和 Firefox 的扩展。要在 Selenium IDE 上创建测试,基本前提是从其各自的网络商店下载 Selenium IDE 的 Chrome 扩展或 Firefox 扩展。

Creating a Test in Selenium IDE

在 Selenium IDE 中创建测试的步骤如下 −

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

selenium ide creating tests 1

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

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

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

selenium ide creating tests 2

Step 3 - 我们将单击选项 Record a new test in a new project 。然后输入 PROJECT NAME ,如 SeleniumIDE1 。最后,单击“确定”。

selenium ide creating tests 3

Step 4 - 在开始使用 Selenium IDE 创建测试之前,我们需要指定应用程序基础 URL,我们将在其中记录和创建测试。在下面的图片中,我们输入了基础 URL: [role="bare" [role="bare"]https://www.tutorialspoint.com/selenium/ ]. 最后,我们需要单击 Start Recording

selenium ide creating tests 4

Step 5 - 在第 4 步中提供基础 URL 的相应应用程序应使用 Selenium IDE 徽标和红色中的 Selenium IDE 记录消息打开。此外,Selenium IDE 的顶部应该可见一个红色图标(在下面的图片中突出显示),表示正在应用程序中进行记录。

selenium ide creating tests 5

Step 6 − 我们将在应用程序上执行一些步骤,相应步骤将以 Selenium IDE 中记录。

selenium ide creating tests 6

Step 7 − 一旦所有测试执行完毕,我们将通过单击上文第 5 步中提到的红色图标停止录制。然后,我们需要为测试输入名称。在下图中,我们在 TEST NAME 里输入了 TestCase1。最后,我们将单击确定。

selenium ide creating tests 7

Step 8 − 我们在应用程序上执行的所有步骤将在 Selenium IDE 中的命令、目标和值字段下记录。此外,测试用例名称 - TestCase1 将在左窗格中显示,右上角会有一个 REC 按钮。

selenium ide creating tests 8

Step 9 − 一旦创建了测试,我们就可以通过单击它来获得该步骤的详细信息。完成后,它将在底部的命令、目标和值字段下显示。在下例中,我们点击了第四步,其中 Command, TargetValue 字段的值分别为 type, id=nameSelenium 。在此步骤中,我们基本在 input 框中输入了文本 Selenium,该 input 框由 id 定位器识别,其值是 name。

selenium ide creating tests 9

Step 10 - 如果我们单击目标字段中的下拉菜单,我们会观察到 Selenium IDE 在记录时成功捕获元素的所有其他定位器值。在下面的示例中,我们单击了第 4 步,其中 values of Command, TargetValue 字段分别是 type, id=nameSelenium 。在此步骤中,该元素的名称、css 等其他定位器值在目标下拉菜单中可见。

selenium ide creating tests 10

Step 11 − 一旦我们点击创建的测试的任何步骤,我们会通过导航到下面的 Reference 标签获得命令和进行操作的详细信息。

selenium ide creating tests 11

Step 12 - 我们可以右键单击任何步骤并获得手动插入新命令(用于新增步骤)、剪切、复制、清除、切换断点(用于调试)某一步等选项。

selenium ide creating tests 12

Step 13 − 要运行创建的测试,我们会点击顶部 Run current test 按钮,如下面的图片所示。

selenium ide creating tests 13

如果有许多测试,我们需要点击 Run all tests 按钮,如下图所示。

selenium ide creating tests 14

如果已向步骤添加断点,我们需要单击如下图所示的 Step over current command 按钮,其中步骤 2 和步骤 4 具有断点。

selenium ide creating tests 15

Step 14 - 我们可以使用 Test execution speed 按钮控制测试执行速度,如下图所示。

selenium ide creating tests 16

在 Selenium IDE 中,速度默认设置为“快速”。

selenium ide creating tests 17

Step 15 − Selenium IDE 提供一个选项来创建、打开和保存项目,方法是使用右上角图标,如下图所示。

selenium ide creating tests 18

我们保存项目并继续。一旦保存,我们需要给项目命名并选择项目保存位置。

selenium ide creating tests 19

Step 16 - 我们将使用 Run current test button 运行测试 - TestCase1。

Step 17 - 执行完成后,我们会收到结果消息。如果测试通过,我们会在 Selenium IDE 底部的日志选项卡下收到一条消息 - <TEST NAME> 已成功完成。此处,我们的测试名称是 TestCase1,因此收到了消息 - TestCase1 completed successfully

除此之外,所有测试步骤(连同测试用例名称)都变为绿色,表示所有步骤都已通过。在日志选项卡下反映的所有步骤都在绿色中显示了一个 OK。

因此,在 Selenium IDE 中,我们将在测试步骤级别获取有关测试结果的信息,并且仅当所有步骤都成功执行时,我们才将在测试用例级别获得 PASS。

selenium ide creating tests 20

因此,在本教程中,我们讨论了如何使用 Selenium IDE 创建测试。