安装
yarn add --dev jest
使用
创建一个名为 sum.js 的文件:
function sum(a, b) {
return a + b;
}
module.exports = sum;
创建一个名为 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"
}
}
在命令行工具运行
yarn test
结果:
PASS ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)
配置Jest
1.暴露 Jest 配置文件
yarn jest --init
- 选择运行环境
选择jsdom(browser-like)
浏览器环境运行 - 是否生成测试覆盖率报告
按y
- 是否自动清除模拟调用
按y
- 根目录下 jest.config.js 文件既为 jest 配置文件
2.在根目录打开 package.json,添加命令行快捷方式
script:{
"test":"jest --watchAll",
"coverage":"jest --coverage"
}
3.安装 babel
jest 只认识 commonJS 语法,不认识 export 语句,所以需要安装 babel 进行转义
yarn add @babel/core@7.4.5 --dev
yarn add @babel/preset-env@7.4.5 --dev
4.配置babel
- 在根目录创建名为 .babelrc 的文件
"presets":[
["@babel/preset-env", {"targets":{"node":"current"}}]
]
}
当运行 yarn test
时,jest 内部插件 babel-jest 会自动地检测当前环境下是否安装 babel或babel-core,如果安装 babel-core 会根据 .babelrc 的配置,先把代码转化成 jest 能识别的语句,再运行测试
使用
1.运行测试
yarn test
根据上面的配置,会自动运行所有测试用例
2.生成测试覆盖率报告
yarn coverage
网友评论