vue 给老项目添加单元测试

由于之前的项目为了赶进度，所以去掉了测试这块，近段时间空下来就开始给项目添加单元测试，
参考目前官方的vue的测试，
1.利用vue init webpack my-project新建一个vue工程，然后将下面的文件拷贝到我们的项目中，
(注意：该版本的vue使用的测试是chai断言库)

2.我们要在package.json文件中安装以下依赖（将下面的依赖贴到package.json中然后执行 npm i）：

    "chai": "^4.1.2",
    "karma": "^1.4.1",
    "karma-chrome-launcher": "^3.1.0",
    "karma-coverage": "^1.1.1",
    "karma-mocha": "^1.3.0",
    "karma-phantomjs-launcher": "^1.0.2",
    "karma-phantomjs-shim": "^1.4.0",
    "karma-sinon-chai": "^1.3.1",
    "karma-sourcemap-loader": "^0.3.7",
    "karma-spec-reporter": "0.0.31",
    "karma-webpack": "^2.0.2",
    "mocha": "^3.2.0",
    "sinon": "^4.0.0",
    "sinon-chai": "^2.8.0",
    "nightwatch": "^0.9.12",
    "selenium-server": "^3.0.1",
    "chromedriver": "^2.27.2",

3.在test/unit/specs下新建一个测试文件Index.spec.js,并写入自己的测试代码就可以拉；

 

常见问题：
1.在e2e测试过程中碰到了报错：
 Timed out while waiting for element <#app> to be present for 5000 milliseconds.  - expected "visible" but got: "not found"
等待元素<#app>出现5000毫秒时超时。-预期“可见”，但得到：“未找到”

这个是因为，当前项目的config/index文件下的 

是使用了ip导致的，将host改成 “localhost”就可以了