Java + Selenium + WebDriver八大元素定位方式

UI自动化测试的第一步就是进行元素定位，下面给大家介绍一下Selenium + WebDriver的八大元素定位方式。
现在我们就以百度搜索框为例进行元素定位，如下图：

一、By.name()

Java代码可以这样写：

/** * @author 李小卫 E-mail:yyymlxw@163.com @date 创建时间2018年2月2日下午3:15:21 */
public class ElementLocateByname {
       public static void main(String[] ags) {
    	   WebDriver driver = new ChromeDriver();
    	   driver.manage().window().maximize();//浏览器最大化
    	   driver.get("https://www.baidu.com/");//打开百度网址
           driver.findElement(By.name("wd")).sendKeys("12306");//找到百度输入框并且输入"12306"
    	   driver.close();//关闭浏览器
       }
}

二、By.id()

Java代码可以这样写：

public class ElementLocateByid {
	public static void main(String[] args) {
		  WebDriver driver = new ChromeDriver();
   	      driver.manage().window().maximize();
   	      driver.get("https://www.baidu.com/");
          driver.findElement(By.id("kw")).sendKeys("12306");
   	      driver.close();
	}
}

三、By.className()

public class ElementLocateByname {
       public static void main(String[] ags) {
    	   WebDriver driver = new ChromeDriver();
    	   driver.manage().window().maximize();
    	   driver.get("https://www.baidu.com/");
           driver.findElement(By.className("s_ipt")).sendKeys("12306");
    	   driver.close();
       }
}

四、By.tagName()

Java代码可以这样写：

public class ElementLocateBytagName {
	public static void main(String[] args){
	   WebDriver driver = new ChromeDriver();
	   driver.manage().window().maximize();
	   driver.get("https://www.baidu.com/");
	   driver.findElements(By.tagName("百度一下"));
	   List<WebElement> buttons = driver.findElements(By.tagName("button"));
	   System.out.print(buttons.size());//打印button的个数
	}
}

五、partialLinkText()

本人使用该定位方式比较少，感兴趣的同学可以自己上网查阅相关资料。

六、linkText()

以百度首页为例，新闻链接的Html代码如下：

<a href="http://news.baidu.com" name="tj_trnews" class="mnav">新闻</a>

Java代码可以这样写：

public class ElementLocateBylinkText {
	public static void main(String[] args) {
		  WebDriver driver = new ChromeDriver();
 	      driver.manage().window().maximize();
 	      driver.get("https://www.baidu.com/");
          driver.findElement(By.linkText("新闻")).click();//点击"新闻"链接
 	      driver.close();
	}
 
}

七、By.xpath()

1. 一般使用Firefox中的Firebug插件定位元素，而Chrome跑脚本，原因自己百度。
2. 一般不推荐使用绝对路径的写法，因为一旦页面结构发生变化，该路径也随之失效，必须重新写。
3. 绝对路径以单/号表示，相对路径则以//表示。

<form id="form" name="f" action="/s" class="fm">
  <input type="hidden" name="ie" value="utf-8">
  <input type="hidden" name="f" value="8">
  <input type="hidden" name="rsv_bp" value="0">
  <input type="hidden" name="rsv_idx" value="1">
  <input type="hidden" name="ch" value="">
  <input type="hidden" name="tn" value="baidu">
  <span class="bg s_ipt_wr quickdelete-wrap"><span class="soutu-btn">
  	</span><input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">
  	<a href="javascript:;" id="quickdelete" title="清空" class="quickdelete" style="top: 0px; right: 0px; display: none;">
  	</a>
  </span>
</form>

Java代码可以这样写：

 public class ElementLocateBycssSelector {
	  public static void main(String[] args){
		    WebDriver driver = new ChromeDriver();
		    driver.manage().window().maximize();
		    driver.get("https://www.baidu.com/");
		    driver.findElement(By.xpath("//span[@class='soutu-btn']/input[@id='kw']")).sendKeys("12306");
	}
 
}

八、By.cssSelector()

cssSelector可以定位复合样式表的元素，现在我们就以百度搜索框为例使用cssSelector来定位该元素。
百度搜索框html代码如下：

<input type="submit" id="su" value="百度一下" class="bg s_btn">　

Java代码可以这样写：

 public class ElementLocateBycssSelector {
	  public static void main(String[] args){
		    WebDriver driver = new ChromeDriver();
		    driver.manage().window().maximize();
		    driver.get("https://www.baidu.com/");
		    driver.findElement(By.cssSelector("bg.s_btn")).sendKeys("12306");//这样就可以顺利引用到复合样式的元素啦。。。
	}
 
}

　

总结：css语法比xpath更加复杂点，但是定位速度更快，语法更加简洁，至于推荐使用什么方法定位元素看具体细节了。