51Testing软件测试论坛

标题: Web测试工具Selenium:如何选取元素 [打印本页]

作者: 阿蛮的开心姐 时间: 2018-3-26 16:00
标题: Web测试工具Selenium:如何选取元素
selenium是一个非常棒的Web测试工具，他对Ajax支持非常好，本人强烈推荐.

测试里很重要的一部，就是定位页面的元素，selenium提供如下强大的定位元素的方法。

id=id
name=name
dom=javascriptExpression
xpath=xpathExpression
link=textPattern
css=cssSelectorSyntax
一、通过ID,name选择元素

如果开发是能给页面元素添加个id,那么对测试是极大的方便

[attach]112321[/attach]

二、link= 根据链接文字来操作
[attach]112322[/attach]

三、根据XPath来选择元素

xpath=//img[@alt='The image alt text']
xpath=//table[@id='table1']//tr[4]/td[2]
xpath=//a[contains(@href,'#id1')]
xpath=//a[contains(@href,'#id1')]/@class
xpath=(//table[@class='stylee'])//th[text()='theHeaderText']/../td
xpath=//input[@name='name2' and @value='yes']
xpath=//*[text()="right"]
有了这个xpath，那么大大方便了我们的操作

1、通过Firebug来查看 /html/body/form/div[5]/div/div[2]/a[5],我们看到这个xpath是很有问题的，一旦我们
改变了结构，xpath就变了

[attach]112323[/attach]
2、这里我推荐一个Firefox插件xpath checker

我们可以用这个工具测试简化我们的xpath表达式
[attach]112324[/attach]
那么假如我们要判导航下面的所有链接，可以如下判断
[attach]112325[/attach]
判断导航下面的第一链接是否是“用户注册”
[attach]112326[/attach]
[attach]112327[/attach]
三、dom选择

dom=document.forms['myForm'].myDropdown
dom=document.images[56]
dom=function foo() { return document.links[1]; }; foo();
四、css选择器

这个不常用，它可以支持css2, css3选择器

css=a[href="#id3"]
css=span#firstChild + span
我的经验是，id, name, xpath基本可以够用了所以我重点介绍了这几个，当我们找到需要的元素后，我们就可
以使用selenium的强大功能了

作者: 清晨一缕阳光 时间: 2018-3-26 16:51

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)