WebDriver的更加面向对象的方式大大降低了Selenium的入门门槛，对Web元素的操作也非常之简单易学。实际项目用起来，工作量最大的部分就是你如何解析定位到你的目标项目页面中的各种元素。好比你要定位一个Button，你可以用ID，可以用CSS，可以用XPATH，你为了点击这个Button，写了一个函数调用Selenium里的API，即WebElement里的click()或者submit()，那么另外一个Button怎么办？成百上千个Button又怎么办？

所以，你需要有一套自己实现的算法或者封装，来根据项目页面的特点提供一套通用的元素定位方式。当你的通用定位逻辑能准确的找到任何一个元素的时候，剩下的事情就顺理成章了，交给Selenium WebElement的API就可以了。这一套定位逻辑笔者觉得才是使用Selenium做Web自动化工作量最大的部分。当然有的公司Web项目使用了自己开发的UI框架，例如笔者所在的公司，这样Web元素的定位规则和算法就比较容易设计。如果Web项目开发出来的页面代码比较杂乱无章，那么你就需要更加高明和严谨的逻辑去寻找你想要操作和查看的元素了！

一般公司在使用时会设计并封装了一套通用的API，去智能的定位页面中的各种类型的元素。比如项目里的页面有大量的dialog和wizard，都是用div+css实现的。我就提供了一个dialog组件，带有next()，save()，finish()，click(String buttonName)，cancel()等方法，然后根据遮罩层和loading Icon的时间来追踪操作完成的进度。这里只是举个小小的例子，有机会再分享更多的细节。

可以看出元素定位是自动化测试的根本，只有先定位元素，才能准确的操作测试对象。在自动化测试实施过程中，测试程序中常用的页面元素操作步骤如下：

（1）定位网页上的页面元素，并存储到到一个变量中。

（2）对变量中存储的页面元素对象进行操作，例如，单击链接、选择下拉列表或在输入框中输入文字等。

（3）设定页面元素的操作值，例如，选择下拉列表中的哪个下拉列表项或在输入框中输入什么字符。

执行以上3个步骤，可以完成对页面元素的自动化操作，其中定位页面元素是第一个步骤，若无法定位页面元素，后面两个步骤也无法完成。在自动化测试实践过程中，由于网页技术的实现过于复杂，经常造成各种页面元素难以定位，常常有人绞尽脑汁也无法定位在页面上显示的页面元素。

元素定位的写法，尽量少依赖已有元素，增加通用性，以适应前端代码可能改变的情况。

5.5.1 定位方法汇总

      WebDriver对象的findElement函数可用于定位一个页面元素，findElements函数可用于定位多个页面元素，定位到的页面元素需使用WebElement对象进行存储，以便在测试程序中继续使用。

常用的定位页面元素的方法如下表。

定位方法 定位方法的Java语言实现实例
使用ID定位 driver.findElement(By.id("ID值"));
使用name定位 driver.findElement(By.name("name值"));
使用链接的全部文字定位 driver.findElement(By.linkText("链接的全部文字内容"));
使用部分链接文字定位 driver.findElement(By.partialLinkText("链接的部分文字内容"));
使用XPath方式定位  driver.findElement(By.xpath("XPath定位表达式"));
使用CSS方式定位  driver.findElement(By.cssSelector("CSS定位表达式"));
使用Class名称定位  driver.findElement(By.className("页面元素的Class属性值")); 
使用标签名称定位 driver.findElement(By.tagName("页面中的HTML标签名称")); 
使用jQuery方式  js.executeScript("return jQuery.find('jQuery定位表达式')"); 

5.5.2 ID定位

被测试网页的HTML代码：

<html>

    <body>

        <label>用户名</label>

        <input id="username"></input>

        <label>密码</label>

        <input id="password"></input>

        <br>

        <button id="submit>登录</button>

    </body>

</html>

定位语句代码如下：

WebElement username=driver.findElement(By.id("username"));

