小程序自动化测试神器Minium系列（三）元素定位详解

　　写在前面
　　昨天转发这篇文章时，看到群里有朋友这样说：
　　这么卷吗？这个框架官方已经不维护了。
　　姑且不说卷不卷的问题，要是能卷明白，别说还真不错；
　　不维护又怎样？我想学习，想会，分享给很期待这系列的文章的人罢了。  元素定位
　　「元素定位」 ，应该是很多UI 自动化测试入门学习必会的技能了，下面我将为大家举例演示元素定位的几种方法。 1、CSS选择器
　　Minium  可以通过 WXSS  选择器定位元素，如下图所示：
　　image.png
　　如果有[CSS选择器]基础会上手更快 ，如没有可参考  CSS选择器  XPath
　　「示例：」
　　image.png  2、CSS方式定位
　　示例代码如下：  # class定位 self.page.get_element(＂.kind-list-item-hd＂).click() # id定位 self.page.get_element(＂#view＂).click() # 属性定位（逻辑运算定位） self.page.get_element(＂[id=＂view＂][class=＂kind-list-item-hd＂]＂).click() # 简单选择器格式 tageName + #id + .className self.page.get_element(＂view#view.kind-list-item-hd＂).click() 3、XPATH方式定位
　　看到这里，有的同学可能会条件反射性的想到，右键选择  Copy ，点击 Copy Xpath  或 Copy full Xpath ？
　　没错，是支持的!
　　image.png
　　使用xpath语法定位，示例代码如下：  # 绝对定位 self.page.get_element(＂/page/scroll-view/view/view/view[2]/view/view[1]/view[1]＂).click() # 相对定位 self.page.get_element(＂//view[@id=＂view＂]＂).click() # 使用属性定位 self.page.get_element(＂//view[@id=＂view＂ and @class=＂kind-list-item-hd＂]＂).click() # 使用部分属性定位 self.page.get_element(＂//view[contains(@id,＂vi＂)]＂).click() # 使用文本定位 self.page.get_element(＂//view[text()=＂视图容器＂]＂).click()
　　个人感觉是完美兼容 Selenium 的CSS 、XPATH 定位方式的，参考学习CSS定位入门、XPATH定位入门这两篇。 4、selector方式定位
　　推荐使用 id/class/标签+属性 。inner_text/text_contains/value 为增强用法，实现本质还是通过selector 获取到元素标签后再通过inner_text/text_contains/value 筛选元素。 示例代码如下： # 适合没有属性元素定位 self.page.get_element(＂view＂, inner_text=＂视图容器＂).click() self.page.get_element(＂navigator＂, inner_text=＂swiper＂).click() 5、跨自定义组件元素定位方式
　　「怎样识别自定义组件」  看 wxml 文件或微信开发者工具的wxml pannel ，标签名字「不在」 小程序官方组件列表中的都是 「自定义组件」  看微信开发者工具的 wxml pannel , 标签下面有#shadow-root 的, 则为 自定义组件 。例如小程序页面wxml 中mytest 、test2、 test22
　　image.png
　　「定位 test2 标签下的 text 的元素」
　　示例代码如下：  # 没有元素属性，可以文本定位一试 self.page.get_element(＂text＂, inner_text=＂this is test2＂).click() # 绝对对位（dom结构改变就完蛋，不推荐） self.page.get_element(＂/page/mytest//test2//view/view/text＂) # 使用跨自定义组件的后代选择器 self.page.get_element(＂mytest>>>test2>>>text＂)  # 自定义组件 mytest组件节点下的test2组件节点下text标签 # 逐层查找定位 self.page.get_element(＂mytest＂).get_element(＂test2＂).get_element(＂#test2＂).get_element(＂text＂) 6、定位示例详解
　　这里我贴出源代码给的注释部分，个人觉得这个注释写的真好，一看就懂，如下图所示：
　　image.png
　　image.png  7、总结
　　元素定位小结：  不建议使用基础标签 view、text 方式定位元素，有时会因为dom加载不出来找不到元素，源码中参数max_timeout=0 ，有需要可自己指定超时时间。 小程序发版频繁不建议使用绝对定位，使用有一定标识性或属性结合定位，可考虑选择器定位  若元素没有属性，则可考虑 XPath ，或标签+文本定位 自定义组件定位，可以考虑跨自定义组件的后代选择器或逐层定位元素方法定位  写到最后
　　最近又开始焦虑了，虽然家人没催婚，但是到了这个年纪，想有个归属，无奈一直遇人不淑，家里资源用尽，也没人给我介绍对象，还不相信网络，感觉自己没救了，略显尴尬，尬到这些烦恼都不知道跟谁去说！
　　唉，与理想平等交易，同喧嚣保持距离，事已至此，还是先吃饭吧。