Selenium 简明教程

Selenium Webdriver - Select Support

利用 Select 类，Selenium Webdriver 可用于选择网页下拉框中的选项。网页上的下拉框可以有两种类型 - 单选（允许选择一个选项）和多选（允许选择多个选项）。

下拉框通过被称为选择器的标签名称来识别。此外，它的每个选项都有标签名称，称为选项。而且，多选下拉框包含一个多重属性。

Identification of Dropdown in HTML

在网页上单击鼠标右键，然后在 Chrome 浏览器中单击检查按钮。然后，整个页面的相应 HTML 代码就可见了。为调查网页上的下拉框，我们单击可见 HTML 代码顶部可用的左向上箭头，如下所示。

单击后将箭头指向文本 Select One 旁边的下拉框，其 HTML 代码变得可见，反映选择标签名（用 <> 括起来），以及选项标签名中的选项。

请注意，其中一个选项 Pick one title 有 selected 属性，这意味着即使在选择任何选项之前，该选项也会被默认选择。而且，如果下拉列表包含一个值属性为 disabled，则无法选择该选项。

Basic Select Methods

Selenium webdriver 的 Select 类中提供了多种方法，有助于我们处理多选和单选 dropdowns 。

Example 1 - Single Select Dropdown

让我们以以下页面为例，在其中我们会访问文本 Select One 下面的下拉框，选择值 Others ，并执行上面讨论的方法的一些验证。

Code Implementation

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
import java.util.List;
import java.util.concurrent.TimeUnit;

public class SelectDropdowns {
   public static void main(String[] args) throws InterruptedException {

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 15 secs
      driver.manage().timeouts().implicitlyWait(15, TimeUnit.SECONDS);

      // Opening the webpage where we will get dropdown
      driver.get("https://www.tutorialspoint.com/selenium/practice/select-menu.php");

      // identify dropdown then select its options by index
      WebElement dropdown = driver.findElement
         (By.xpath("//*[@id='inputGroupSelect03']"));
      Select select = new Select(dropdown);

      // get option selected by default
      WebElement o = select.getFirstSelectedOption();
      System.out.println("Option selected by default: " + o.getText());

      // select an option by index
      select.selectByIndex(6);

      // get selected option
      List<WebElement> selectedOptions = select.getAllSelectedOptions();
      for (WebElement opt : selectedOptions){
         System.out.println("Selected Option is: " + opt.getText());
      }

      // get all options of dropdown
      List<WebElement> options =select.getOptions();
      for (WebElement opt : options){
         System.out.println("Options are: " + opt.getText());
      }

      // check if multiselect dropdown
      Boolean b = select.isMultiple();
      System.out.println("Boolean value for checking is: "+ b);

      // quitting browser
      driver.quit();
   }
}

Option selected by default: Pick one title
Selected Option is: Other
Options are: Pick one title
Options are: Dr.
Options are: Mr.
Options are: Mrs.
Options are: Ms.
Options are: Proof.
Options are: Other
Boolean value for checking is: false

Process finished with exit code 0

在以上示例中，我们使用控制台中的消息获取下拉框中的已选项 - Selected Option is: Other 。然后使用控制台中的消息获取下拉框中的所有选项 -* 选项为：选择一个标题，选项为：博士，选项为：非洲，选项为：先生，选项为：夫人，选项为：女士，选项为：证明，* 和 Options are: Other 。

我们还使用控制台中的消息 - Boolean value for checking is: false 验证下拉列表没有多选选项。我们还使用控制台中的消息 - Option selected by default: Pick one title 检索了下拉列表中默认选定的选项。

最后，收到了消息 Process finished with exit code 0 ，表示代码成功执行。

Example 2 - Multi Select Dropdown

让我们以以下页面为例，在其中我们会访问文本多选下拉框旁边的多选下拉框，选择值 Electronics & Computers 和 Sports & Outdoors ，并执行上面讨论的方法的一些验证。

Code Implementation

package org.example;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
import java.util.List;
import java.util.concurrent.TimeUnit;

public class SelectMultipleDropdowns {
   public static void main(String[] args) throws InterruptedException {

      // Initiate the Webdriver
      WebDriver driver = new ChromeDriver();

      // adding implicit wait of 15 secs
      driver.manage().timeouts().implicitlyWait(15, TimeUnit.SECONDS);

      // Opening the webpage where we will get dropdown
      driver.get("https://www.tutorialspoint.com/selenium/practice/select-menu.php");

      // identify multiple dropdown
      WebElement dropdown = driver.findElement
         (By.xpath("//*[@id='demo-multiple-select']"));

      // object of Select class
      Select select = new Select(dropdown);

      // gets options of dropdown in list
      List<WebElement> options = select.getOptions();
      for (WebElement opt : options){
         System.out.println("Options are: " + opt.getText());
      }

      // return true if multi-select dropdown
      Boolean b = select.isMultiple();
      System.out.println("Boolean value for multiple dropdown: "+ b);

      // select item by value
      select.selectByValue("3");

      // select item by index
      select.selectByIndex(7);

      // get all selected options of dropdown in list
      List<WebElement> selectedOptions = select.getAllSelectedOptions();
      for (WebElement opt : selectedOptions){
         System.out.println("Selected Options are: " + opt.getText());
      }

      // get first selected option in dropdown
      WebElement f = select.getFirstSelectedOption();
      System.out.println("First selected option is: "+ f.getText());

      // deselect option by index
      select.deselectByIndex(7);

      // deselect all selected items
      select.deselectAll();

      // get all selected options of dropdown after deselected
      List<WebElement> delectedOptions = select.getAllSelectedOptions();
      System.out.println("No. options selected: " + delectedOptions.size());

      // Closing browser
      driver.quit();
   }
}

Options are: Books
Options are: Movies, Music & Games
Options are: Electronics & Computers
Options are: Home, Garden & Tools
Options are: Health & Beauty
Options are: Toys, Kids & Baby
Options are: Clothing & Jewelry
Options are: Sports & Outdoors
Boolean value for multiple dropdown: true
Selected Options are: Electronics & Computers
Selected Options are: Sports & Outdoors
First selected option is: Electronics & Computers
No. options selected: 0

Process finished with exit code 0

在上面的示例中，我们通过控制台中的消息获得了下拉列表的所有选项 - Options are: Books, Options are: Movies, Music & Games, Options are: Home, Garden & Tools, Options are: Health & Beauty, Options are: Toys, Kids & Baby, Options are: Clothing & Jewelry, Options are: Sports & Outdoors 。

我们还使用控制台中的消息验证了下拉框具有选择多个选项 - Boolean value for checking is: true 。我们使用控制台中的消息检索了下拉框中的已选项 - Selected Options are: Electronics & Computers, Selected Options are: Sports & Outdoors 。

我们也使用控制台中消息检索了第一个已选项 - First selected option is: Electronics & Computers 。最后，我们取消选中下拉框中所有选中的选项，因此获取了控制台中消息 - No. options selected: 0 。

最后，收到了消息 Process finished with exit code 0 ，表示代码成功执行。

本文对 Selenium Webdriver - Select Support 的教程内容进行了全面总结。我们从描述 HTML 中的下拉框识别，基本选择方法，以及说明如何在 Selenium Webdriver 中处理单选和多选下拉框的示例开始。

这能让你深入了解 Selenium Webdriver - 选择支持。明智的方法是不断练习你所学过的内容，探索与 Selenium 相关的另一些知识，以加深你的理解并拓宽你的视野。