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 > <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 > <a href="javascript:;" > </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" >
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更加复杂点，但是定位速度更快，语法更加简洁，至于推荐使用什么方法定位元素看具体细节了。