业力是一个测试工具,能让你的代码在浏览器环境下测试。代码可能是设计在浏览器端执行的,在节点环境下测试可能有些错误暴露不出来(比如要做样式的测试),如果你的代码只会运行在节点端,那么你不需要用业力。
经过查找搜索到vue-cli-plugin-unit-karma插件,集成vue-cli3与业力,但是结果不那么完美,执行的时候还是报的错。
不过功夫不负有心人,终于找到解决方法,步骤如下
<>强安装依赖
npm安装——save-dev @vue/test-utils业力karma-chrome-launcher karma-mocha karma-sourcemap-loader karma-spec-reporter karma-webpack摩卡
在package.json层创建karma.conf。js(注意,是相依,不是配置! ! !)
内容如下
var webpackConfig=要求(“@vue/cli-service/webpack.config.js”)
模块。出口=函数(配置){
config.set ({
框架:“摩卡”,
文件:[/* */* .spec”测试。js '//测试目录下,所有.spce.js结尾的测试文件
),
预处理器:{
* */* .spec。js”: [' webpack ', ' sourcemap ']
}，
webpack: webpackConfig,
记者:“规范”,
浏览器(“ChromeHeadless”):
}）
}
包。json内增加脚本命令
“测试”:“业力”
之前
最后执行npm运行测试即可
<强>参考
测试列纵队组件与业力
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
