Jest 在没有 webpack 的情况下配置 typescript

Question

好吧，我正在用 typescript 编写一些 NPM 模块，但我没有使用 Webpack 来编译脚本。

我应该如何配置 jest 以使用 typescript 文件正常运行？

// test.spec.ts
import {calc} from './index'

test('shoud...', () => {
  expect(calc()).toBeDefined()
})

// index.ts
import {calc} from './index'

const calc = (a, b) => {
  return a + b
}

我收到了这个错误：

testMatch: /__tests__//*.js?(x),**/?(*.)+(spec|test).js?(x) - 0 个匹配项 testPathIgnorePatterns: /node_modules/ - 9 个匹配项

Answer 1

第 1 步：安装

npm i jest @types/jest ts-jest -D

说明：

• 安装 jest 框架（jest）

• 为 jest 安装类型 (@types/jest)

• 为 jest (ts-jest) 安装 TypeScript 预处理器，它允许 开玩笑地即时转换 TypeScript 并支持源映射 内置。

• 将所有这些保存到您的开发依赖项中（测试几乎总是 npm 开发依赖）

第 2 步：配置 Jest

将以下jest.config.js 文件添加到项目的根目录：

module.exports = {
  "roots": [
    "<rootDir>/src"
  ],
  "transform": {
    "^.+\\.tsx?$": "ts-jest"
  },
}

说明：

• 我们始终建议将所有 TypeScript 文件放在 src 文件夹中 你的项目。

• 我们假设这是真的，并使用roots 选项指定它。转换配置只是告诉 jest 将 ts-jest 用于 ts / tsx 文件。笑话文档：https://jestjs.io/docs/en/configuration#transform-object-string-string

参考：https://basarat.gitbooks.io/typescript/docs/testing/jest.html