Selenium元素定位学习笔记

Selenium元素定位

元素定位方法汇总

使用ID定位

我们以百度网站为例：

我们进行百度一下搜索测试。

    @Test
    public void idTest() {
        //使用ID定位，定位输入框，并输入百度一下。
        driver.findElement(By.id("kw")).sendKeys("百度一下");
        //使用ID定位，并点击
        driver.findElement(By.id("su")).click();
    }

代码中，driver.findElement(By.id(“kw”)) 使用的是ID定位，“kw”是ID。sendKeys("…")是输入方法，可以向输入框里面进行输入信息。

click()方法，模拟用户点击。

使用name定位

@Test
public void nameTest() {
    //使用name定位，定位输入框，并输入百度一下。
    driver.findElement(By.name("wd")).sendKeys("百度一下");
    
    //使用id定位，并点击
    driver.findElement(By.id("su")).click();
}

使用链接的全部文字定位

我们使用百度首页找那个高考真题来来进行测试，实现定位并点击。

@Test
public void linkTextTest() {
    //使用linkText定位,并点击
    driver.findElement(By.linkText("高考真题")).click();
}

使用链接的部分文字定位

@Test
public void linkTextTest() {
    //使用linkText定位,并点击
    driver.findElement(By.partialLinkText("真题")).click();
}

使用标签名定位

我们定位div标签输出。

因为存在多个div标签，所以适用list来保存。且注意：findElements 加了一个s，表示定位多个。

使用Class定位

@Test
public void classTest() {
    driver.findElement(By.className("s_ipt")).sendKeys("测试测试");
    //使用id定位，并点击
    driver.findElement(By.id("su")).click();

}

使用Xpath定位

Xpath定位，最常用的定位了，也是功能非常强大的定位。

现在让我来尝试一下他的妙用吧。

使用绝对路径来定位元素

我们继续定位百度的输入框，分析代码，使用绝对定位在浏览器进行测试：

代码实现：

@Test
public void xpathTest01() {
    driver.findElement(By.xpath("/html/body/div/div/div[5]/div/div/form/span/input")).sendKeys("测试测试");
    //使用id定位，并点击
    driver.findElement(By.id("su")).click();

}

可以看见，使用绝对定位比较麻烦，但有时候很有用呢，下面我们使用相对定位来测试。

使用相对路径来实现元素定位

相对路径使用的是 //

可以发现，使用双斜杠我们可以少写很多东西，真的很方便呢。

@Test
public void xpathTest01() {
    driver.findElement(By.xpath("//form/span/input")).sendKeys("测试测试");
    //使用id定位，并点击
    driver.findElement(By.id("su")).click();

}

// 在表达式中其实表示的是在HTML文档的全部层级位置进行查找，所以可以直接定位到form。

我们其实还可以优化：

我们知道我们想要直接定位输入框，我们相对定位到input，我们通过[]进行对其选择，如果写入数字，则是索引的定位方式，使用@符号，我们可以对其属性进行选择，这就是属性定位。比如一个标签中，class属性有很多个，那么使用相对路径就有很大的优势了。

比如我们定位新闻：

是不是定位到了？

当然定位到了，但是你别急，发现右下角有6个，说明定位到了6个一样的元素，我们想要选择第一个新闻怎么办，这使用上面提到的索引定位了。

我们先来看看相对定位的代码：

@Test
public void xpathTest02() {
    driver.findElement(By.xpath("//a[@class='mnav c-font-normal c-color-t']")).sendKeys("测试测试");
    //使用id定位，并点击
    driver.findElement(By.id("su")).click();

}

使用属性定位

driver.findElement(By.xpath("//a[@class=‘mnav c-font-normal c-color-t’]")) 中 @符号就是使用属性进行定位。

从其他地方找了的图，可以理解理解：

使用索引定位

在上面定位新闻中，driver.findElement(By.xpath("//a[@class=‘mnav c-font-normal c-color-t’]"))找到了6个元素，我们可以[]加数字，来实现索引定位：

//a[@class='mnav c-font-normal c-color-t'][1]

需要注意的是，索引不是从0开始的，而是从1开始。

使用模糊的属性来定位元素

模糊属性使用到两个函数：

starts-with()

//img[starts-with(@alt,‘div1’)] 表示查找图片中alt属性开始位置包含div1关键字的元素。

contains()

//img[contains(@alt,‘div1’)]表示查找图片中alt属性包含div1关键字的元素。

@Test
public void xpathTest02() {
    driver.findElement(By.xpath("//img[contains(@alt,'div1')]"));
}

使用Xpath轴（Axis）进行元素定位

使用xpath轴定位是根据文档树中元素得相对位置来进行定位的。

如图。

使用页面元素的文本来定位元素

//a[text()=‘新闻’] 表示查找 新闻 的链接元素。

//a[contains(text(),‘百度’)] 表示查找包含 新闻 的链接元素。

在xpath定位中，各种方式可以组合使用。

使用CSS方式定位

如果你熟练掌握了xpath,这一步发可以跳过。

使用JQuery定位

如果你熟练掌握了xpath,这一步发可以跳过。