继上一篇文章: 使用babel完美替代ts-loader后, 紧接着需要做一件非常重要的事——集成单元测试, 对于一个工具类库来说, 好的单元测试是必须的, 话不多说, 做个记录.

更新

[2019-5-10]

Added

  • Initial release

一、步骤

1.1 第一步: 移除依赖

1
npm uninstall --save-dev ts-jest

1.2 第二步: 安装依赖

PS: 得益于ts-node的加持, 所以此处不再需要ts-jest!

1
2
3
npm install --save-dev
  jest
  @types/jest

1.3 第三步: jest配置

PS: 根目录下新建: jest.config.ts

1
2
3
4
export default {
  testRegex: "(/ddzy\/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
};

1.4 第四步: package.json配置

1
2
3
4
5
6
  "scripts": {
+   "test": "jest",
    "build": "webpack --config webpack.config.ts",
    "start": "webpack-dev-server",
    "check": "tsc -w"
  },

1.5 第五步: 简单测试

PS: 根据个人喜好建立*.test.ts测试即可

1
npm run test