如何使用 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 函数的代码：

_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。