Selenium WebDriver处理下拉菜单
在本节中，您将学习如何在Selenium WebDriver中处理下拉列表。
在继续此操作之前部分，让我们首先了解Selenium WebDriver中处理下拉菜单的一些基础知识。
在Selenium WebDriver中进行选择
Selenium WebDriver中的"选择"类用于在下拉菜单中选择和取消选择选项。通过将下拉式webElement作为参数传递给其构造函数，可以初始化Select类型的对象。
WebElement testDropDown = driver.findElement(By.id("testingDropdown"));
Select dropdown = new Select(testDropDown);
如何从下拉菜单中选择选项？
WebDriver提供了三种从下拉菜单中选择选项的方法。
1、selectByIndex -用于根据索引从0开始选择一个选项。
dropdown.selectByIndex(5);
2、selectByValue -用于根据其"值"属性选择一个选项。
dropdown.selectByValue("Database");
3、selectByVisibleText -用于根据选项上方的文本选择一个选项。
dropdown.selectByVisibleText("Database Testing");
让我们考虑一个测试案例，在该案例中，我们将自动执行以下方案:
调用Google Chrome浏览器
打开URL: https://www.testandquiz.com/selenium/testing.html
从下拉菜单中选择"数据库测试"选项
关闭浏览器
我们将逐步创建测试用例，以使您全面了解如何在WebDriver中处理下拉菜单。
Step1、启动Eclipse IDE，并打开我们在本教程前面的课程中创建的现有测试套件" Demo_Test"。
Step2、右键单击" src"文件夹，然后从"新建">"类"中创建一个新的类文件。
将您的类名称命名为" Dropdwn_Test"，然后单击"完成"按钮。
Step3、让我们进入编码基础。
要调用Google Chrome浏览器，我们需要下载ChromeDriver.exe文件并设置系统属性"正在运行在Chrome浏览器上进行测试" 到您的ChromeDriver.exe文件的路径。我们已经在本教程的早期课程中对此进行了讨论。您还可以参考"在Chrome浏览器上运行测试"以了解如何下载和设置Chrome驱动程序的系统属性。
以下是为Chrome驱动程序设置系统属性的示例代码:
// System Property for Chrome Driver
System.setProperty("webdriver.chrome.driver","D:\\ChromeDriver\\chromedriver.exe");
之后，我们必须使用ChromeDriver类初始化Chrome驱动程序。
以下是使用ChromeDriver类初始化Chrome驱动程序的示例代码。
// Instantiate a ChromeDriver class.
WebDriver driver=new ChromeDriver();
结合以上两个代码块，我们将获得代码段以启动Google Chrome浏览器。
// System Property for Chrome Driver
System.setProperty("webdriver.chrome.driver","D:\\ChromeDriver\\chromedriver.exe");
// Instantiate a ChromeDriver class.
WebDriver driver=new ChromeDriver();
之后，我们需要编写代码以使第二个测试场景自动化(导航到所需的URL)。
以下是示例代码，可导航到所需的URL:
// Launch Website
driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");
到目前为止，完整的代码如下所示:
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
public class Partial_Link {
public static void main(String[] args) {
// System Property for Chrome Driver
System.setProperty("webdriver.chrome.driver","D:\\ChromeDriver\\chromedriver.exe");
// Instantiate a ChromeDriver class.
WebDriver driver=new ChromeDriver();
// Launch Website
driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");
}
}
Step4、现在，我们将尝试通过检查其HTML代码来查找下拉菜单。
请按照以下步骤在菜单上找到下拉菜单示例网页。
打开URL: https://www.testandquiz.com/selenium/testing.html
右键单击示例网页上的下拉菜单，然后选择"检查元素"
它将启动一个窗口，其中包含开发下拉菜单所涉及的所有特定代码。
记下其id属性。
步骤5、为了使我们的第三个测试场景自动化，我们需要编写代码，该代码将从下拉菜单中选择"数据库测试"选项。
以下是示例代码:
//Using Select class for selecting value from dropdown
Select dropdown = new Select(driver.findElement(By.id("testingDropdown")));
dropdown.selectByVisibleText("Database Testing");
Thus, our final test script will look something like this:
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
public class Dropdwn_Test {
public static void main(String[] args) {
// System Property for Chrome Driver
System.setProperty("webdriver.chrome.driver","D:\\ChromeDriver\\chromedriver.exe");
// Instantiate a ChromeDriver class.
WebDriver driver=new ChromeDriver();
// Launch Website
driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");
//Using Select class for selecting value from dropdown
Select dropdown = new Select(driver.findElement(By.id("testingDropdown")));
dropdown.selectByVisibleText("Database Testing");
// Close the Browser
driver.close();
}
}
下面的屏幕快照显示了我们测试脚本的Eclipse窗口。
Step6、右键单击Eclipse代码，然后选择 Run As> Java Application、
执行后，上述测试脚本将启动Chrome浏览器并自动执行所有测试方案。
