Jest测试环境搭建简单介绍

Jest是 Facebook 的一套开源的 JavaScript 测试框架，它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。

npm init -y

//因为jest是用在开发环境的，我们也加上--save-dev 
npm install --save-dev jest

或者

npm install --save-dev jest babel-jest babel-core babel-preset-env

第一种是直接简单全局安装；

第二种是安装了babel-jest、 babel-core、 regenerator-runtime、babel-preset-env 这几个依赖，为了让我们可以使用ES6的语法特性进行单元测试，ES6提供的 import 来导入模块的方式，Jest本身是不支持的。

3. 注意事项：
如果已经安装了babel一些列的工具后，使用import等es6的module语法还是报错的话，需要加一下配置：

文件内添加以下配置内容：

//babel.config.js内容
module.exports = {
    presets: [['@babel/preset-env', {targets: {node: 'current'}}]],
};

修改根目录package.json文件：
打开package.json文件，将script下的test的值修改为jest，这样我们可以通过npm run test去调用

"scripts": {
    "test": "jest"
}

在需要测试的同级目录下建立_tests_文件夹(文件夹名字可以自定义，但最好语义化)，_tests_文件夹里建测试文件：xxx.spec.js 或 xxx.test.js

xxx对应需要测试的js文件名，方便查找，例如index.js的测试文件为index.spec.js.

在需要测试的index.js同级目录建_tests_目录

_tests_内部

1. 单次执行：在执行过一次测试，如果更新代码后重新测试，需要再次执行命令。

jest

jest js/xxx
或
jest js/xxx.spec.js

2. 伺服执行，执行一次命令后，测试程序保持监听，每次修改保存后自动去执行测试逻辑。

配置package.json，
在scripts内添加两个配置："watch": "jest --watchAll", "coverage": "jest --coverage"

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

    jest js/index --watchAll

以上只是简单介绍了jest搭建，关于jest的用法就不做详细介绍了，大家可以通过下边的官方文档来了解下～
【Jest中文文档】

最后编辑于：2022.12.09 17:30:17