如何解决如何使用 react-native-testing-library 提交表单或在输入上按 Enter 键
我有以下问题:我需要测试一个函数是否在我的测试中被调用,但要正确测试它,我需要按 Enter 键或提交表单,但它似乎没有按预期工作。我已经尝试过以下方法:
fireEvent.keyDown(input,{ key: 'Enter',code: 'Enter' });
fireEvent.submit(input);
触发我的组件的 onSubmitEditing 道具的唯一方法是按 Enter 键。
这是我要测试的代码:
<Input placeholder="Cirurgião"
testID='input_buscaCirurgiao_index'
value={this.state.text}
autoCorrect={false}
keyboardType={(Platform.OS === 'android') ? 'visible-password' : 'default'}
onChangeText={(item) => this.setState({ text: item })}
onSubmitEditing={() => { this._searchPressingEnter() }} // i need to test this
autoCapitalize='none' />
_searchPressingEnter() {
Keyboard.dismiss()
let item = this.state.text
this._buscarCirurgioes(item)
}
按下 Enter 键后,应调用 _searchPressingEnter 函数,从而触发 onSubmitEditing 道具。
解决方法
在您的测试用例中,您可以触发 submitEditing
事件。
// Assuming `input` is your text input element
fireEvent(input,'submitEditing')
有关触发事件的更多详细信息,请查看:https://callstack.github.io/react-native-testing-library/docs/api#fireevent。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。