关于robotframework,app,appium的xpath定位问题及常用方法

关于类似的帖子好像很多&＃xff0c;但是没有找到具体能帮我解决问题的办法。还是自己深究了好久才基本知道app上面的xpath定位和web上的不同点&＃xff1a;

先放一个图&＃xff1a;

 A&＃xff0c;先说说不用xpath的场景&＃xff0c;一般是用于存在id或者name。可能没有看到name,别慌&＃xff0c;继续看。

     1&＃xff0c;app上面定位用的最多的当然是id&＃xff0c;也就是上面看到的resource-id,后面就是其所对应的值。所以在定位的时候可以是driver.find_element_by_id(&＃39;com.wlqq:id/title_left_btn&＃39;).当然注意一点就是&＃xff0c;如果id不是唯一的&＃xff0c;那么此办法行不通&＃xff0c;可考虑增加下标值[x]来区分&＃xff08;如何加后面的xpath会提到&＃xff09;&＃xff0c;但是如果很多的话&＃xff0c;可能自己都会数错。。。。。顺便说一下&＃xff0c;我也在用robotframework&＃43;appiumLibrary&＃xff0c;这里的使用方式就是 click element | id&＃61;com.wlqq:id/title_left_btn。id应该就这样用了吧。

     2&＃xff0c;当然第二种常用的办法就是name&＃xff0c;而这里的name和web也就是html里面的name不太一样&＃xff0c;web里面的name就是标签对应的属性name的值&＃xff0c;而这里其实是上面图里的text的值。当然也就是在使用的时候需要用by_name(&＃39;账单&＃39;)&＃xff0c;或者是 name&＃61;账单。

B&＃xff0c;以上两点是常用的&＃xff0c;但是也是最简单的定位方式&＃xff0c;下面就回到正题说一声xpath了。用到xpath的场景主要为没有id或者没有name&＃xff0c;或者name是一个不可控的值&＃xff08;或者叫会发生变化的值&＃xff09;。另外不知道xpath是什么的&＃xff0c;就自行百度了吧。其实简单点就是按路径定位包括一级或者多级。顺便说一下&＃xff0c;其实路径分两种&＃xff0c;一种是绝对路径&＃xff08;以第一个标签为参照物&＃xff09;&＃xff0c;另一种是相对路径&＃xff08;已其他已知的标签为参照物&＃xff09;。

　　1&＃xff0c;先说说有id或者name的场景使用xpath的情况。&＃xff08;有id或者name为什么不直接用&＃xff1f;当然可以像上面那样直接用。当然也可以装逼用xpath。不过当id不唯一也就是多个的时候&＃xff0c;这种能解决问题。&＃xff09;

　　就比如上面的"账单"和"我要"的id都是com.wlqq:id/title_left_btn&＃xff0c;当前页面只有只有这两个id是这个&＃xff0c;那么你在用id定位"账单"的时候&＃xff0c;就需要写xpath&＃61;&＃xff08;//android.widget.TextView[&＃64;resource-id&＃61;"com.wlqq:id/title_left_btn"])[1]　　定位"我要"就是xpath&＃61;&＃xff08;//android.widget.TextView[&＃64;resource-id&＃61;"com.wlqq:id/title_left_btn"])[2],

     此处注意三点&＃xff1a;

         a&＃xff0c;下标是从1开始&＃xff0c;而不是0;

         b&＃xff0c;如果有下标&＃xff0c;需要用括号把前面的部分括起来&＃xff0c;并且前面需要加xpath&＃61;,可能有些人习惯了前面都加xpath&＃61;&＃xff0c;但是像我这种只习惯写//开头&＃xff0c;不写xpath&＃61;的就被坑惨了。。。反正不容易发现是因为没有写xpath&＃61;,也可能是我个人比较坑吧。

         c&＃xff0c;就是和web不一样的就是标签的取值&＃xff0c;在这里取的是class的值&＃61;android.widget.TextView而不是看到的标签TextView&＃xff0c;具体原因没有深究。反正记住用class代替标签就对了。

　　当然是用name的情况也是一样的。无非就是//android.widget.TextView[&＃64;text&＃61;"我要"]&＃xff0c;另外注意下&＃xff0c;这里使用的&＃64;text&＃xff0c;而用&＃64;name或报错&＃xff0c;原因也没有深究过&＃xff0c;本人太low。。和上面的resource-id一样&＃xff0c;用xpath的时候就用本身显示的就好了。也好记。

      另外&＃xff0c;上面的只是为了说明1个层级的时候xpath的用法&＃xff0c;xpath的书写规则基本是越少越好。所以层级也是越少越好。有1层可以唯一定位就不要2层。 可能有点废话了。

     2&＃xff0c;卧槽&＃xff0c;终于可以进入重点了。就是没有id或者name的场景。   先来一张图&＃xff1a;

      1 &＃xff0c;现在有一个场景就是我需要点击上面那个小人图标&＃xff0c;但是他没有id和text属性。能想到的办法就是下面要讲的xpath了。

          a&＃xff0c;用绝对路径的写法就是&＃xff1a;如果图上的第一个是最顶上的话&＃xff0c;就是

        这样的&＃xff0c;也就是需要7个层级&＃xff0c;一次写下来就是&＃xff1a;&＃xff08;数字写得有点丑。&＃xff09;

      //android.widget.LinearLayout/android.widget.FrameLayout/android.widget.LinearLayout/android.widget.RelativeLayout/android.widget.RelativeLayout/android.widget.LinearLayout[2]/android.widget.ImageButton

      这种写法注意一下几点:

