單元測試設定

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 () { }
  };
};