tdd：（react + mocha）环境配置

写在前面：

　　在git上面clone一些项目的时候总是能够看到一些测试文件，因而就学习了一下TDD；

　　TDD —— Test-Drive Development是测试驱动开发的意思，是敏捷开发中的一项核心实践和技术，也是一种测试方法论。TDD的原理是在开发功能代码以前，先编写单元测试用例代码，测试代码肯定须要编写什么产品代码 —— 引自百度百科，（当全部的测试用例经过了，就说明你的组件完成了）。

　　实现的过程 —— 当修改组件代码的时候，自动触发，执行测试用例，实时反映结果。笔者为了“自动”两个字，去学习了前端自动化工具 gulp 跟 grunt 的区别，也进一步学习了grunt的使用，而后发现测试包 mocha 已经包括了自动触发的功能（--watch参数）。

　　注意：本文应该属于开发测试阶段的内容，并不深刻测试方向（什么集成测试，单元测试，跨浏览器测试，并无去学习）。

　　代码：https://github.com/miaowwwww/tdd-dome

 

 不使用前端自动化工具：grunt && gulp，直接使用mocha（--watch）

　　学习前提： mocha， enzyme（react-addons-test-utils），  chai，

　　坑：1. mocha默认不是认识es6， 须要配置 --compilers

　　　　

　　　　2. .babelrc文件 —— 在webpack中工做，项目代码由babel-loader实现转码，而且在webpack.config.js里面配置babel:options, 然而mocha并无babel：options。

　　　　　　所以，笔者在这里吃了大亏，解释es6，不成功，还无提示语言。简直要命了。所以须要加上.babelrc文件。

　　　　　

 

　　展现图：