问题背景
首先,在搭建之前要知道在什么情况下需要karma+mocha+chai+webpack的单元测试呢?
首先你写的项目是一个前端项目,是运行在浏览器中的,写好的代码包含了es6的语法,则需要搭建这样一个单元测试环境。
mocha是真正的测试框架,chai是断言库,而karma是一个调用浏览器执行测试代码的集合工具
需要的依赖有
- karma
- karma-chai
- karma-mocha
- karma-webpack
- webpack
- babel-loader
- babel-core
- mocha
- chai
- karma-chrome-launcher(用来自动启动Chrome浏览器,如果karma配置中是别的浏览器,则更换相应的launcher)
提示:可以通过命令
npm install --save--dev 以上插件名称
全部安装到位
在根目录下添加karma的配置文件
karma.conf.js
// file : karma.conf.js
// Karma configuration
// Generated on Wed Aug 15 2018 12:25:52 GMT+0800 (中国标准时间)
module.exports = function (config) {
config.set({
// base path that will be used to resolv