react-native - 如何使用 react-native-testing-library 提交表单或在输入上按 enter 键

Question

我有以下问题：我需要测试是否在我的测试中调用了一个函数，但要正确测试它，我需要按 enter 或提交表单，它似乎没有按预期工作。我已经尝试过以下方法：

fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
fireEvent.submit(input);

触发我的组件 prop 的唯一方法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道具。

Answer 1

在您的测试用例中，您可以触发该submitEditing事件。

// Assuming `input` is your text input element
fireEvent(input, 'submitEditing')

有关触发事件检查的更多详细信息：https ://callstack.github.io/react-native-testing-library/docs/api#fireevent 。