unit-testing - React/TypeScript 的 Jest 配置问题

Question

尝试在我的项目上配置 jest env，当我运行简单的测试用例时出现以下错误:

Test suit failed to run
  TypeError: Jest: a transform must export a 'process' function
    at ScriptTransformer._getTransformer(../../node_modules/jest-runtime/node_modules/@jest/transform/build/ScriptTransformer.js:360.13)

Answer 1

我专门针对 css/scss 模块遇到了这个问题。
通过安装 jest-css-modules-transform 解决了它npm 包。

module.exports = {
  testPathIgnorePatterns: ["<rootDir>/.next/", "<rootDir>/node_modules/"],
  setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
  transform: {
    "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
    "\\.(css|less|scss|sass)$":
      "<rootDir>/node_modules/jest-css-modules-transform",
  },
};

但是当我使用下面的配置(使用 styleMock.js 创建的转换方法)时，我收到了上述错误。

module.exports = {
  testPathIgnorePatterns: ["<rootDir>/.next/", "<rootDir>/node_modules/"],
  setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
  transform: {
    "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
    "\\.(css|less|scss|sass)$": "<rootDir>/test/styleMock.js",
  },
};

希望这可以帮助同一地区的人。