vue集成单元测试

组件的单元测试好处:

1,节省手动测试时间
2,减少研发新特性时产生的bug
3,改进设计,促进重构
4,提供了描述组件行为的文档

用Jest测试单文件

Jest是由Facebook开发的Javascript测试框架,它自动集成了断言,JSDOM,覆盖率报告等开发者所需要的所有测试工具,是一款几乎零配置的测试框架。
安装Jest

npm install --save-dev jest @vue/test-utils

在jest中处理单文件组成
告诉jest如何处理*.vue文件,需要安装配置 vue-jest预处理器

npm install --save-dev vue-jest

为Jest配置Babel

npm install --save-dev babel-jest

疑惑:如何在vue-jest里面测试js方法(里面涉及到this),而jest的全局对象是window,但我们代码里面的是vue的实例对象。
jest的默认测试环境是jsdom提供的一个类似浏览器的环境,它提供一个模拟窗口,该窗口也是全局对象。但是vue-jest提供的api中mount()创建一个包含被挂载和渲染的Vue组件的Wrapper,所以在jest运行器中仍然可以使用vue的实例this。

你可能感兴趣的:(vue集成单元测试)