前端测试框架——认识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测试。