Selenium - CSS Selector
2012-11-27 20:31:17   来源:CSS   评论:0 点击:

特别是在IE下面(IE没有自己的XPath 解析器(Parser)
Selenium - CSS Selector
 
昨天我练习了用CSS(即层叠样式表Cascading Stylesheet) Selector来定位(locate)页面上的元素(Elements)。Selenium官网的Document里极力推荐使用CSS locator,而不是XPath来定位元素,原因是CSS locator比XPath locator速度快,特别是在IE下面(IE没有自己的XPath 解析器(Parser))。有很多跟Selenium相关的Blog文章都有提到使用CSS Selector的技术。之前我不会CSS Selector,甚至一看到CSS就头疼。但我相信用CSS Selector能非常精准的定位到我想测试的Elements。因为前端开发人员就是用CSS Selector设定页面上每一个元素的样式,无论那个元素的位置有多复杂,他们能定位到,那我也能定位到。
读一下这个文档就能明白大部分的CSS Selector了
http://www.w3.org/TR/css3-selectors/
 
如果button上有class属性的,如:
<button id="ext-eng=1026" class="x-right-button"...>
可以这样写:
css=button.x-right-button
.代表class
 
如果class里带的空格,用.来代替空格如:
<button class="x-btn-text module_picker_icon">...
可以这样写:
css=button.x-btn-text.module_picker_icon
 
 
如果想用别的属性值定位,用方括号【属性名=属性值】的方式,如:
<abbr>Abc<abbr/>
css=abbr[title="Abc"]
 
如果button上有id属性的,如:
<input id="ag

相关热词搜索:Selenium CSS webdriver

上一篇:Selenium:Are you ready to use CSS selectors with selenium?
下一篇:Selenium:WebDriver鼠标悬停处理

分享到: 收藏
评论排行