React native input mask testing with jest

Even after mocking the react-native-text-input-mask. I am getting following error. Please help make out here I am not performing any operations from test suite just rendering the screen.

This is how I am using TextInput

 <TextInput
        style={{...inputFields}}
        theme={
          screenValidations && screenValidations.dateOfBirthCheck
            ? InputFieldErrorTheme
            : InputFieldTheme
        }
        mode="outlined"
        onChangeText={dateOfBirthText => setDateOfBirth(dateOfBirthText)}
        value={txtDateOfBirth}
        placeholder="dd/mm/yyyy"
        label={Constants.LABELDATEOFBIRTH}
        right={
          <TextInput.Icon name={CalendarIcon} onPress={() => showModal()} />
        }
        render={props => <TextInputMask {...props} mask="[00]/[00]/[0000]" />}
      />

[cgarate]

@MikePolen I was struggling with this and tried a bunch of solutions until I ran into this in the Jest docs: https://jestjs.io/docs/tutorial-react-native#mock-native-modules-using-jestmock So I just added the following mock to my jest.setup.js file: jest.mock('react-native-text-input-mask', () => 'TextInputMask') It worked like a charm on my end. Hope it helps.

[samianc]

I’m using input method instead of change and it’s working.

const inputInstance: any = screen.getByTestId('heightInput');

expect(inputInstance.value).toBe('');
await fireEvent.input(inputInstance, {
    target: { value: '178' }
});
expect(inputInstance.value).toBe('1.78');