Java+Selenium3方法篇35-如何点击菜单下子菜单

      这篇介绍如何操作菜单下有一个option的菜单，这个控件在前端是这样的，点击一个倒三角，下面有好几个选项。文字描述不够清晰，我们直接看图。

我们看到速度选择菜单下有5个菜单，我们用数组遍历的方式来点击Fast这个菜单。

package lessons;

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

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class ElementOpration {
	public static void main(String[] args) throws Exception {  
        
        System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");  
           
        WebDriver driver = new ChromeDriver();  
     
        driver.manage().window().maximize();  
       
        driver.manage().timeouts().implicitlyWait(8, TimeUnit.SECONDS);
          
        driver.get("http://jqueryui.com/resources/demos/selectmenu/default.html");  
       
        Thread.sleep(2000);
        
        // 点击选中速度这个下拉菜单
        driver.findElement(By.xpath("//*[@id='speed-button']")).click();
        // 一个节点下所有的option选项
        List<WebElement> list = driver.findElements(By.xpath("//*[@id='speed-menu']/li/div"));
        
        for (WebElement ele : list){
      
        	if(ele.getAttribute("innerHTML").equals("Fast")){
        		ele.click();
        		break;
        	}
        }
        
      
      }
}

代码解释：

       通过相同的Xpath表达式可以获取一组元素，然后把这一组元素放到集合类list中，通过遍历，判断一个元素的文字部分是不是包含一个我们要操作的字符串，如果是就点击该元素，并退出当前循环,ele.getAttribute("inerHTML")就是获取当前元素上面的文字，相当于ele.getText().

       当然你也可以模仿手工方法去实现，第一步，点击倒三角按钮，第二部，点击Fast这个菜单，这个地方就比上面多了一个元素定位，两种方法都可以，你看看适合哪种。第一种有点炫酷，用到了java的list方法，第二种就是老老实实一步一步模仿手动操作。