Dell老师有话说：会测试的前端有未来，不会测试的前端被挤压！

前端工程越来越复杂， 光靠工程师的常规工作来维护项目变得越发困难。 在前端开发中引入自动化测试技术，让项目质量可以通过自动化工具来保障， 将解决这个难题。从实际应用情况来说，大小公司也都越来越重视测试， 大公司工程大，必然要测试；小公司分工没有那么细，要求”一角多能“，前端工程师更要承担测试工作。
另外，掌握测试不只是一种技能，它更能提升你的架构思维、编码能力和把控项目整体稳定性的能力。

未来的前端工程师，自动化测试将是必会内容，Jest就是你的不二选择

在国外，只要是稍大一点的项目都会用自动化测试，国内公司也越来越重视，并且越来越多的前端工程师承担了这项工作

• 当项目比较重时

  项目历史包袱比较重，难以维护，每次上线都提心吊胆，这个时候用自动化测试就可以解决问题

• 当开发基础库或工具时

  当开发基础组件库或者通用工具时，要确保代码质量，这个时候也要用到前端自动化测试

• 当引入新技术方案时

  当你想引入新技术方案时，使用自动化测试可以提前避免很多“坑”，也适合学习之后在项目中使用

使用JavaScript的主流前端自测框架JEST－全程手写代码从入门到进阶

Jest以JS开发，前端工程师可以零语言成本入门，是当前大多数工程师及公司的主流选择

• 
  Jest进阶

  snapshot 快照测试
  mock 深入学习
  mock timers
  ES6 中类的测试
  Jest  中对 DOM 节点操作的测试
  

• 
  Jest入门

  自动化测试背景及原理
  Jest自动化测试框架简介
  用 Jest 修改自动化测试样例
  Jest 的配置/匹配器
  Jest 命令行工具的使用
  异步代码的测试方法
  Jest 中的钩子函数
  钩子函数的作用域
  Jest 中的 Mock
  

以Vue/React项目进行TDD/BDD双测试实战－前端工程师上手更容易

以前端熟悉的主流框架开发的项目进行实战，让学习更贴近实际工作，也让你的学习成本更低

• React 中的TDD测试

  (先写测试,再写代码,单元测试为主)

  React 环境中配置 Jest
  Enzyme 的配置及使用
  使用 TDD 的方式开发 Header 组件
  Header 组件样式新增及快照测试
  通用代码提取封装
  UndoList 的实现
  UndoList 样式修饰及测试代码优化
  UndoList 编辑功能实现
  CodeCoverage 代码覆盖率
  

• Vue 中的TDD测试

  (先写测试，再写代码，单元测试为主)

  Vue 环境中配置 Jest
  vue-test-utils 的配置及使用
  使用 TDD 的方式开发 Header 组件
  Header 组件样式新增及快照测试
  通用代码提取封装
  UndoList 的实现
  UndoList 样式修饰及测试代码优化
  UndoList 编辑功能实现
  CodeCoverage 代码覆盖率
  

• Vue 中的BDD测试

  (先写测试，再写代码，集成测试为主)

  BDD+集成测试改写项目
  Jest 测试 Vuex
  Jest 模拟异步请求
  Jest 测试路由
  

• React 中的BDD测试

  (先写测试，再写代码，集成测试为主)

  BDD+集成测试改写项目
  Jest 测试 Redux
  Jest 模拟异步请求
  Jest 测试路由
  

学员专享增值服务