使用jest做单元测试

Posted vieber

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jest做单元测试相关的知识,希望对你有一定的参考价值。

  • 安装jest 模块
"babel-jest": "^21.0.2",
"jest": "^22.0.4",
"jest-serializer-vue": "^0.3.0",
"vue-jest": "^1.0.2",
  • 在项目根目录下面新建tests文件夹

在这里插入图片描述
里面jest.config.js文件,我配置的内容是这个,因为我跑单测使用node跑,所以testEnvironment为node。

module.exports = {
    verbose: true,
    testEnvironment: 'node'
};

utils.spec.js就是具体的单测文件了

// describe表示分组,分组里面一个个的用例
describe('测试基本方法', () => {
   it('测试sum函数', () => {
	     expect(sum(1, 2)).toBe(3)
   })
   it('测试1+1=2', () => {
    	expect(1 + 1).toBe(2)
   })
   it ('对象比较', () => {
    	expect({name: 1}).toEqual({name: 1})
   })
})

具体的测试写法可以看jest官方文档。

  • package.json里面配置script
 "test": "jest --config tests/jest.config.js",
  • 然后执行npm run test
    这样单测就跑起来了。

以上是关于使用jest做单元测试的主要内容,如果未能解决你的问题,请参考以下文章

使用 Jest 的不可理解的单元测试效果错误

Jest单元测试进阶

Jest单元测试

Vue 和 Jest 单元测试组件

使用Jest进行React单元测试(建议收藏)小白必看!

Jest 单元测试入门