最近更新略疲,主要是业余时间多了几个变化。比如忙活自己的模拟赛车驾舱升级、还跟朋友筹备一个小程序项目、另外早上的时间留给背单词了。。。
上一章中讲到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()
找到多个符合的,就返回第一个。