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 源码：

登录

代码例子：

  WebElement element = driver.findElement(By. id("lb")); 

注意：ID查找是最有效，也是最快的元素定位方式，如果一个元素有ID属性，那么定位这个元素最先考虑的就是通过属性ID来定位，而且通常ID在一个HTML中是唯一的值。

---

By.name("属性name值")：

HTML 源码：

注册

代码例子：

WebElement  element = driver.findElement(By. name("tj_reg")); 

---

By.className("属性class值")：

HTML 源码：

注册

代码例子：

WebElement  element = driver.findElement(By.className( "reg")); 

---

By. linkText ("Link文本")：

HTML 源码：

搜索设置

代码例子：

WebElement  element =  driver.findElement(By.linkText( "搜索设置" ));

---

By. partialLinkText("Link文本")：

HTML 源码：

搜索设置

代码例子：

WebElement  element =  driver.findElement(By. partialLinkText( "搜索" ));

---

By. tagName("dom节点名")：

HTML 源码：

搜索设置

代码例子：

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 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 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 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();
    }

}

---