组件的单元测试好处：
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。
网友评论