ユニットテストの設定

Ionic でユニットテストを設定するには、いくつかの追加手順が必要です。Ionic スタータープロジェクトを使用している場合、これらの手順はすでに完了しています。

React Testing Library をインストールする

React Testing Library は、React コンポーネントのテストを容易にするユーティリティのセットです。コンポーネントと対話し、その動作をテストするために使用されます。

npm install --save-dev @testing-library/react @testing-library/jest-dom @testing-library/user-event

Ionic React を初期化する

Ionic React では、テストを実行する前に setupIonicReact 関数を呼び出す必要があります。そうしないと、モードベースのクラスとプラットフォームの動作がコンポーネントに適用されません。

src/setupTest.ts に、次のコードを追加します。

import '@testing-library/jest-dom/extend-expect';

+ import { setupIonicReact } from '@ionic/react';

+ setupIonicReact();

// Mock matchmedia
window.matchMedia = window.matchMedia || function () {
  return {
    matches: false,
    addListener: function () { },
    removeListener: function () { }
  };
};