搭建karma+mocha+chai+webpack的支持es6的单元测试

问题背景
首先,在搭建之前要知道在什么情况下需要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
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值