• Selenium Video Tutorials

Selenium IDE - 创建测试



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

在 Selenium IDE 中创建测试

在 Selenium IDE 中创建测试的步骤如下所示:

步骤 1 - 单击安装后浏览器上可见的 Selenium IDE 扩展程序。

Selenium IDE Creating Tests 1

步骤 2 - Selenium IDE 应该会随之启动,并显示一条包含工具版本的欢迎消息。在下图中,安装的版本为 3.17.2。

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

此外,还提供了一个带有文本“Selenium IDE 项目页面”的链接,单击该链接将转到 Selenium 集成开发环境文档页面。

https://www.seleniumcn.cn/selenium-ide/

Selenium IDE Creating Tests 2

步骤 3 - 我们将单击“在新的项目中录制新的测试”选项。之后,我们需要输入项目名称,例如SeleniumIDE1。最后,我们将单击“确定”。

Selenium IDE Creating Tests 3

步骤 4 - 在开始在 Selenium IDE 中创建测试之前,我们需要指定应用程序的基本 URL,我们将在其中录制和创建测试。在下图中,我们输入了基本 URL:https://tutorialspoint.com/selenium/。最后,我们需要单击“开始录制”。

Selenium IDE Creating Tests 4

步骤 5 - 应该会打开在步骤 4 中提供的基本 URL 对应的应用程序,并显示 Selenium IDE 徽标和红色的 Selenium IDE 录制消息。此外,在 Selenium IDE 的顶部应该可以看到一个红色的图标(在下图中突出显示),表示正在应用程序中进行录制。

Selenium IDE Creating Tests 5

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

Selenium IDE Creating Tests 6

步骤 7 - 一旦所有测试都已执行完毕,我们将通过单击步骤 5 中提到的红色图标停止录制。之后,我们需要为测试输入一个名称。在下图中,我们输入了测试名称为 TestCase1。最后,我们将单击“确定”。

Selenium IDE Creating Tests 7

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

Selenium IDE Creating Tests 8

步骤 9 - 创建测试后,我们可以通过单击它来获取该步骤的详细信息。完成后,它将显示在底部的“命令”、“目标”和“值”字段下。在下面的示例中,我们单击了第四步,其中命令、目标字段的值分别为type、id=nameSelenium。在此步骤中,我们基本上在输入框中输入了文本 Selenium,该输入框通过具有值为 name 的 id 定位器进行了识别。

Selenium IDE Creating Tests 9

步骤 10 - 如果我们单击“目标”字段中的下拉菜单,我们会发现 Selenium IDE 在录制时成功捕获了元素的所有其他定位器值。在下面的示例中,我们单击了第四步,其中命令、目标字段的值分别为type、id=nameSelenium。在此步骤中,该元素的其他定位器值(如名称、css 等)在“目标”下拉菜单中可见。

Selenium IDE Creating Tests 10

步骤 11 - 一旦我们单击我们创建的测试的任何步骤,我们将通过导航到下面的参考选项卡来获取命令和发生的操作的详细信息。

Selenium IDE Creating Tests 11

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

Selenium IDE Creating Tests 12

步骤 13 - 要运行创建的测试,我们将单击顶部显示的运行当前测试按钮,如下图所示。

Selenium IDE Creating Tests 13

如果有多个测试,我们需要单击如下图所示的运行所有测试按钮。

Selenium IDE Creating Tests 14

如果在步骤中添加了断点,我们需要单击如下图所示的单步执行当前命令按钮,其中步骤 2 和 4 有断点。

Selenium IDE Creating Tests 15

步骤 14 - 我们可以使用如下图所示的测试执行速度按钮控制测试执行的速度。

Selenium IDE Creating Tests 16

默认情况下,Selenium IDE 中的速度设置为“快速”。

Selenium IDE Creating Tests 17

步骤 15 - Selenium IDE 提供了使用右上角突出显示的图标创建、打开和保存项目的选项,如下图所示。

Selenium IDE Creating Tests 18

我们将保存我们的项目并继续。保存后,我们需要提供一个名称和项目保存的位置。

Selenium IDE Creating Tests 19

步骤 16 - 我们将使用运行当前测试按钮运行测试 - TestCase1。

步骤 17 - 一旦执行完成,我们将收到结果消息。如果测试通过,我们将在 Selenium IDE 底部的“日志”选项卡下收到消息 - “<测试名称> 成功完成”。这里,我们的测试名称为 TestCase1,因此收到了消息 - TestCase1 成功完成

除此之外,所有测试步骤以及测试用例名称都变成了绿色,反映了所有步骤都通过。在“日志”选项卡下显示的所有步骤都显示为绿色的“确定”。

因此,在 Selenium IDE 中,我们可以在测试步骤级别获取测试结果信息,并且只有在所有步骤都成功执行的情况下,我们才能在测试用例级别获得 PASS。

Selenium IDE Creating Tests 20

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

广告