搭建测试环境

一、初始化项目

npm init -y

生成package.json文件

二、创建目录结构

三、集成jest单元测试 并进行一些配置

01.创建tests文件夹，存放单元测试内容

02.集成ts

安装typeScript

npm add typescript --dev

初始化tsc

npx tsc --init

两步操作后，生成tsconfig.json文件

03.解决第一个单元测试报错的问题

如何解决呢？

001.需要控制台执行命令添加jest和@types/jest --dev

npm add jest @types/jest --dev

002.安装完成后，需要在tsconfig.json上面配置一下types选项

报错成功解决

04.在package.json中配置scripts选项

这步配置使得执行npm test的时候让程序用jest去运行代码

05.如何使jest可以测试ES6代码并且允许去定义一些any类型的代码

在tsconfig.json中修改配置：noImplicitAny选项由true改为false

使得手写过程中只关注代码逻辑，而不需关注类型

06.配置babel

由于jest运行环境是nodejs环境，在nodejs环境下默认使用的是CommonJS模块化，现在使用的是esm规范，需要使用Babel转换一下

//安装babel
npm add --dev babel-jest @babel/core @babel/preset-env
//安装babel支持typeScript的预设
npm add --dev @babel/preset-typescript

//创建babel.config.js文件，并进行里面的配置

这两行的含义是：根据当前的node环境进行代码转换，并且支持typeScript

最后测试

npm test

成功，表示单元测试环境已经搭建好。