vue2.0单元测试(一)
1.在vue init webpack XXX创建项目的时候
最后2步选择YES就启动了vue单元测试开始了
2.测试是使用karma+mocha框架来实现的方法,安装虚拟浏览器模块Phantomjs
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815151914100-1299459035.png)
之后在放到C盘里面C:\Users\Administrator\AppData\Local\Temp\phantomjs,
之后在用node重新安装一下项目依赖npm install
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815152218756-1172482946.png)
phantomjs就安装好了,还不行,看看系统变量配置
3.karma的配置介绍和测试入口设置
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173034740-1997191373.png)
里面有参数介绍
4.测试方法封装
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173055943-1288653186.png)
定义测试的一些方法,根据自己需求
5.单元测试案例
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173110631-5521320.png)
该例子监听Hello组件的3个参数改变,根据不同参数是否配对展示来测试该数据知否展示到view层
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173123459-19052686.png)
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173142209-1635176618.png)
满足条件就会输出不同条件的指令
![](https://images2017.cnblogs.com/blog/790611/201708/790611-20170815173204740-154325276.png)