单元测试设置

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 函数。如果不这样做，将导致基于模式的类（mode-based classes）和平台行为无法应用到你的组件上。

在 src/setupTest.ts 文件中，添加以下代码：

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

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

+ setupIonicReact();

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