WebDriver提供了八种元素定位的方式：
- id
- name
- className
- tagName
- linkText
- partialLinkText
- xpath
- cssSelector
为了更好的学子这8种元素定位的方式，下面我将使用注册页面来练习自动化脚本的设计
- 语言使用Java
- 开发工具使用eclipse Mars.2
- selenium使用2.48.0
- 浏览器使用Firefox35.0
定位
id定位就是通过元素的id属性来定位元素。
id定位页面元素方法如下：
driver.findElement(("id的值"));
案例需求：
- 打开注册A.html页面，使用id定位，自动填写账号A、密码A（账号A:admin、密码A:123456）
- 填写完毕后，3秒钟后关闭浏览器窗口
"注册用户A"页面如下图所示，
"账号A"文本框的HTML示例代码如下，它的id为userA
<input id="userA" type="textA" value="" required="" placeholder="账号A" name="userA"/>
"密码A"文本框的HTML示例代码如下，它的id为passwordA
<input id="passwordA" type="password" value="" placeholder="密码A" name="passwordA"/>
通过id定位元素的Java代码如下：
package com.hxs.day01;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
public class FindElementById {
public static void main(String[] args) throws InterruptedException {
// 指定Firefox安装路径
System.setProperty("webdriver.firefox.bin", "F:\\Program Files (x86)\\Mozilla Firefox35\\firefox.exe");
// 实例化火狐浏览器
WebDriver driver = new FirefoxDriver();
// 打开注册A.html
String url = "D:\\develop\\软件测试\\web自动化练习\\day02\\注册A.html";
driver.get(url);
// 找到用户文本框-定位元素
WebElement user = driver.findElement(("userA"));
// 给文本框传值
user.sendKeys("admin");
WebElement pwd = driver.findElement(("passwordA"));
pwd.sendKeys("123456");
// 等待3秒，强制等待
Thread.sleep(3000);
// 关闭浏览器
driver.quit();
}
}
定位
name定位就是根据元素的name属性来定位。
name定位页面元素的方法如下：
driver.findElement(("name的值"));
案例需求：
- 打开注册A.html页面，使用name定位，自动填写账号A、密码A（账号A:admin、密码A:123456）
- 填写完毕后，3秒钟后关闭浏览器窗口
"账号A"文本框的HTML示例代码如下，它的name为userA
<input id="userA" type="textA" value="" required="" placeholder="账号A" name="userA"/>
"密码A"文本框的HTML示例代码如下，它的name为passwordA
<input id="passwordA" type="password" value="" placeholder="密码A" name="passwordA"/>
通过name定位元素的Java示例代码如下：
// 打开注册A.html页面
String url = "D:\\develop\\软件测试\\web自动化练习\\day02\\注册A.html";
driver.get(url);
// 定位元素，并给文本框传值
driver.findElement(("userA")).sendKeys("admin");
driver.findElement(("passwordA")).sendKeys("123456");
3.className定位
class属性定位页面元素的方法如下：
driver.findElement(By.className("class属性"));
案例需求：
- 打开注册A.html页面，通过className定位电话号码A，并发送18611111111
"电话号码A"文本框的HTML示例代码如下，它的class属性为telA
<input id="telA" class="telA" type="telA" value="" placeholder="电话A" name="telA"/>
通过class属性定位页面元素的Java示例代码如下：
// 定位元素，并给文本框传值
driver.findElement(By.className("telA")).sendKeys("18611111111 ");
4.tagName定位
tagName定位就是使用标签名进行定位。HTML本质就是由不同的tag(标签)组成，而每个tag都是指同一类，所以tag定位效率低，一般不建议使用。
tagName定位页面元素的方法如下：
driver.findElement(By.tagName("标签名称"));
driver.findElements(By.tagName("标签名称")).get(索引);
案例需求1：
- 打开注册A.html页面，通过tagName定位，自动填写（账号A:admin）
- 填写完毕后，3秒钟后关闭浏览器窗口
"账号A"文本框的HTML示例代码如下，
<input id="userA" type="textA" value="" required="" placeholder="账号A" name="userA"/>
通过tagName定位页面元素的Java示例代码如下：
driver.findElement(By.tagName("input")).sendKeys("admin");案例需求2：
- 打开注册A.html页面，通过tagName定位，获取"电子邮件A"文本框，自动填写allan@
- 填写完毕后，3秒钟后关闭浏览器窗口
通过tagName定位页面元素的Java示例代码如下：
driver.findElements(By.tagName("input")).get(3).sendKeys("allan@");;5.linkText定位
linkText专门用来定位超链接文本（<a>标签</a>），定位链接的全部文字。
linkText定位页面元素的方法如下：
driver.findElement(By.linkText("链接的全部文字"));案例需求：
- 打开注册A.html页面，使用linkText定位(访问 新浪 网站)超链接
- 3秒钟关闭浏览器窗口
直接通过超链接上的文字信息来定位元素，HTML代码如下，
<a id="fwA" href="http://">访问 新浪 网站</a>通过linkText定位页面元素的Java示例代码如下：
driver.findElement(By.linkText("访问 新浪 网站")).click();
// 等待3秒，强制等待
Thread.sleep(3000);
// 关闭浏览器
driver.quit();6.partialLinkText定位
partialLinkText定位链接的部分文字。
partialLinkText定位页面元素的方法如下：
driver.findElement(By.partialLinkText("链接的部分文字"));案例需求：
- 打开注册A.html页面，使用partialLinkText定位(访问 新浪 网站)超链接
- 3秒钟关闭浏览器窗口
直接通过超链接上的文字信息来定位元素，HTML代码如下，
<a id="fwA" href="http://">访问 新浪 网站</a>通过partialLinkText定位页面元素的Java示例代码如下：
driver.findElement(By.partialLinkText("访问")).click();
// 等待3秒，强制等待
Thread.sleep(3000);
// 关闭浏览器
driver.quit();
