前端测试框架——认识Jest

Jest是什么？

Jest的slogan是使人愉快的JavaScript测试，顾名思义，就是用来测试JavaScript代码的。

Jest有如下的特色：

• 高速和沙盒。Jest以最大化性能并行化的测试运行。控制台消息都是缓冲并输出测试结果。沙盒测试文件和自动全局状态将为每一个测试重置，所以测试代码间不会冲突。

• 内置代码覆盖率报告。使用--coverage能够建立代码覆盖报告。不须要其余额外的库。

• 无需配置。在使用create-react-app或者react-native init建立Native项目的时候，Jest已经配置好并能够使用了。

• 拥有功能强大的模拟库。

• 与Typescript一块儿使用

开始使用Jest

首先新建一个begin的目录，而后进入文件夹，安装jest依赖包。

npm install --save-dev jest
复制代码

安装完成就会生成一个package.json的配置文件

而后新建一个sum.js文件，代码以下：

function sum(a, b) {
    return a + b;
}
module.exports = sum;
复制代码

再新建一个sum.spec.js或者sum.test.js文件，代码以下：

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});
复制代码

为了使命令更加的利于理解和通用，咱们在配置文件package.json中，加入如下配置项：

{
  "scripts": {
    "test": "jest"
  }
}
复制代码

最后，执行如下代码：

npm run test
复制代码

至此，你已经成功的完成了第一个Jest测试。