Karma
Karma是一個測試工具，能讓你的代碼在瀏覽器環境下測試。代碼可能是設計在瀏覽器端執行的，在node環境下測試可能有些bug暴露不出來（比如要做樣式的測試），如果你的代碼只會運行在node端，那么你不需要用karma。
vue-cli3 結合karma
經過查找搜索到vue-cli-plugin-unit-karma插件, 集成vue-cli3與karma，但是結果不那么完美，執行的時候還是報錯。
不過功夫不負有心人，終于找到解決方法，步驟如下
安裝依賴
npm install --save-dev @vue/test-utils karma karma-chrome-launcher karma-mocha karma-sourcemap-loader karma-spec-reporter karma-webpack mocha
在package.json層創建karma.conf.js (注意，是conf，不是config!!!)
內容如下
var webpackConfig = require('@vue/cli-service/webpack.config.js')module.exports = function (config) { config.set({ frameworks: ['mocha'], files: [ 'tests/**/*.spec.js' //tests目錄下，所有.spce.js結尾的測試文件 ], preprocessors: { '**/*.spec.js': ['webpack', 'sourcemap'] }, webpack: webpackConfig, reporters: ['spec'], browsers: ['ChromeHeadless'] })}package.json內增加script命令
"test": "karma start"
最后執行 npm run test 即可
參考
Testing Single-File Components with Karma
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
