7 查找（定位）页面元素
不管做那种类型的UI自动化，其本质都是准确的操作测试对象（元素）。 那想要达到这个目的，我们就需要做两件事：
image.png
2个查找（定位）元素方法：
findElement()
返回一个WebElement元素
findElements()
返回一个List，多个WebElement元素
八种方式定位元素：
By.id(id)：通过元素ID 属性查找
By.name(name)：通过元素name属性查找
By.className(className) ：通过元素classname属性查找
By.linkText(链接文本)：通过链接文本
By.partialLinkText(部分链接文本)：通过部分链接文本
By.cssSelector(Css路径)：通过元素CSS路径
By.tagName(name)：通过元素tagname查找
By.xpath(XPath路径)：通过元素XPath查找
By.id("属性id值")：
HTML 源码：
<a onclick="return false;" id="lb" name="tj_login" href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
代码例子：
WebElement element = driver.findElement(By. id("lb"));
注意：ID查找是最有效，也是最快的元素定位方式，如果一个元素有ID属性，那么定位这个元素最先考虑的就是通过属性ID来定位，而且通常ID在一个HTML中是唯一的值。
By.name("属性name值")：
HTML 源码：
<a class="reg" name="tj_reg" target="_blank" href="https://passport.baidu.com/v2/?reg®Type=1&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">注册</a>
代码例子：
WebElement element = driver.findElement(By. name("tj_reg"));
By.className("属性class值")：
HTML 源码：
<a class="reg" name="tj_reg" target="_blank" href="https://passport.baidu.com/v2/?reg®Type=1&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">注册</a>
代码例子：
WebElement element = driver.findElement(By.className( "reg"));
By. linkText ("Link文本")：
HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
代码例子：
WebElement element = driver.findElement(By.linkText( "搜索设置" ));
By. partialLinkText("Link文本")：
HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
代码例子：
WebElement element = driver.findElement(By. partialLinkText( "搜索" ));
By. tagName("dom节点名")：
HTML 源码：
<a name="tj_setting" href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>
代码例子：
WebElement element= driver.findElement(By. tagName( “a" ));
By. xpath("xpath路径")：
通过firepath 获取到页面元素的xpath路径：
image.png
代码例子：
WebElement element= driver.findElement(By. xpath( “.//*[@id='kw']" ));
By. cssSelector("Css路径")：
跟xpath类似，通过firepath 获取到页面元素的css路径：
image.png
代码例子：
WebElement element= driver.findElement(By. cssSelector(“#kw”));
注意：
1. 通过findElement()方法，不管使用哪种方式去查找（定位）元素，都需要注意，你通过这种方式查找出来的元素必须唯一，如果不唯一则可能报错也可能会默认找第一个元素。
2. findElements()同样支持这八种定位方式，只是获取的是多个元素，返回List
List<WebElement> elements = driver.findElements(By.name("test"));
3. 元素定位一定要定位到最终你要操作的元素上
Demo：
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeMethod;
import org.testng.annotations.Test;
import java.util.List;
/**
* Created by 米阳 on 2017/3/25.
*/
public class FindElementsTest {
WebDriver driver;
@BeforeMethod
public void openChrome() {
System.setProperty("webdriver.chrome.driver", "F:\\IdeaProjects\\SeleniumDemo1701\\drivers\\chromedriver.exe");
driver = new ChromeDriver();
}
/**
* 打开百度页面
* 通过ID定位搜索文本框
*/
@Test
public void byIDTest() {
driver.get("http://www.baidu.com");
WebElement keyField = driver.findElement(By.id("kw"));
}
/**
* 打开百度页面
* 通过name定位搜索文本框
*/
@Test
public void byNameTest() {
driver.get("http://www.baidu.com");
WebElement keyField = driver.findElement(By.name("wd"));
}
/**
* 打开百度页面
* 通过class属性定位搜索文本框
*/
@Test
public void byClassTest() {
driver.get("http://www.baidu.com");
WebElement keyField = driver.findElement(By.className("quickdelete"));
}
/**
* 打开百度页面
* 通过linkText定位搜索文本框
*/
@Test
public void byLinkTextTest() {
driver.get("http://www.baidu.com");
WebElement keyField = driver.findElement(By.linkText("糯米"));
}
/**
* 打开百度页面
* 通过partialLinkText定位搜索文本框
*/
@Test
public void bypartialLinkTextTest() {
driver.get("http://www.baidu.com");
WebElement keyField = driver.findElement(By.partialLinkText("糯"));
}
/**
* 打开百度页面
* 通过tagname定位搜索文本框
*/
@Test
public void byTagName() {
driver.get("http://www.baidu.com");
List<WebElement> list = driver.findElements(By.tagName("input"));
System.out.println(list.size());
}
/**
* 打开百度页面
* 通过xpathe 百度一下按钮
*/
@Test
public void byXpath() {
driver.get("http://www.baidu.com");
WebElement e1 = driver.findElement(By.xpath(".//*[@id='u1']/a[4]"));
System.out.println(e1.getText());
}
/**
* 打开百度页面
* 通过xpath 百度一下按钮
*/
@Test
public void byXpath02() {
driver.get("http://www.baidu.com");
List<WebElement> list = driver.findElements(By.xpath(".//*[@id='u1']/a"));
for (int i = 0; i < list.size(); i++) {
String text = list.get(i).getText();
System.out.println(text);
}
}
/**
* 打开百度页面
* 通过cssSelector 百度图片
*/
@Test
public void byCSS() {
driver.get("http://www.baidu.com");
WebElement e1 = driver.findElement(By.cssSelector("#lg>img"));
}
@AfterMethod
public void colsedBrowser() {
driver.quit();
}
}
如果文章对您有帮助，请赞赏支持！
欢迎关注个人公众号：
个人公众号
