Selenium 简明教程

在 Selenium IDE 中创建测试脚本的步骤如下：

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

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

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

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

https://www.selenium.dev/selenium-ide/

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

Step 4 - 在 Selenium IDE 中开始创建测试之前，我们需要指定应用程序的 Base URL，我们将在该 URL 上录制并创建测试。在下面的图片中，我们输入了 Base URL： https://www.tutorialspoint.com/selenium/ 。最后，需要单击 Start Recording 。

Step 5 - 在步骤 4 中提供了 Base URL 的相应应用程序应使用 Selenium IDE 徽标和红色的 Selenium IDE 录制消息打开。此外，在 Selenium IDE 顶部应该会出现一个红色图标（如下面的图片中突出显示），表示正在应用程序中进行录制。

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

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

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

下图中高亮显示的部分描绘了 Selenium IDE 中的文本脚本编辑器面板。它包含了以测试步骤形式记录的用户交互，这些步骤是在启用录制时记录的。文本脚本编辑器面板也有三列 - 命令、目标和值。

命令列包括 Selenium 命令，目标列包含定位器值、URL 等。最后，值列可用于传递要输入的值。

如果选择特定步骤（就像下图中的步骤 3），则会启用 Enable/Disable command 选项。在选择它后，该特定步骤命令将禁用，并在左侧显示 // 符号。

一旦测试触发，将执行所有步骤，但排除禁用的命令。我们可以再次单击 Enable/Disable command 按钮来启用相同的步骤，并且 // 符号也将消失。所以 Enable/Disable command 是文本脚本编辑器的另一重要组成部分。

在某些情况下，我们观察到单击网页上的链接/按钮时，会出现一个新窗口，可以使用下图中高亮的 Add new window configuration 按钮来处理此类情况。

单击它后，会出现一个带有消息 New Window Configuration 的弹出窗口。我们需要勾选 New Window Configuration Enabled 复选框，输入 WINDOW NAME ，然后单击 Confirm 。

为了让 Selenium IDE 自动定位元素，我们可以使用 Select target in page 按钮。

一旦单击，它将为用户提供 Select an element 选项，基于此，Selenium IDE 将自动生成其定位器值。

相应的定位器值将在目标中生成。而且，之后，如果 Find target in page 被选中，将高亮显示其定位器值被生成的元素。

请注意，按钮 Find target in page, Select target in page, Add new window configuration 和 Enable/Disable command 仅在我们有命令字段内容时启用，否则它们会保持禁用，如下面的图片中突出所示。

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

在 Text Script Editor Panel 内，我们可以通过选择一个步骤来编辑命令、目标和值。

Step 10 − 如果我们在目标字段中单击下拉菜单，我们会注意到 Selenium IDE 在录制时成功捕获了该元素的所有其他定位器值。在下例中，我们点击了第四步，其中 Command, Target 和 Value 字段的值分别为 type, id=name 和 Selenium 。在此步骤中，该元素的 name、css 等其他定位器值在目标下拉菜单中可见。

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

Step 12 − 我们可以右键单击任何步骤，并获得手动插入新命令（用于添加新步骤）、剪切、复制、清除、切换断点（用于调试）以及在步骤上进行其他操作的选项。

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

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

如果有断点添加到步骤，我们需要点击 Step over current command 按钮，如下图所示，步骤 2 和 4 有断点。

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

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

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

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

Step 16 − 我们使用 Run current test 按钮运行测试 - TestCase1。

Run current test − 执行完成后，我们会收到结果信息。如果测试通过，我们在 Selenium IDE 底部的“日志”选项卡中会收到信息 - <测试名称> 执行成功。这里，我们的测试名称是 TestCase1，因此收到信息 - TestCase1 completed successfully 。

除此之外，所有的测试步骤（包括测试用例名称）都变为绿色，表示所有步骤均 PASS。所有在日志选项卡下显示的步骤均显示绿色 OK。

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

因此，在本教程中，我们讨论了使用 Selenium IDE 创建脚本。