腾讯出品小程序自动化测试框架【Minium】系列（三）元素定位详解 - 久曲健

腾讯出品小程序自动化测试框架【Minium】系列（三）元素定位详解 - 久曲健 - 博客园

昨天转发这篇文章时，看到群里有朋友这样说：

这么卷吗？这个框架官方已经不维护了。

姑且不说卷不卷的问题，要是能卷明白，别说还真不错；

不维护又怎样？我想学习，想会，分享给很期待这系列的文章的人罢了。

元素定位，应该是很多UI自动化测试入门学习必会的技能了，下面我将为大家举例演示元素定位的几种方法。

1、CSS选择器

Minium 可以通过 WXSS 选择器定位元素，如下图所示：

如果有[CSS选择器]基础会上手更快 ，如没有可参考

示例：

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？

没错，是支持的!

使用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

定位 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、定位示例详解

这里我贴出源代码给的注释部分，个人觉得这个注释写的真好，一看就懂，如下图所示：

元素定位小结：

• 不建议使用基础标签view、text方式定位元素，有时会因为dom加载不出来找不到元素，源码中参数max_timeout=0，有需要可自己指定超时时间。
• 小程序发版频繁不建议使用绝对定位，使用有一定标识性或属性结合定位，可考虑选择器定位
• 若元素没有属性，则可考虑XPath，或标签+文本定位
• 自定义组件定位，可以考虑跨自定义组件的后代选择器或逐层定位元素方法定位

最近又开始焦虑了，虽然家人没催婚，但是到了这个年纪，想有个归属，无奈一直遇人不淑，家里资源用尽，也没人给我介绍对象，还不相信网络，感觉自己没救了，略显尴尬，尬到这些烦恼都不知道跟谁去说！

唉，与理想平等交易，同喧嚣保持距离，事已至此，还是先吃饭吧。

__EOF__