WebElement password=driver.findElement(By.id("password"));

WebElement submit=driver.findElement(By.id("submit"));

由于页面元素的ID属性在当前网页中是唯一的，所以使用ID值定位可以保证定位的唯一性，不会像其他定位方式一样可能定位到多个页面元素。因此，在自动化测试的实践过程中，可以和页面开发工程师约定所有的核心页面元素均需增加ID值，以此提高网页程序的可测试性，降低自动化测试实施的难度。

5.5.3 name定位

被测试网页的HTML代码：

<html>

    <body>

        <label>用户名</label>

        <input name="username"></input>

        <label>密码</label>

        <input name="password"></input>

        <br>

        <button name="submit>登录</button>

    </body>

</html>

定位语句代码如下：

WebElement username=driver.findElement(By.name("username"));

WebElement password=driver.findElement(By.name("password"));

WebElement submit=driver.findElement(By.name("submit")); 

使用name方式定位可能会同时定位到多个元素，还需要进一步定位才能获取实施测试操作的唯一页面元素。

5.5.4 全部链接文字定位

被测试网页的HTML代码：

<html>

    <body>

        <a href="http://www.sogou.com">sogou搜索</a><br/>

        <a href="http://www.baidu.com">baidu搜索</a>

    </body>

</html>

定位语句代码：

WebElement link=driver.findElement(By.linkText("sogou搜索"));

使用此方式定位链接需要完全匹配链接的显示文字，否则无法找到链接。

5.5.5 部分链接文字定位

被测试网页的HTML代码：

<html>

    <body>

        <a href="http://www.sogou.com">sogou搜索</a><br/>

        <a href="http://www.baidu.com">baidu搜索</a>

    </body>

</html>

定位语句代码：

WebElement link=driver.findElement(By.partialLinkText("sogou搜索"));
List<WebElement> links=driver.findElements(By.partialLinkText("搜索"));

第一行代码定位到了多个包含"sog"字母的链接，则会将第一个匹配的对象赋值给link变量。

第二行代码会存储多个链接对象到link集合中。

5.5.6 标签定位

被测试网页的HTML代码：

<html>

    <body>

        <a href="http://www.sogou.com">sogou搜索</a><br/>

        <a href="http://www.baidu.com">baidu搜索</a>

    </body>

</html>

定位语句代码：

WebElement link=driver.findElement(By.tagName("a"));
List<WebElement> links=driver.findElements(By.tagName("a"));

标签名称的定位方式主要用于匹配多个页面元素的情况，将查找到的网页元素对象进行计数、遍历、修改属性等操作。

5.5.7 Class定位

被测试网页的HTML代码：

<html>

    <head>
        <style type="text/css">
            input.spread{FONT-SIZE:20pt;}
            input.tight{FONT-SIZE:10pt;}
        </style>
    </head>    
    <body>

        <input class="spread" type=text></input>
        <input class="tight" type=text></input>

    </body>

</html>

定位语句代码：

WebElement input=driver.findElement(By.className("tight"));

可以根据class属性值来查找一个或者一组显示效果相同的页面元素。

