selenium2.0第一部分：定位元素-创新互联

WebElement div = driver.findElement(By.id("div1"));

WebElement topLink = driver.findElement(By.linkText("top"));

   NoSuchElementFoundException异常：找不到元素的时候报错

   用fidElements方法定位元素

Selenium WebDriver提供findElements()方法，他能够手机元素列表，与搜索标准相匹配，这个方法是非常有用的，如果你想定位一大批相似的元素，例如我们可以获取页面上所有的展示的链接，或者从一个表中获取行等等，我们可以通过findElements()方法来获取所有链接，并打印他们

eg：创建一个测试能够获取页面上所有的link，核实link数量，并打印每个link的目标

findElements()方法会返回所有元素的匹配作为一个WebElement列表，在JAVA中可以使用List类创建WebElement的一个实例

List links = driver.findElements(By.tagName("a"));

List类中的size（）告诉我们列表中有多少元素

assertEquals(4, links.size());判断links中的元素是不是4

还向下面这样迭代的使用这个列表获取链接并打印目标

for(WebElement link : links)

   System.out.println(link.getAttribute("href"));

定位一个元素使用findElements()方法

二、link定位

   Selenium WebDriver提供了多种方法定位links，我们不但可以通过links的文本定位links，还可以通过部分文本。当links在动态文本中，通过部分文本定位links会更方便，在这一节中，我们将会知道怎么样用这些方法定位页面上的links

   让我们举一个例子是验证如何用下面的方法在selenium webdriver中定位links

（1）通过他的文本找到links

selenium webdriver的By类提供linksTest（）方法定位使用文本方式展示为链接的links，下面的例子中，我们将定位谷歌邮箱的链接

WebElement gmailLink = driver.findElement(By.linkTest("GMail"));

assertEquals("http://mail.google.com/",gmailLink.getAttribute("href"));

(2)通过部分文本寻找links

selenium webdriver的By类也提供了通过部分文本定位links的方法，如果开发者使用动态文本创建此link，这种定位的方法是非常有用的。下面这个例子中，是一个打开收件箱的链接，这个链接也能展示新邮件的数量，这个方法可能会改变动态，下面可以使用partialLinkTest（）方法定位统一标准或者已知部分的链接文本

WebElement inboxLink = driver.findElement(By.partialLinkTest("Inbox"));

System.out.println(inboxLink.getTest());

这个linkTest()和partialLinkTest()方法会匹配所有这个特殊文档中的links，并返回结果值，另外，如果开发者提供id,name,class属性，我们也可以通过在这些属性来定位links

注意：当所定位应用存在于多个模块，使用文本定位元素会产生问题，使用参数化文本定位器也是可以工作的，

（3）使用tagName（）方法定位元素

回顾：定位单个元素使用findElement（）方法

     定位多个元素使用findElements（）方法

selenium webdriver的By类还提供了tagName()通过他的HTML tagName定位元素，这于JS中getElementsByTagName()方法有些相似，用tagname定位元素是很方便的，例如在标签中定位所有的

eg:

假设页面上有一个单一按钮，我们可以通过一下方法定位这个按钮

WebElement loginButton = driver.findElement(By.tagName("button"));

loginButton.click();

下面的例子：展示table标签中有多少行

WebElement table = driver.findElement(By.id("summerTable"));

List rows = table.findElement(By.tagName("tr"));

assertEquals(10,rows.size());

tagName()方法通过DOM查询定位元素并返回一个与特殊tagname相匹配的列表，当定位单个元素，或者页面上有多饿元素实例时，这种方法可能是不可信的

（4）使用CSS选择器来定位元素

与Xpaths相比，这种方法更快更可信

这部分，我们将探讨一些基本的CSS选择器,然后以后我们将深入先进的CSS选择器。

利用css选择器，selenium webdriver的By类提供了cssSelector()方法定位元素

绝对路径寻找元素

考虑到元素的结构层次，CSS绝对路径参考元素非常具体的位置

下面的例子就是通过绝对路径定位用户名输入的区域，在提供绝对路径的同时也给予元素之间的空间

WebElement userName = driver.findElement(By.sccSelector("html body div div form input"));

也可以用以前选择器的写法

WebElement userName = driver.findElement(By.cssSelector("html > body >div > div > form > input"));

但是这种方法有一定的局限：他依赖于页面元素的层级结构，如果层级结构变化，则定位失败。

通过相对路径定位元素

通过相对路径我们能够直接定位元素，不依赖于他在DOM中的位置。

例如我们可以用下列方法定位用户名输入的区域，假设这个元素在DOM文件第一个中

WebElement userName = driver.findElemet(By.cssSelect("input"));

下面是css选择器是通过相对路径的方法使用Class和Id属性定位元素，与className()和id(),除了这个，我们还可以未包含在By类里面的其他方法对元素的其他属性进行定位。

用class选择器定位元素

在使用CSS选择器定位元素的同时，我们还能使用类的属性定位元素，可以使用制定的HTML标记来完成这件事，然后在class属性值后面添加一个点

WebElement userName = driver.findElemet(By.cssSelect("input.login"));

这个方法能够定位login按钮的input标签，这个标签的属性值是login。

还有一种简写方式，就是用一个.加属性值，就可以忽略html的标签，但是这将返回所有带有登录类的元素，并且返回的可能不是正确的结果

WebElement loginButton = driver.findElement(By.cssSelect(.login));

用id选择器定位元素

我们可以使用分配给元素的id定位元素，这个可以用指定类型的html标签来完成，然后输入一个散列后面跟着类属性的值。  

WebElement userName = driver.findElement(By.cssElement("input#username"));

还有一个简写的形式，缺点同上，

WebElement userName = driver.findElement(By.cssElement("#username"));

同id定位的方法

用属性选择器定位元素

用属性选择器定位元素

除了class和id属性，css选择器也可以用元素的其他属性定位元素，下面的例子是使用name属性定位元素

WebElement userName = driver.findElement(By.cssElement("input[name=username]"));

用name属性定位元素类似与By类下的name()方法

用其他的属性定位元素，比如使用alt属性定位元素

WebElement userName = driver.findElement(By.cssElement("img[slt=Previous]"));

有这样的情况，那就是一种属性可能不能准确的定位元素，还需要结合附加属性来精确定位，

eg：用多属性定位login按钮的元素

WebElement preciousButton = driver.find.Element(By.cssSelect("input[type='sumbit'][value='Login']"));

用属性名称选择器定位元素

这种方法与之前的方法有所不同，不同之处在于之前定位元素仅仅是基于元素被定义的特殊的属性，并不是属性值，比如想寻找所有的元素中有alt属性的元素

List p_w_picpathsWithAlt = driver.findElement(By.cssSelect("img[alt]"));

布朗not()伪类也能定位那些不符合标准的元素

List p_w_picpathsWithAlt = driver.findElement(By.cssSelect("img:not([alt])"));

执行属性值的部分匹配

css提供了一个部分属性值匹配的方法定位元素。当属性值动态分配，页面每一次请求都活改变的时候，这种方法对测试应用来说是非常有效的。例如ASP.NET的id就是动态的，下面的表格解释了CSS部分匹配方法的语法。

25