Ajax浮动框
我们常遇到的某些网站首页输入框,点击后显示的浮动下拉热点,如下图:
实际案例
模拟场景如下:
hao123首页搜索输入框,单击搜索框,点击浮动框中的哪吒票房破30亿,单击后选项的文字内容会显示在搜索框中,并进行搜索
具体代码如下:
import org.openqa.selenium.By; org.openqa.selenium.WebDriver; org.openqa.selenium.WebElement; org.openqa.selenium.chrome.ChromeDriver; org.testng.annotations.BeforeClass; org.testng.annotations.Test; java.util.List; /* * *Ajax浮动框处理案例 */ public class AjaxTest { WebDriver driver; @BeforeClass void beforeClass() { System.setProperty("webdriver.chrome.driver","driver/chromedriver.exe"); driver = new ChromeDriver(); driver.manage().window().maximize(); } @Test 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浮动框处理,仅供参考,如果觉得好,可以关注我哦!