React Native 的 Picker 组件的 testID 属性
React Native 的 Picker 组件的 testID 属性用于在 端对端 ( end-to-end )测试中定位该组件
这个 testID 属性有点类似于 HTML 中的 id
属性,值都是字符串形式
在国内的环境,我们一般很少用到 端对端 ( end-to-end )测试,所以这个 testID 属性我们一般是不设置的。
但,一旦设置,就要保证该属性的值是唯一的,不唯一好像也没啥大影响,就是测试的时候会定位错误
导入模块
import {Picker} from 'react-native'
使用语法
<Picker testId="picker_language" </Picker>
范例
下面的代码,为我们的 语言选择器 的 testID 的值指定为 picker_language
,这样,我们在 端对端 ( end-to-end )测试中就可以通过 picker_language
来定位这个组件
<Picker selectedValue={this.state.language} style={{height: 50, width: 100}} testID={"picker_languager"} onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}> <Picker.Item label="Java" value="java" /> <Picker.Item label="JavaScript" value="js" /> <Picker.Item label="简单教程" value="twle" /> </Picker>