免费申请下载TestWriter地址:http://tools.51testing.com

UI自动化测试——页面元素定位XPath学习总结

上一篇 / 下一篇  2017-06-30 09:43:57 / 个人分类:自动化测试

UI自动化测试中,页面元素定位是一大难题,其方式也有不少,如通过Tag、id、Name、CSS、XPath等。如何能优雅地定位到元素,选取何种方式定位很重要。实际应用上,页面部分变更是常有的事,元素定位选取的稳定性也有一定的讲究。

本人就以往UI自动化的经验,同化成一种方式,即仅使用XPath进行元素定位,虽然本质上是结合了id、CSS等,但实际运用上一切方法和手段都是等价的。

在说明XPath元素表示法之前,需对HTML语言有一定了解,需了解HTML层级嵌套,HTML标签,Tagid及属性值等。若对上述名词陌生的,请学习HTML

属性描述

XPath语法支持节点描述,节点描述为一个逻辑真假表达式,任何真假判断表达式都可在节点后方括号里表示,这条件必须在XPath处理这个节点前先被满足。在某一步骤可有多少个描述并没有限制。

对于页面元素,可用XPath表示为HTML标签的属性值来定位,以百度首页为例,查看如下几个XPath的表示法:

· XPath1//*[@id="su"] 

· XPath2//input[@value="百度一下"] 

· XPath3//input[@class="bg s_btn"] 


 

XPath123实际上表示的均为百度一下这个按钮元素,只是选取的属性值的不同而已。XPath1表示找id”su”的元素;XPath2表示找value百度一下input标签元素;而XPath3则表示找class即样式名为”bg s_btn”input标签元素。

这就解释了开头我所说的XPath同取idCSSName等方式的做法,即可理解为取HTML标签的属性罢了,而且该方式更具灵活性,可做多种及多层的匹配,如单取CSS”test”,则会取出所有CSS”test”的元素,而若写成XPath方式,如//input[@class="test"] ,则取出的是CSS”test”且仅为input的元素;若可知上层id,如//div[@id="test"]//*[@class="test"] ,则定位的是id”test”div下所有class”test”的元素。甚至有更灵活的模糊匹配方式,如若XPath//a[contains(text(),'')] ,表示为所有包含这一文字的a元素,如新闻”a标签就会被定位出。

备注:1.开头是两个斜线(//)代表相对路径;2.使用了通配符*表示匹配任意

有时要定位多个元素,即需选取一组满足要求的元素组,XPath使用上也是相当方便的,示例如下:

· XPath4//a[@class="mnav"] 

· XPath5//a[@class="mnav"][2] 


 

上图可见多个链接都符合XPath表示法;XPath5定位了第2个符合该条件的元素,即hao123链接

层级定位

其实层级定位该放在XPath首要说明的,即在属性描述前,但为了突出XPath可同化甚至优化取代idCSS等的观点,权衡下将其先说了,所以上面部分XPath表示方式可能初学者看会有点云里雾里,没事,看完这节再看上节应该还是很好理解的。


 

txt中为图示上的a标签元素,若对HTML代码较熟悉,则可了解到上图中该XPath是如何一层层定位下来的,其中如div[2][2]表示该层级结构下的第2div

如果XPath的开头是一个斜线(/)代表绝对路径,元素存在一个或者不存在; 如果开头是两个斜线(//)代表相对路径,表示文件中所有符合模式的元素都会被选出来,所以可能会有多个。

· XPath6/html/body/div[1]/div[2]/div[1]/div[2]/div[1]/a 

· XPath7//div[2]/div[1]/a 

· XPath8//tr[1]/td[3] 

如上方示例,XPath7的元素 包括XPath6的元素(若存在),但不一定仅仅表示XPath6(可能还有符合的元素);

XPath8为表格元素,若该页面仅存在一个table,就表示该表格第1行第3列(多个表格的话,你猜?)

若页面较复杂,显然取绝对路径会很长,且若其中任一层级改动就会导致该XPath失效,/(o)/; 取相对路径可以减少XPath失效可能性,但可能产生多个元素匹配以致元素取错,这就需要判断该XPath是否可用了(下面会介绍使用浏览器插件来验证XPath)。

XPath 选取策略

最理想的情况莫过于idid唯一且开发一般不会做改动(上述例子XPath1);
其次是某id层级下的元素(较简单的层级);
再次为,可确保该页面下属性值唯一且一般不做改动的,如value=”百度一下

若是表格或者表单,//tr[1]/td[3] //form/button 类似的表示方式也是比较可取的,但须注意页面标签是否唯一或是否是需要的

用相对路径,不用绝对路径!

>>戳戳,免费下载UI自动化测试工具TestWriter~


TAG: 自动化测试

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

TestWriter

TestWriter

TestWriter小编,周一至周五进行文章日更

日历

« 2020-08-13  
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

数据统计

  • 访问量: 253277
  • 日志数: 182
  • 图片数: 1
  • 建立时间: 2016-08-11
  • 更新时间: 2017-12-20

RSS订阅

Open Toolbar