Test utilities for Ionic React

Usage no npm install needed!

<script type="module">
  import ionicReactTestUtils from 'https://cdn.skypack.dev/@ionic/react-test-utils';


Ionic React Test Utils

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


npm install --dev @ionic/react-test-utils

Custom ionFireEvent

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';