unit-testing - Enzyme Mock ToastAndroid React Native 组件

Question

我正在测试一个在方法中使用 ToastAndroid 组件的 React Native 组件，在使用 enzyme 进行测试时，我不断收到错误 TypeError: _reactNative.ToastAndroid.show is not a function

我正在使用 react-native-mock-renderer 来开 Jest ，我的组件有一个方法可以通过 onPress 处理程序调用。

 validateAndProceed = () => {
    ToastAndroid.show(
        'Show toast',
        ToastAndroid.SHORT,
      );
  };

和我的测试来验证

it('should validate and process', () => {
    const wrapper = shallow(<Component
    />);
    const instance = wrapper.dive().instance();
    jest.spyOn(instance, 'validateAndProceed');
    instance.validateAndProceed();
    expect(instance.validateAndProceed).toHaveBeenCalled();
  });

我为 ToastAndroid 创建了一个自定义模拟

const ToastAndroid = {
  SHORT: '',
  LONG: '',

  TOP: '',
  BOTTOM: '',
  CENTER: '',

  show: jest.fn(),
  showWithGravity: jest.fn(),
  showWithGravityAndOffset: jest.fn(),
};

module.exports = ToastAndroid;

还是不行

Answer 1

您不需要模拟整个模块。仅模拟相关函数和常量对我有用。

示例:

ToastAndroid.showWithGravity = jest.fn();
ToastAndroid.show = jest.fn();