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

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

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

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

属性描述

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

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

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

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

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

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

这就解释了开头我所说的XPath同取id、CSS、Name等方式的做法,即可理解为取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可同化甚至优化取代id、CSS等的观点,权衡下将其先说了,所以上面部分XPath表示方式可能初学者看会有点云里雾里,没事,看完这节再看上节应该还是很好理解的。

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

如果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 选取策略

最理想的情况莫过于id,id唯一且开发一般不会做改动(上述例子XPath1);

其次是某id层级下的元素(较简单的层级);

再次为,可确保该页面下属性值唯一且一般不做改动的,如value=”百度一下”

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容