安装jest一体式测试工具包

npm install --save-dev jest

1. 生成基础配置

npx jest --init

  • 然后依次按照提示的选项进行选择
    • 有一个选项是Automatically clear mock calls, instances, contexts and results before every test, 建议选择yes
    • 有一个选项是提示代码覆盖率, 建议选择yes

2. 监听代码修改并自动运行测试

  • npm脚本添加配置项: "test": "jest --watch"

根据具体使用环境进行进一步配置jest

1. 允许对typescript代码进行单元测试

1.1. 为jest安装.d.ts声明文件, 方便在ts中编写单元测试

npm install --save-dev @types/jest

2. 编译jest的ts代码为js代码

有多种方法, 如用bable, ts-jest等 轻量化, 推荐使用ts-jest

2.1. 安装并配置ts-jest

  • npm install --save-dev ts-jest
  • jest.config.ts配置文件中添加配置项:preset:ts-jest

3. 集成到vscode中

  • 安装jest插件