Appium React Native Android 上跑 Appium 的一个坑

andward_xu · 2016年01月18日 · 最后由 liuxiaoning 回复于 2018年08月01日 · 1580 次阅读

RN中最基本的component例如View和TextInput都有一个prop叫testID -> 这里是官网说明
可以用来做end-to-end test的locator。那么它应该显示在哪里呢?根据facebook的code,看起来应该是作为content description出现:

ReactTestHelper.java

/**
* Gets the view with a given react test ID in the UI hierarchy. React test ID is currently
* propagated into view content description.
*/

public static View getViewWithReactTestId(View rootView, String testId) {
return findChild(rootView, hasTagValue(testId));
}

于是在demo中某个render加了类似如下testID:

render: function() {
return (
<View style = {styles.container}>
...
<View style = {styles.input}>
<TextInput
...
placeholder = {'Your Account'}
testID = 'debug-signin-username-input' />
</View>
<View style = {styles.input}>
<TextInput
...
placeholder = {'Your Password'}
testID = 'debug-signin-passwd-input' />
</View>
...
</View>
);
},

build好后用uiautomator一看,content-desc是空的:

网上搜了搜发现这个帖子,原文-> React Native put testID into the tag of view, and accessibilityLabel into content description。accessibilityLabel这个prop目前View才有,于是改成以下:

render: function() {
return (
<View style = {styles.container}>
...
<View
style = {styles.input}
accessibilityLabel = 'username-input'>
<TextInput
...
placeholder = {'Your Account'} />
</View>
<View
style = {styles.input}
accessibilityLabel = 'passwd-input'>
<TextInput
...
placeholder = {'Your Password'} />
</View>
<TouchableNativeFeedback>
<View style={styles.submit}
accessibilityLabel = 'signin-submit'>
<Text style={styles.submitText}>
SIGN IN
</Text>
</View>
</TouchableNativeFeedback>
</View>
);
},

再用uiautomator看,content-desc有了:

测试代码如下:

def test_find_elements(self):
sleep(5)
user_input = self.driver.find_element_by_accessibility_id("username-input")
user_input.click()
user_input.send_keys('test_account')
pwd_input = self.driver.find_element_by_accessibility_id("passwd-input")
pwd_input.click()
pwd_input.send_keys('123456')
signin_submit = self.driver.find_element_by_accessibility_id("signin-submit")
signin_submit.click()

启动Appium跑测试代码,通过。

共收到 5 条回复 时间 点赞

赞! 很实用的分享。
话说rn里面 resource id 是不是就废了?

#1楼 @chenhengjie123 据说可以自己自定义一个~~~过段时间研究一下:)

请问react native UI 自动化,如果控件不是包在View层里,那这个控件咋设置id呢?

andward_xu 回复

请问安卓的uiautomatorviewer为什么看到的content-desc不显示已加到image中的accessibilityLabel值?是不是不支持image中的这个属性?

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册