vue 单元测试 jest环境配置

先声明，我是用的vue-cli快速构建的项目结构，以下jest环境配置也是在此基础上展开的。

先vue-cli初始化一个项目

1.全局安装vue-cli （此步骤只需第一次执行，以后就可以略过）

npm install --global vue-cli

2.创建一个基于webpack模板的新项目（tips：项目名不能包含大写字母）

vue init webpack 项目名 （一直回车就行）
cd 项目名
npm install 
npm run dev

配置jest环境

其实你会发现此时环境已经配好了，npm run unit 你会发现报错如下图

image.png

大概意思就是：mapCoverage已经不需要了，请重新配置，然后把
jest.conf.js 中的配置项mapCoverage删除。再次运行npm run unit，依旧报错，截图如下

image.png

经过查询，加上以下代码就好了

"verbose": true,
"testURL": "http://localhost/"

再次运行npm run unit ,叮~好啦

总结以下，就是jest.conf.js从上图到下图的的变化，你还可以下载vue-test-utils(这个自己看)

image.png

image.png