前端使用jest做单元测试

一、单元测试

1、安装jest库

npm install jest -g

2、使用

首先加入目录结构如下：同文件夹下有一个index.js文件，还有一个__test__文件夹，__test__文件夹中有一个名为index.spec.js的测试文件，如下图所示：

测试文件命名规则是前边要与测试文件名相同。

• index.js内容

const hello = 'hello world';
console.log(hello);
module.exports=hello;

• index.spec.js文件内容为：

test('测试脚本执行', ()=>{
  const result = require('../index');
  console.log(result);
})

使用cmd进入__test__文件夹，执行如下命令进行测试：

jest index.spec.js

执行结果如下：

• 上述方法通过打印方式，只能人工去辨识，不够友好，可以借助断言来实现自动化测试。

• 使用断言来确定值为某个具体值。

改写index.spec.js文件：

test('测试脚本执行', ()=>{
  const result = require('../index');
  expect(result).toBe('hello world1');
});

然后执行：

jest index.spec.js

输出如下结果

• 如果结果不等于某个值可以改写为：

expect(result).not.toBe('hello world1');