章节十四、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”问我，群里都是软件行业的小伙伴相互一起学习。