This is a set of helper methods to make testing easier in Ionic React with React Testing Library and Jest.
yarn add -D @ionic/react-test-utils
or
npm install --dev @ionic/react-test-utils
ionFireEvent
extends Testing Library's fireEvent
by adding the custom ion*
events. This can be used as a drop in replacement for fireEvent
or used in conjunction with.
import { ionFireEvent as fireEvent } from '@ionic/react-test-utils';
...
fireEvent.ionChange(element, 'my text');
This method mocks out certain Ionic components that have issues rendering in JSDOM. To use it, open up setupTests.ts
and add this to the file:
import { mockIonicReact } from '@ionic/react-test-utils';
mockIonicReact();