Robot Framework自动化测试(三)---元素定位

2019/01/18 15:10
阅读数 69

Web自动化原理介绍

Web端页面元素定位方法都是通过分析Web端页面元素,结合元素的特性,选择合适的方法定位,找到指定的元素,然后再调用selenium2library库的关键字去驱动元素。。

 

常见的元素定位方法

定位工具——Chrome开发者工具(F12)

打开Chrome浏览器,按下键盘的F12,即可以打开开发者工具。

Id、Name定位        

如果把元素当做是一个人的话,id就相当于这个人的身份证号,而name就相当于这个人的名字,当然,元素是否唯一属性要看前端工程师的设计了。

以百度输入框为例:id='kw'  name='wd'

Xpath定位        

  • 绝对路径  

   从外层一级级往下找元素 Xpath = /html/body/div[1]/div[1]/div[1]/div[1]/div/form/span[1]/input  

   绝对路径太麻烦,不推荐使用

 

  • 相对路径

*********利用元素自身属性********

  1. Xpath=//*[@id='kw']    //表示某个层级下,*表示某个标签名,@id=kw表示表示有个元素的id=kw。
  2. Xpath=//input[@id='kw']   
  3. Xpath=//input[@type='text']
  4. Xpath=//input[@autocomplete='off']

   

************找上级节点***********

父节点:xpath =//span[@class='bg s_ipt_wr quickdelete-wrap']/input

如果父亲没有唯一的属性,可以找爷爷:xpath =//form[@id='form']/span/input

***********布尔值写法************

Xpath =//input[@id='kw' and @name='wd']

Xpath =//input[@id='kw' or@name='wd']

Css定位          

Css的定位更灵活,因为他它用到的更多的匹配符和规格。http://www.w3school.com.cn/cssref/css_selectors.asp

id定位:css=#kw

class定位:css=.s_ipt

其它属性:

css=[name=wd]

css=[autocomplete=off]

父子定位:

css=span > input

css=form > span > input

根据标签名定位:

css=input

总结:测试方法,单独看不难,能把id,name,Xpath和Css的方法灵活运用才足以解决web端所有元素定位。没有定位不到的元素,只有不熟悉的方法。

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部