在已有的Vue项目添加单元测试

1.在相对应的文件夹添加一下3个文件.

2.安装对应的依赖

npm i -D karma karma-webpack phantomjs-prebuilt karma-phantomjs-launcher karma-phantomjs-shim karma-chrome-launcher karma-sourcemap-loader mocha karma-mocha sinon chai sinon-chai karma-sinon-chai karma-spec-reporter karma-coverage

运行npm run unit你会看到一下错误信息

{
    "message": "Error: [vuex] vuex requires a Promise polyfill in this browser.\nat webpack:///~/vuex/dist/vuex.esm.js:97:19 <- index.js:11802:55",
    "str": "Error: [vuex] vuex requires a Promise polyfill in this browser.\nat webpack:///~/vuex/dist/vuex.esm.js:97:19 <- index.js:11802:55"
}

//使用Babel polyfill解决了这个问题。以下是我所做的步骤：
//安装Babel Polyfill：

npm install --save-dev babel-polyfill
//然后包括前内源和测试文件的填充工具文件files的部分karma.conf.js：

files: [
  '../node_modules/babel-polyfill/dist/polyfill.js',
  'index.js'
],

注意
异步主件在断言时必须保证渲染完成.所以要使用nextTick