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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

上一章中讲到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()找到多个符合的,就返回第一个。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值