将 ts-jest 与 create-react-app 一起使用答案

【问题标题】：Using ts-jest with create-react-app将 ts-jest 与 create-react-app 一起使用
【发布时间】：2018-02-14 15:52:33
【问题描述】：

当使用 create-react-app 和 react-scripts-ts 来使用 TypeScript 时，使用 --coverage 标志运行测试会导致错误的覆盖率报告。有什么方法可以集成 ts-jest 以便覆盖报告准确吗？

下面是我在package.json中的搞笑配置：

"jest": {
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "mapCoverage": true,
    "coverageThreshold": {
      "global": {
        "branches": 100,
        "functions": 100,
        "lines": 100,
        "statements": 100
      }
    }
  }
}

编辑：这是我收到的错误消息：

Out of the box, Create React App only supports overriding these Jest options:

  • collectCoverageFrom
  • coverageReporters
  • coverageThreshold
  • snapshotSerializers.

These options in your package.json Jest configuration are not currently supported by Create React App:

  • transform
  • testRegex
  • moduleFileExtensions
  • mapCoverage

If you wish to override other Jest options, you need to eject from the default setup. You can do so by running npm run eject but remember that this is a one-way operation. You may also file an issue with Create React App to discuss supporting more options out of the box.

【问题讨论】：

标签： reactjs typescript jestjs create-react-app react-scripts

【解决方案1】：

您是否有任何理由使用react-scripts-ts/ts-jest 而不是常规的开箱即用的 Create React 应用程序？它已经原生支持 TypeScript 有一段时间了。我建议这样做，因为对抗 CRA 的默认设置通常是一个痛点。

【讨论】：