[372] 前端要学的测试课 从Jest入门到TDD/BDD双实战 - 课程对比栏

网盘链接：

1. 课程导学

• 1-1 前端要学的测试课

2. Jest 前端自动化测试框架基础入门

• 2-1 自动化测试背景及原理
• 2-2 前端自动化测试框架 Jest
• 2-3 使用 Jest 修改自动化测试样例
• 2-4 Jest 的简单配置
• 2-5 Jest 中的匹配器
• 2-6 Jest 命令行工具的使用
• 2-7 异步代码的测试方法（1）
• 2-8 异步代码的测试方法（2）
• 2-9 Jest 中的钩子函数
• 2-10 钩子函数的作用域
• 2-11 Jest 中的 Mock（1）
• 2-12 Jest 中的 Mock（2）
• 2-13 章节小结
• 2-14 【讨论题】关于前端自动化测试，你有多少了解呢？

3. Jest难点进阶

• 3-1 snapshot 快照测试
• 3-2 mock 深入学习
• 3-3 mock timers
• 3-4 【讨论题】Jest 中的 Mock得实现
• 3-5 ES6 中类的测试
• 3-6 Jest 中对 DOM 节点操作的测试

4. Vue 中的 TDD 与 单元测试

• 4-1 什么是TDD？
• 4-2 Vue 环境中配置 Jest
• 4-3 vue-test-utils 的配置及使用
• 4-4 使用 TDD 的方式开发 Header 组件（1）
• 4-5 使用 TDD 的方式开发 Header 组件 (2)
• 4-6 Header 组件样式新增及快照测试
• 4-7 通用代码提取封装
• 4-8 UndoList 的实现（1）
• 4-9 UndoList 的实现（2）
• 4-10 UndoList 样式修饰及测试代码优化
• 4-11 UndoList 编辑功能实现(1)
• 4-12 UndoList 编辑功能实现 (2)
• 4-13 【讨论题】TDD 测试驱动的开发，研发流程是怎样的
• 4-14 CodeCoverage 代码覆盖率
• 4-15 章节小结

5. React中的 TDD 与 单元测试

• 5-1 什么是TDD？（同4-1）
• 5-2 React 环境中配置 Jest（1）
• 5-3 React 环境中配置 Jest（2）
• 5-4 Enzyme 的配置及使用
• 5-5 【讨论题】你对 Enzyme 是怎么理解的
• 5-6 使用 TDD 的方式开发 Header 组件 (1)
• 5-7 使用 TDD 的方式开发 Header 组件 (2)
• 5-8 Header 组件样式新增及快照测试
• 5-9 通用代码提取封装
• 5-10 UndoList 的实现（1）
• 5-11 UndoList 的实现（2）
• 5-12 UndoList 样式修饰及测试代码优化
• 5-13 UndoList 编辑功能实现 （1）
• 5-14 UndoList 编辑功能实现 （2）
• 5-15 UndoList 编辑功能实现（3）
• 5-16 CodeCoverage 代码覆盖率
• 5-17 章节小结

6. Vue中的 BDD 与 集成测试

• 6-1 BDD 的概念以及与 TDD 的对比
• 6-2 使用 BDD 和集成测试进行 Vuex 项目的测试（1）
• 6-3 使用 BDD 和集成测试进行 Vuex 项目的测试（2）
• 6-4 异步测试(1)
• 6-5 异步测试(2)
• 6-6 路由页面的代码组织

7. React中的 BDD 与 集成测试

• 7-1 BDD 的概念以及与 TDD 的对比
• 7-2 使用 BDD 和集成测试进行 Redux 项目的测试（1）
• 7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2）
• 7-4 异步测试(1)
• 7-5 异步测试(2)
• 7-6 异步测试(3)
• 7-7 路由页面的代码组织
• 7-8 【讨论题】BDD 行为驱动的开发，研发流程是怎样的

8. 前端自动化测试的思考总结

• 8-1 课程总结