【小程序自动化Minium】三、元素定位- WXSS 选择器的使用

最新推荐文章于 2025-07-11 05:48:28 发布

原创

最新推荐文章于 2025-07-11 05:48:28 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #自动化 #微信小程序

本文介绍了在小程序UI自动化测试中如何使用CSS选择器进行元素定位，包括类选择器、ID选择器、类型选择器、多个类型选择器、属性选择器、XPath等，并给出了实例代码。此外，还探讨了选择器的组合使用和小程序对CSS选择器的支持情况。

最近更新略疲，主要是业余时间多了几个变化。比如忙活自己的模拟赛车驾舱升级、还跟朋友筹备一个小程序项目、另外早上的时间留给背单词了。。。

上一章中讲到Page接口的get_element()与get_elements()方法，其中有个必填参数就是选择器，而 minium 正是通过它来定位元素的。

对前端有过了解的童鞋，肯定对css选择器不陌生，CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。

但是在小程序中用的是特有的格式WXSS，WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，说白了就是用来决定 WXML 的组件应该怎么显示。

为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。

因为不是完全一样的东西，所以小程序中的 wxss 仅支持部分css选择器。

下面逐个看下不同选择器的用法。

一、选择器介绍

1. 类选择器 .class

根据类名称选择元素，比如.navigator-text，就是选择所有拥有class="navigator-text"的组件。

class ComponentTest(minium.MiniTest):
    def test_ui_op(self):
        print(self.page.get_elements("view.kind-list-item", index=2))
        self.page.get_element("view", inner_text="表单组件").click()
        self.page.get_element(".navigator-text").click()

示例代码中最后一行，如果get_element()找到多个符合的，就返回第一个。