章节十四、2-自动完成功能-Autocomplete

一、什么是自动匹配功能？

很多网站都有自动匹配功能，列如你在使用天猫搜索商品时，输入“鞋”，输入框的下面会出现很多与“鞋”有关的选项。

二、以https://www.expedia.com/网站的城市输入框为例进行案例演示：

 package basicweb;

 import java.util.List;
 import java.util.concurrent.TimeUnit;

 import org.junit.jupiter.api.AfterEach;
 import org.junit.jupiter.api.BeforeEach;
 import org.junit.jupiter.api.Test;
 import org.openqa.selenium.By;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.WebElement;
 import org.openqa.selenium.chrome.ChromeDriver;

 class Autocomplete {
     WebDriver driver;
     String url;

     @BeforeEach
     void setUp() throws Exception {
         driver = new ChromeDriver();
         url = "https://www.expedia.com/";
         driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
         driver.manage().window().maximize();
         }

     @Test
     void test() {
         driver.get(url);
 //        我想要输入的值
         String partialText = "He";
 //        我想选择的值
         String searchingText = "rmosillo, Sonora, Mexico";
 //        把文本框定义出来
         WebElement text = driver.findElement(By.xpath("//label/input[@id='package-origin-hp-package']"));
 //        在文本框中输入“我想要输入的值”
         text.sendKeys(partialText);
 //        将匹配到的值都定位出来，放到集合中
         List<WebElement> xzText = driver.findElements(By.xpath("//span[@class='text']"));
 //        通过for循环读取集合中的原始
         for(WebElement xz:xzText) {
 //            判断输入的值是否包含在集合中
             if(xz.getText().contains(searchingText)) {
 //                如果匹配就点击
                 xz.click();
                 break;
             }
         }
     }

     @AfterEach
     void tearDown() throws Exception {
         Thread.sleep(2000);
         driver.quit();
     }
 }

如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴相互一起学习。