1.使用 class 属性来定位元素,方法如下:
driver.findelement(by.cssselector(input.login));
即可以先指定一个 html的标签,然后加一个“.”符号,跟上 class 属性的值
2.使用相对id选择器定位元素,方法如下:
webelement ele = driver.findelement(by.cssselector(input#username));
即可以先指定一个 html 标签,然后加上一个“#”符号,跟上 id 的属性值
3.除了 class 和 id 属性,css 选择器也可以使用其他的元素属性来定位。下面的例子中,将使用中的 name 属性。
webelement username =driver.findelement(by.cssselector(input[name=username]));
4.如果一个属性不足以来定位到一个元素, 则联合使用其他的属性来达到精确匹配。下面的例子中,使用多个属性来定位元素。
webelement previousbutton =driver.findelement(by.cssselector(input[type='submit'][value='login']));
5.css 选择器提供了一个部分属性值匹配定位元素的方法。这为测试那些页面上具有动态发化的属性的元素是非常有用的。例如,在 asp.net 应用中,元素 id 是动态生成的。下面的表格介绍了如何使用部分匹配的语法:
a.语法:^= 例子:input[id^= ' ctrl'] 描述:如果一个元素的id是ctrl_12,就可以定位到此元素,匹配到 id的头部 ctrl
b.语法:$= 例子:input[id$='_username'] 描述:如果一个元素的id 是a_1_username,返将会匹配到 id 的尾部_username
c.语法:*= 例子:input[id*='username'] 描述:如果一个元素的 id 是 panel_login_username_textfield,返将会匹配到此 id 值的_username
参考网址:http://865325772.iteye.com/blog/2051668