Jest测试初学（一）--Jest 的简单配置

一 生成jest.config.js配置文件

执行安装命令
npx jest --init

然后在工程的根目录下会生成一个jest.config.js文件（这个文件值得细细研究！）

如果想修改测试覆盖率报告的文件夹名称，可以在jest.config.js中配置，
修改这一项 coverageDirectory: "coverage",

二 生成测试覆盖率报告

执行命令 npx jest --coverage
在项目目录下会生成一个文件夹，存放测试覆盖率的文件

同时可以修改package.json的配置

  "scripts": {
    "test": "jest",
    "coverage": "jest --coverage"
  },

再执行 npm run coverage 也可以生成测试覆盖率报告

打开文件下的 index.html就可以看到生成的测试报告

三 配置可以用esModule模块导入的测试环境

因为jest能辨识commonJS的模块语法，在node环境下对于esModule的语法无法解析，所以需要配置babel,将esModule转化为commonJS的代码，这样就可以支持用esModule模块导入

• 先安装babel

 npm install @babel/[email protected]   -D
 npm install @babel/[email protected]   -D

• 再项目下配置babel,创建 .babelrc 文件

{
    "presets": [
        [
            "@babel/preset-env", {
                "targets": {
                    "node": "current"
                }
            }
        ]
    ]
}

需要配置该文件的内部机制：
当运行npm run jest的时候，会去到jest插件中寻找babel-jest，babel-jest会去检测当前的环境下你是否安装了babel 或者是babel-core，如果有babel-core，那么他就会去读取.babelrc里面的配置，在运行测试之前，结合babel,先把你的代码做一次转化，运行转化过的测试用例代码