@iiko/jest-react-config-legacy

jest + react17.x 简单封装

安装

npm install --save-dev @iiko/jest-react-config-legacy

jest.config.js 配置

项目根目录下创建 jest.config.js 文件

const { compilerOptions } = require("./tsconfig.json");
const {
  default: defineConfig,
  pathsToModuleNameMapper,
} = require("@iiko/jest-react-config-legacy");

module.exports = defineConfig({
  // 从正则表达式到模块名称或模块名称数组的映射，允许用单个模块存根替换资源
  moduleNameMapper: {
    ...pathsToModuleNameMapper(compilerOptions.paths, {
      prefix: "<rootDir>/",
    }),
  },
});

tsconfig.json 配置

类型配置让 ts 识别 jest 的全局变量

{
  "compilerOptions": {
    "types": ["@iiko/jest-react-config-legacy/types"]
  }
}

umi3.x 问题

umi3.x 用的 [email protected], 我们用的 [email protected], 执行 npx jest 默认会找 [email protected]

package.json 强制使用 [email protected]

 "resolutions": {
    "@jest/core": "27.5.1"
  },