【原创】零基础学习Selenium自动化测试（八）--Selenium WebDriver对两种形式的下拉选择框的处理-Testfan软件测试社区

【原创】零基础学习Selenium自动化测试（八）--Selenium WebDriver对两种形式的下拉选择框的处理

本文介绍2种形式的下拉选择框用Selenium 2如何处理

本文介绍2种形式的下拉选择框用Selenium 2如何处理。

首先大家要通过浏览器的F12去识别区分下拉框的类型，接下来分别介绍不同类型的下拉框如何操作。

第一种形式下拉框是基于 Select Option 形式的

<selectclass="u17" id="areaID">
	  <optionvalue="">&nbsp;</option>
	  <optionvalue="beijing">北京市</option>
	  <optionvalue="tianjin">天津市</option>
	  <optionvalue="shanxi">陕西省</option>
</select>

处理代码如下：

//找到下拉选择框的元素
Select select = new Select(driver.findElement(By.id("areaID")));
//选择对应的选择项
select.selectByVisibleText("北京市"); //通过可见文本去选择
select.selectByValue("tianjin"); //通过html中的value值去选择
select.selectByIndex(2); //通过index索引从0开始选择

第二种形式下拉框是Div模拟的类似 div ul li形式的

<divid="divselect">
      <cite>请选择特效分类</cite>
      <ul>
         <li><ahref="javascript:;"selectid="1">导航菜单</a></li>
         <li><ahref="javascript:;"selectid="2">下拉select效果</a></li>
         <li><ahref="javascript:;"selectid="3">select模拟</a></li>
         <li><ahref="javascript:;"selectid="4">DIVCSS5特效</a></li>
         <li><ahref="javascript:;"selectid="5">jquery 下拉特效</a></li>
      </ul>
</div>

处理代码如下

package cn.testfan.test_selenium;

import java.util.concurrent.TimeUnit;

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

public classTestDivSelect{

	publicstaticvoidmain(String[] args)throws InterruptedException {

		WebDriver driver = new ChromeDriver();
		driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);

		driver.get("http://www.divcss5.com/yanshi/201308/2013080203/");

		driver.findElement(By.id("divselect")).click(); //点击下拉框使得选项显示出来
		Thread.sleep(1000);//此处有停顿让下拉选项能显示出来
		
		driver.findElement(By.linkText("下拉select效果")).click();//选择下拉选项
		//driver.findElement(By.cssSelector("#divselect li:nth-of-type(2)")).click();//css操作形式
		Thread.sleep(2000);
		driver.quit();
		
	}

}