背景:
自动化测试搞起来!
一、环境搭建
相关资源:
https://jestjs.io/docs/zh-Hans/getting-started
vue单元测试相关文档
https://cn.vuejs.org/v2/guide/unit-testing.html
备注 : 这2个工具对你非常有用,预防卡壳。
- nvm :nodejs 多版本管理,---本地开发环境莫名报错,你可能需要先切换个nodejs版本继续原来的任务。
- nrm:多npm源管理----遇到依赖的包安装失败时,多想想切换 npm源,
1.1安装依赖
使用 npm
:
npm install --save-dev jest
使用 yarn
安装 Jest︰
yarn add --dev jest
VUE -jest 单元测试 工具包
$ npm install --save-dev @vue/test-utils
1.2 目录规划
|---project
|-----src (源文件)
|-----test(测试用例都放到这里 *.test.js 结尾)
|----- package.json -- 项目配置文件
1.3 编写测试函数
让我们开始为一个假设函数编写测试,该函数将两个数字相加。 首先在src目录下创建一个 sum.js 文件:
function sum(a, b) {
return a + b;
}
module.exports = sum;
1.4 编写测试文件
然后,在 test目录下 创建一个名为 sum.test.js 的文件。习惯上把,*.test.js文件统一放到 test目录下, 这将包含我们的实际测试:
const sum = require('./sum');
test('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});
1.5 修改配置文件
将下面的配置部分添加到你的 package.json 里面:
{
"scripts": {
"test": "jest"
}
}
最后,运行 yarn test 或 npm run test ,Jest将打印下面这个消息:
PASS ./sum.test.js
✓ adds 1 + 2 to equal 3 (5ms)
你刚刚成功地写了第一个Jest测试 !
此测试使用 expect
和 toBe
来测试两个值完全相同。 若要了解Jest关于测试方面更多的能力,请参阅 Using Matchers。
如果顺利到达这步,恭喜 环境搭建好了,可以玩了。
网友评论