一：前端单元测试

单元测试通过对最小的可测试单元（通常为单个函数、模块、对象、组件等）进行测试和验证，来保证代码的健壮性。单元测试是开发者的第一道防线。单元测试不仅能强迫开发人员理解我们的代码，也能帮助我们记录和调试代码。
一个完整、优秀的项目往往离不开单元测试的环节，就 github 上的主流前端项目而言，基本都有相应的单元测试模块。

二：单元测试框架选取

1. 单元测试应该：简单，快速执行，清晰的错误报告。
2. 选取单元测试框架关注点：
   1) ：判断是否符合预期选择框架会考虑下面的点

2) ：断言(Assertions)：用于判断结果是否符合预期。有些框架需要单独的断言库
3) 适合 TDD / BDD：是否适合 测试驱动型 / 行为驱动型的测试风格
4) 异步测试：有些框架对异步测试支持良好
5) 使用的语言：大部分 js 测试框架使用 js
6) 用于特定目的：每个框架可能会擅长处理不同的问题
7) 社区是否活跃

三：mocha+chai及jest框架对比

Jest优势

1. facebook 坐庄
   2.基于 Jasmine 至今已经做了大量修改添加了很多特性

3.开箱即用配置少，API简单
4.支持断言和仿真
5.支持快照测试
6.在隔离环境下测试
7.互动模式选择要测试的模块
8.优雅的测试覆盖率报告

8.1jest-html-reporters
8.2提交代码测试跑不过，排查起来比较麻烦。 Github有 jest 的 reporter，可以把测试结果生产静态页面。
8.3 GitHub: jest-html-reporters

9.智能并行测试
10.较新，社区不十分成熟
11.全局环境，比如 describe 不需要引入直接用
12.较多用于 React 项目(但广泛支持各种项目)

1. 静态分析结果生成：集成Istanbul，可以生成测试覆盖率报告
   14.勾子函数

Jest Demo如下图：

Mocha+chai优势

1.灵活(不包括断言和仿真，自己选对应工具)
2.丰富的chai断言库，简洁明了
2.社区成熟用的人多，测试各种东西社区都有示例
3.需要较多配置
4.可以使用快照测试，但依然需要额外配置
5.有趣的测试钩子