How can I test it with Jest and React Native Testing Library?

[dutradotdev]

Hi,
I want to know how can I test it with Jest and React Native Testing Library? How to mock the DatePicker, select the confirm/cancel button and so on. Do you have a example of it?

[chika-kasymov]

@dutradotdev in my case I was able to test it as follows:

// in component
<DatePicker
  // other props
  testID="Date Picker"
/>

// in test
const someDate = new Date();
fireEvent(queryByTestId('Date Picker'), 'onChange', {
  nativeEvent: { timestamp: someDate.getTime() },
});

[shail-spreadd]

now it give me this error
TypeError: Cannot read properties of undefined (reading 'openPicker')

do i have to add mock ?

[chika-kasymov]

@shail8266 sorry, I can't help you because I don't work with that project anymore.

[Ryan-Durling]

I just ran into this problem that @shail-spreadd brought up

[shail-spreadd]

@Ryan-Durling i didn't find any solution so i added istanbul ignore comment for that particular code
if you find any please let me know

[shail-spreadd]

@chika-kasymov okay

[anishsundarjee]

Hi, I want to know how can I test it with Jest and React Native Testing Library? How to mock the DatePicker, select the confirm/cancel button and so on. Do you have a example of it?

@dutradotdev I was able to mock this by using jest manual mock https://jestjs.io/docs/tutorial-react-native#mock-native-modules-using-jestmock

sample code :

  import 'react-native';
  import React from 'react';
  import renderer from 'react-test-renderer';
  import { it, describe } from '@jest/globals';
  import { DateInput } from '@/components';
  jest.mock('react-native-date-picker', () => 'DatePicker');
  
  // run tests as normal

Hope this helps