自动化测试-定位页面元素

定位工具：

FireFox开发者工具---Tryxpath

Chrome开发者工具（推荐）---可以在开发者工具中使用Elements中点击ctrl+f，就可以使用selector，xpath进行定位。也可以使用Xpath Helper（安装需要翻墙）插件进行查找。

@class='asd'  ------字符串里面的所以使用单引号。

#id

.class.class---可以追加.class查找元素

tag

//tag[@属性=‘’]

CSS匹配

div[role^='tip']>ul[.name]>li>.class

^表示前匹配，$表示后匹配，*表示任意匹配

>表示子节点

Xpath匹配

/  ---表示子节点---绝对路径（容易被影响导致无效）

// ---表示子节点以及嵌套子节点---相对路径（推荐）

---看具体情况使用

text()表示节点的文本内容

contains可以进行部分匹配，starts-with表示前面匹配

匹配的属性前面要加@

//div[@role='tip']//input[text()='sd']//following-sibling::div//preceding-sibling::li//a

//div[contains(@class,'s')]//input[contains(text(),'rfv')]//parent::div

parent::<tag>---表示父节点

preceding-sibling::<tag>---表示同级前面兄弟节点（同级别同父节点，不需要紧挨着）

following-sibling::<tag>---表示同级后面兄弟节点（同级别同父节点，不需要紧挨着）