5.5 Selenium2中的元素定位的更多相关文章

  1. 关于CSS中的元素定位

    ---恢复内容开始--- CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务. 定 ...

  2. Python自动化中的元素定位xpath（二）

    1.Xpath元素定位 1)ele = b.find_element_by_xpath(‘/html/body/from/input[1]’) 2)Ele = b.find_element_by_xp ...

  3. Python自动化中的元素定位（一）

    1.使用selenium中的webdriver模块对浏览器进行操作 1)from selenium import webdriver 加载模块 2)b = webdriver.Friefox() 打开 ...

  4. 【appium】appium中的元素定位和基本操作

    # coding=utf-8 from appium import webdriver import time from selenium.webdriver.support.ui import We ...

  5. HTML中的元素定位

    static默认 relative相对定位 absolute绝对定位 mix relative and absolute混合相对定位和绝对定位 fixed固定定位 float浮动 reference ...

  6. Selenium2学习-002-Selenium2 Web 元素定位及 XPath 编写演示示例

    此文主要对 Selenium2 的 Web 元素定位及 XPath 编写示例,敬请各位亲们参阅,共同探讨.若有不足之处,敬请各位大神指正,不胜感激! 通过 Firefox(火狐)浏览器的插件 Fire ...

  7. selenium 中在 iframe 内的元素定位

    有些时候 元素明明就在 但是通过什么方式定位都提示 定位不到元素 此时就要考虑元素是不是内嵌在iframe 中 对于内嵌在 ifra中的元素定位 首先定位到 iframe 元素 例如 iframe = ...

  8. 元素定位-XPATH定位方法总结

    1.Xpath定位方法探讨 xpath是比较常用的一种定位元素的方式,因为它很方便,缺点是,消耗系统性能.如果Xpath使用的比较好,几乎可以定位到任何页面元素,而且受页面变化影响较小. 1.1.什么 ...

  9. 【转载】Xpath定位方法深入探讨及元素定位失败常见情况

    一.Xpath定位方法深入探讨 (1)常用的Xpath定位方法及其特点 使用绝对路径定位元素. 例如: driver.findElement(By.xpath("/html/body/div ...

随机推荐

  1. 谢启鸿谈"如何学好高等代数"

    高等代数和数学分析.空间解析几何一起,并称为数学系本科生的三大基础课.所谓基础课,顾名思义,就是本科四年学习的所有数学课程,都是以上述三门课作为基础的.因此对一年级新生而言,学好这三门基础课,其重要性 ...

  2. Threads in Spring

    使用Spring时经常会问,我们定义的Bean应该是Singleton还是Prototype?多个客户端同时调用Dao层,需要考虑线程安全吗?通过阅读官方文档和Spring的源代码,这类问题的答案是: ...

  3. 各种操作中心Operation Center一览

    Operation Center在中国可能有很多种名称,例如指挥中心.运维室.总控中心等等,国外可能也有很多名称,不管名称如何,任何一个上规模得数据总心或者运维单位一般都有一个这样得中心,来负责所管理 ...

  4. 浏览器被hao.360.cn劫持怎么办

    特么的现在互联网太没节操了,一大早发现我的浏览器被hao.360.cn劫持了,弄了好久都没弄好,后来一想可能是因为qvod的原因,这可是哥当年看片的神器啊…… 废话不说: 1,进入:C:\Progra ...

  5. FZU 2105 Digits Count（位数计算）

    Description 题目描述 Given N integers A={A[0],A[1],...,A[N-1]}. Here we have some operations: Operation ...

  6. python_way ,day11 线程,怎么写一个多线程？，队列，生产者消费者模型，线程锁，缓存（memcache，redis）

    python11 1.多线程原理 2.怎么写一个多线程? 3.队列 4.生产者消费者模型 5.线程锁 6.缓存 memcache redis 多线程原理 def f1(arg) print(arg) ...

  7. x名称空间中的标记拓展

    1.x:Type Type类可作为所有数据类型在编程层面上的抽象.在XAML中,如果想表达某个数据类型时就需要使用x:Type标记拓展.例子: 创建一个Button的派生类: using System ...

  8. 汇编语言指令与debug命令符

    •MOV与ADD指令 汇编指令 控制CPU完成的操作 形式化语法描述 mov ax, 18 将18送入AX (AX)=18 mov   ah, 78 将78送入AH (AH)=78 add ax, 8 ...

  9. Nemerle Quick Guide

    This is a quick guide covering nearly all of Nemerle's features. It should be especially useful to a ...

  10. DataTable字符串类型的数字，按照数字类型排序

    protected void Page_Load(object sender, EventArgs e)     {         DataTable dt = new DataTable();   ...