使用Jest在React Native中测试TextInput的值更改

Question

我有一个TextInput组件，当其值通过其onValueChange属性更改时，该组件将调用自定义函数。

是否可以用Jest模拟此TexInput的文本更改，以便测试是否用正确的参数调用了自定义函数（作为prop传递）并产生了正确的结果？

Answer 1

是的，开玩笑和酶是可能的。下面是SearchBar组件的定义，该组件接收一个函数作为道具。会使用键入的文本来调用该函数。

Release date

可以进行以下测试

const SearchBar = ({onSearch}) => {
  return (
    <View>
      <TextInput
        onChangeText={text => onSearch(text)}
      />
    </View>
  );
};