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对象进行存储,以便在测试程序中继续使用。

5.5 Selenium2中的元素定位

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

定位方法 定位方法的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属性值来查找一个或者一组显示效果相同的页面元素。

上一篇:sys用户密码丢失找回密码的步骤和命令


下一篇:Docker初体验