　　　　1), [2]注意是2而不是3&＃xff0c;因为与标签的值有关。只有2个LinearLayout。

           2), 路径长度偏长&＃xff0c;而且因为只有class的值&＃xff0c;对于一些页面控件较多的&＃xff0c;可能不止一个&＃xff0c;也就是可能这种写法也都不是唯一。

           3),绝对路径基本很少使用&＃xff0c;如果人品太差&＃xff0c;遇到页面全是没有id或者name的&＃xff0c;那就没办法了。或者考虑一些坐标。(关于坐标存在的换手机存在适配分辨率的问题&＃xff0c;在下也有研究对策。不知道你是否有兴趣看看&＃xff1f;)

         b&＃xff0c;现在就是本文的重点了&＃xff1a;使用相对路径的办法来定位。

　　　　1&＃xff09;&＃xff0c;大家可以看到&＃xff0c;这个图里面有一个唯一的中文词汇--"钱包"。我们可以通过这个钱包来定位我们的小人图片。先分析下位置关系。找找关系也就是如图所示&＃xff0c;小人图标3是钱包1的弟弟2LinearLayout标签的儿子ImageButton。儿子好理解&＃xff0c;xpath的层级关系也就是父子关系用/表示。//android.widget.LinearLayout/android.widget.ImageButton这样就能表示弟弟的儿子了。但是现在问题是怎么表示钱包的弟弟&＃xff1f;

　　　　xpath里面有一个轴&＃xff0c;简单点可以理解为一个函数吧。我这样认为的。preceding-sibling:: 可以找到节点前面也就是哥哥节点&＃xff0c;following-sibling::可以找到节点后面也就是弟弟节点&＃xff0c;关于轴的更多用法啊&＃xff0c;可以自行百度xpath的语法。这里还有一个用的多的就是parent:: &＃xff0c;可以找到节点的父亲节点。但是父亲节点可以用..表示。下面就来具体说一下怎么用&＃xff1a;

　　　　基本知识已经介绍到此了。那么这里的定位方法就是上图中的3个层级&＃xff1a;//android.widget.TextView[&＃64;text&＃61;"钱包"]/following-sibling::android.widget.LinearLayout/android.widget.ImageButton。 第一级就同前面说的唯一的找到钱包这个位置&＃xff0c;后面的一级就是钱包的弟弟&＃xff0c;也就是following-sibling::android.widget.LinearLayout。当然注意因为是紧挨着的&＃xff0c;所以弟弟没有下班&＃xff0c;可想而知如果是第几个弟弟&＃xff0c;就加个下标吧。哥哥也是同理。

          2&＃xff09;&＃xff0c;前面用到了兄弟的关系&＃xff0c;下面说一下儿子与父亲的关系。父子关系还是用图来说明。我们的钱包1的父亲2有一个儿子3的儿子4就是我们的小人图标。这就是找关系。关系找到了&＃xff0c;那我们就可以用这个关系来写xpath了。也就是钱包&＃xff08;//android.widget.TextView[&＃64;text&＃61;"钱包"]&＃xff09;的父亲&＃xff08;/parent::android.widget.RelativeLayout &＃xff09;的第二个class&＃61;android.widget.LinearLayout的儿子&＃xff08;/android.widget.LinearLayout[2]&＃xff09;的儿子&＃xff08;小人/android.widget.ImageButton&＃xff09;,好&＃xff0c;我们连起来就是&＃xff1a;//android.widget.TextView[&＃64;text&＃61;"钱包"]/parent::android.widget.RelativeLayout/android.widget.LinearLayout[2]/android.widget.ImageButton。顺便说一下父亲这个位置可以用..来代替&＃xff0c;相比很多人都知道..在路径里面指的就是上级。所以可以用//android.widget.TextView[&＃64;text&＃61;"钱包"]/../android.widget.LinearLayout[2]/android.widget.ImageButton这个来代替上面的写法。

　　最后再强调下&＃xff0c;关于这个地方&＃xff0c;下标为什么是[2]&＃xff0c;是因为只与class相同的有关。钱包的class不一样。所以它就不算了。

　　　3&＃xff09;&＃xff0c;关于相对路径的父子关系&＃xff0c;已经兄弟关系&＃xff0c;相比大家应该有所体会了吧。如果还是没太懂&＃xff0c;咱们再来个复杂点的例子。可能只是举例说明下语法。实际下面的可能不会这样复杂的写。先上图&＃xff1a;

　　&＃xff0c;假设我们需要通过加入购物车这个位置来定位我们的立即定位按钮&＃xff0c;那么&＃xff0c;我们的一种写法就是图上的这个关系7层级。也就是加入购物车7(//android.widget.TextView[&＃64;text&＃61;"加入购物车"])的父亲1&＃xff08;/..&＃xff09;的父亲2&＃xff08;/..&＃xff09;的父亲3(/..)的第二个兄弟4&＃xff08;/following-sibling::android.view.View[2]&＃xff09;的儿子5(/android.view.View)的儿子6(也就是我们的立即购买/android.widget.TextView)&＃xff0c;连起来就是

　　　　//android.widget.TextView[&＃64;text&＃61;"加入购物车"]/../../../following-sibling::android.view.View[2]/android.view.View/android.widget.TextView。

注意&＃xff1a;使用text的时候避免使用输入框的默认输入值&＃xff0c;因为当你真实输入值之后&＃xff0c;就没有这个text了&＃xff0c;也就找不到路径了。另外也可以用模糊匹配&＃xff0c;xpath有一个contains函数。用法//android.widget.TextView[contains(&＃64;text,"购物车")].也能找到“加入购物车”这个位置。自行体会去吧。。。

　　最后不知道你是否有看懂&＃xff1f;欢迎各位朋友留言指正。在下也喜欢技术交流。