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

UI自動化測試的第一步就是進行元素定位，下面給大家介紹一下Selenium + WebDriver的八大元素定位方式。
現在我們就以百度搜索框為例進行元素定位，如下圖：

一、By.name()

Java代碼可以這樣寫：

/** * @author 李小衛 E-mail:[e-mail] @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更加復雜點，但是定位速度更快，語法更加簡潔，至於推薦使用什么方法定位元素看具體細節了。