5.5 Selenium2中的元素定位

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中的元素定位的更多相关文章

关于CSS中的元素定位
---恢复内容开始--- CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务. 定 ...
Python自动化中的元素定位xpath（二）
1.Xpath元素定位 1)ele = b.find_element_by_xpath(‘/html/body/from/input[1]’) 2)Ele = b.find_element_by_xp ...
Python自动化中的元素定位（一）
1.使用selenium中的webdriver模块对浏览器进行操作 1)from selenium import webdriver 加载模块 2)b = webdriver.Friefox() 打开 ...
【appium】appium中的元素定位和基本操作
# coding=utf-8 from appium import webdriver import time from selenium.webdriver.support.ui import We ...
HTML中的元素定位
static默认 relative相对定位 absolute绝对定位 mix relative and absolute混合相对定位和绝对定位 fixed固定定位 float浮动 reference ...
Selenium2学习-002-Selenium2 Web 元素定位及 XPath 编写演示示例
此文主要对 Selenium2 的 Web 元素定位及 XPath 编写示例,敬请各位亲们参阅,共同探讨.若有不足之处,敬请各位大神指正,不胜感激! 通过 Firefox(火狐)浏览器的插件 Fire ...
selenium 中在 iframe 内的元素定位
有些时候元素明明就在但是通过什么方式定位都提示定位不到元素此时就要考虑元素是不是内嵌在iframe 中对于内嵌在 ifra中的元素定位首先定位到 iframe 元素例如 iframe = ...
元素定位-XPATH定位方法总结
1.Xpath定位方法探讨 xpath是比较常用的一种定位元素的方式,因为它很方便,缺点是,消耗系统性能.如果Xpath使用的比较好,几乎可以定位到任何页面元素,而且受页面变化影响较小. 1.1.什么 ...
【转载】Xpath定位方法深入探讨及元素定位失败常见情况
一.Xpath定位方法深入探讨 (1)常用的Xpath定位方法及其特点使用绝对路径定位元素. 例如: driver.findElement(By.xpath("/html/body/div ...

随机推荐

c++学习总结--复合类型，const。
复习c++,有必要对一些东西做一下笔记,方便以后学习,如有问题,欢迎提出. 首先,最常用两种复合类型应该是引用和指针. 所谓复合类型,是在基本类型基础(如:int)上定义的类型. 引用是c++的一个复 ...
TCP、UDP
双方都是一种网络传输协议 2.TCP需要建立连接,而UDP不需要建立连接(无连接传输) 3.是否建立真实连接的特性,造成了双方可靠性的差距. TCP属于可靠的传输协议:因为传输前双方建立好了连接,相当 ...
UIView如何管理它的子视图
UIView提供了很多建立和管理视图的方法. 1.添加视图 insertSubview:atIndex: //放在子视图数组的具体索引位置 insertSubview:aboveSubview: ...
SqlSever基础一个条件group by 一列有两个内容，分组并查看每个内容有多少行，并用as起名
镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...
msm8916 lcd 相关调试点指导
主要代码:LINUX\android\kernel\arch\arm\boot\dts\qcom\dsi-panel-trust-hx8379c-fwvga-video.dtsiLINUX\andro ...
【原创】pads layout 画多边形copper，出现Self-Intersecting Polygon，解决办法
在做线性位移传感器的电路板时,需要在一个很小的多边形Copper操作,总是提示“Self-Intersecting Polygon”报错,意思是outline线自身交叉,换句话说就是线宽与多边形尺寸没 ...
mimikatz2.0抓取WINDOWS密码
看吾爱的,刚好问同事说这个也用过,以后内网渗透的话比较方便 http://www.52pojie.cn/thread-264895-1-1.html ========================= ...
CUBRID学习笔记 14 删除主键错误
发生这样的问题.其实和别的数据库基本原因差不多. 就是外键冲突. 看看有没有外键引用这个表的主键. 然后删除外键. 就可以了 SELECT class_name FROM db_index WHER ...
《Linux内核设计的艺术》学习笔记（二）INT 0x13中断
参考资料: 1. <IBM-PC汇编语言程序设计> 2. http://blog.sina.com.cn/s/blog_5028978101008wk2.html 3. http://ww ...
ubuntu12.04 gdb安装使用
参考文档:http://blog.csdn.net/haoel/article/details/2879 http://www.programlife.net/gdb-manual.html [新手笔 ...

5.5 Selenium2中的元素定位

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

随机推荐

热门专题