Selenium WebDriver - 处理下拉菜单

在本节中，您将学习如何在 Selenium WebDriver 中处理下拉菜单。

在继续本节之前，让我们先了解一下 Selenium WebDriver 中处理下拉菜单的一些基础知识。

Selenium WebDriver 中的 Select

Selenium WebDriver 中的 'Select' 类用于选择和取消选择下拉菜单中的选项。 Select 类型的对象可以通过将下拉 webElement 作为参数传递给其构造函数来初始化。

如何从下拉菜单中选择一个选项？

WebDriver 提供了三种从下拉菜单中选择选项的方法。

1. selectByIndex - 它用于根据选项的索引选择选项，索引从 0 开始。

2. selectByValue - 它用于根据选项的 'value' 属性选择选项。

3. selectByVisibleText - 它用于根据选项上的文本选择选项。

让我们考虑一个测试案例，我们将自动化以下场景

• 启动 Google Chrome 浏览器
• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 从下拉菜单中选择选项“数据库测试”
• 关闭浏览器

我们将逐步创建我们的测试用例，以便您完全理解如何在 WebDriver 中处理下拉菜单。

步骤 1. 启动 Eclipse IDE 并在本教程前面的会话中创建的现有测试套件“Demo_Test”中打开。

步骤 2。右键单击“src”文件夹，然后从“新建”>“类”创建一个新的类文件。

将您的类名命名为“Dropdwn_Test”，然后单击“完成”按钮。

步骤 3. 让我们进入编码区。

• 要启动 Google Chrome 浏览器，我们需要下载 ChromeDriver.exe 文件，并将系统属性 "在 Chrome 浏览器上运行测试" 设置为您的 ChromeDriver.exe 文件的路径。我们已经在本教程的早期课程中讨论过这一点。您还可以参考“在 Chrome 浏览器上运行测试”来了解如何下载并为 Chrome 驱动程序设置系统属性。

以下是设置 Chrome 驱动程序的系统属性的示例代码

• 之后，我们必须使用 ChromeDriver 类初始化 Chrome 驱动程序。

以下是使用 ChromeDriver 类初始化 Chrome 驱动程序的示例代码。

结合以上两个代码块，我们将获得启动 Google Chrome 浏览器的代码片段。

• 之后，我们需要编写代码来自动执行我们的第二个测试场景（导航到所需的 URL）。

以下是导航到所需 URL 的示例代码

到目前为止的完整代码将如下所示

步骤 4。现在我们将尝试通过检查其 HTML 代码来定位下拉菜单。

请按照以下步骤在示例网页上找到下拉菜单。

• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 右键单击示例网页上的下拉菜单，然后选择“检查元素”

• 它将启动一个窗口，其中包含开发下拉菜单所涉及的所有特定代码。

• 记下它的 id 属性。

步骤 5。为了自动化我们的第三个测试场景，我们需要编写代码，从下拉菜单中选择选项“数据库测试”。

这是示例代码

以下屏幕截图显示了我们的测试脚本的 Eclipse 窗口。

第 6 步。右键点击 Eclipse 代码并选择 Run As > Java Application。

执行后，上述测试脚本将启动 Chrome 浏览器并自动化所有测试场景。