Ajax浮動框

我們常遇到的某些網站首頁輸入框，點選後顯示的浮動下拉熱點，如下圖：

實際案例

模擬場景如下：

hao123首頁搜尋輸入框,單擊搜尋框,點選浮動框中的哪吒票房破30億，單擊後選項的文字內容會顯示在搜尋框中，並進行搜尋

具體程式碼如下：

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

import java.util.List;


/*
*
*Ajax浮動框處理案例
*/
public class AjaxTest {
    WebDriver driver;

    @BeforeClass
    public void beforeClass() {
        System.setProperty("webdriver.chrome.driver", "driver/chromedriver.exe");
        driver = new ChromeDriver();
        driver.manage().window().maximize();
    }
    

    @Test
    public void teatAjaxDivOption() throws Exception {
        driver.get("https://www.hao123.com/");
        //hao123首頁搜尋輸入框
        WebElement searchInput = driver.findElement(By.name("word"));
        //單擊搜尋框
        searchInput.click();
        Thread.sleep(3000);
        //將浮動框中的所有元素放到list集合中
        List<WebElement> options = driver.findElements(By.cssSelector("[data-query]"));
        /*
         * 使用for迴圈遍歷所有選項，判斷如果選項包含某些關鍵字
         * 則點選這個選項，單擊後選項的文字內容會顯示在搜尋框中，並進行搜尋
         */
        for(WebElement element: options){
            if(element.getText().contains("烈火英雄票房破10億")){
                System.out.println(element.getText());
                Thread.sleep(3);
                element.click();
                Thread.sleep(3);
                break;
            }
        }
    }
}

執行效果

 以上就是關於 Ajax浮動框處理，僅供參考，如果覺得好，可以關注我