对于Karma+Mocha+Chai及其他自动化测试相关工具的话题将在《大前端的自动化工厂》系列博文中讲述,本篇主要介绍karma-webpack连接件,它从工具实现层面上将自动化测试与自动化构建联系在了一起 二. karma-webpack 插件地址:https://github.com/webpack-contrib/karma-webpack 2.1 自动化单元测试库简介 先对基本的单元测试工具做一个简要说明 Karma-webpack主要提供的能力,是为Karma中加载的测试脚本提供模块化加载的能力。 2.2 基本使用 使用yarn add karma-webpack -D进行安装,karma.conf.js配置文件如下: module.exports = (config) => { config.set
$ npm install -D karma karma-chrome-launcher karma-mocha karma-sourcemap-loader karma-spec-reporter karma-webpack
需要安装的项目: jasmine:单元测试库 karma:测试框架,配置选择phantomjs浏览器 karma-jasmine:操作jasmine的插件 karma-webpack:webpack与karma
让我们开始吧... npm i karma karma-chai karma-mocha karma-webpack --save-dev npm i karma-sourcemap-loader karma-phantomjs-launcher going to be using to prevent warnings plugins: [ 'karma-mocha', 'karma-chai', 'karma-webpack karma-phantomjs-launcher": "^0.2.3", "karma-sourcemap-loader": "^0.3.6", "karma-spec-reporter": "0.0.23", "karma-webpack
webpackMiddleware: { noInfo: true }, plugins: [ require("karma-webpack
它拥有一些测试插件: karma-webpack 用webpack预处理文件 karma-coverage 测试覆盖率 karma-mocha 接入mocha测试框架 karma-spec-reporter
karma-mocha": "^2.0.1", "karma-sourcemap-loader": "^0.3.8", "karma-spec-reporter": "0.0.32", "karma-webpack
调整配置支持ES6,添加webpack npm i webpack karma-webpack babel-core babel-loader babel-preset-es2015 调整配置增加测试覆盖度
调整配置支持ES6,添加webpack npm i webpack karma-webpack babel-core babel-loader babel-preset-es2015 调整配置增加测试覆盖度
karma-safari-launcher": "^1.0.0", "karma-sauce-launcher": "^2.0.2", "karma-sourcemap-loader": "^0.3.7", "karma-webpack
"karma-coverage": "^2.0.3", "karma-mocha": "^2.0.1", "karma-mocha-reporter": "^2.2.5", "karma-webpack karma-chrome-launcher', 'karma-mocha', 'karma-mocha-reporter', 'karma-chai', 'karma-webpack