吾爱编程

标题: 前端要学的测试课从Jest入门到 TDD/BDD双实战 [打印本页]

作者: admin 时间: 2020-8-12 11:38
标题: 前端要学的测试课从Jest入门到 TDD/BDD双实战

第1章课程导学
带你了解课程主体内容，整体对课程中的前端自动化测试及知识点做通盘了解。帮助大家确认课程是否与自己的需求匹配。从零基础入门前端自动化测试，带你深入了解如何借助Jest这样的工具和TDD等测试思想，快速完成对Vue，React项目的完整测试...

1-1 前端要学的测试课试看
第2章 Jest 前端自动化测试框架基础入门
本章讲解前端自动化测试框架的产生背景，原理以及目前最为流行的前端自动化测试框架 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 章节小结
第3章 Jest难点进阶
本章主要讲解 Jest中 snapshot 以及高级 mock 技巧，帮助大家深入理解在不同情况下，如何使用高级知识点完成不同的测试需求。

3-1 snapshot 快照测试
3-2 mock 深入学习
3-3 mock timers
3-4 ES6 中类的测试
3-5 Jest 中对 DOM 节点操作的测试
第4章 Vue 中的 TDD 与单元测试
本章主要讲解，在 Vue 中，接口和 Vue-test-util 如何使用 TDD 的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和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 CodeCoverage 代码覆盖率
4-14 章节小结
第5章 React中的 TDD 与单元测试
本章主要讲解，在React中，结合Enzyme，如何使用TDD的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。

5-1 什么是TDD？（同4-1）
5-2 React 环境中配置 Jest（1）
5-3 React 环境中配置 Jest（2）
5-4 Enzyme 的配置及使用
5-5 使用 TDD 的方式开发 Header 组件 (1)
5-6 使用 TDD 的方式开发 Header 组件 (2)
5-7 Header 组件样式新增及快照测试
5-8 通用代码提取封装
5-9 UndoList 的实现（1）
5-10 UndoList 的实现（2）
5-11 UndoList 样式修饰及测试代码优化
5-12 UndoList 编辑功能实现（1）
5-13 UndoList 编辑功能实现（2）
5-14 UndoList 编辑功能实现（3）
5-15 CodeCoverage 代码覆盖率
5-16 章节小结
第6章 Vue中的 BDD 与集成测试
本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势，通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

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 与集成测试
本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势，通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

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 路由页面的代码组织
第8章前端自动化测试的思考总结
本章对课程设计的知识点做完整的总结，同时衍生出业界对前端自动化测试的最佳实践相关的思考，通过例子的讲解，带大家进一步提升测试方案选型的能力。

8-1 课程总结

作者: mathmath 时间: 2020-8-13 08:48
111111111111111111111111111111111111111

作者: farewell02 时间: 2020-8-13 10:17
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: ping 时间: 2020-8-13 23:32
6666666666666666666666666666

作者: sunpcm 时间: 2020-8-17 22:22
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: jie305998 时间: 2020-8-29 20:37
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: longzhileixue 时间: 2020-9-3 17:59
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: tutu 时间: 2020-9-4 12:26
666666666666666

作者: hbxhbx 时间: 2020-9-23 16:33
果断回帖，如果沉了就是我弄沉的很有成就感支持吾爱编程网！

作者: yinpo 时间: 2020-9-24 11:33
不管你信不信，反正我是信了。支持吾爱编程网！

作者: 702686635 时间: 2020-10-6 22:47
55555555555555555555555555

作者: tclyjy 时间: 2020-10-9 16:59
不管你信不信，反正我是信了。支持吾爱编程网！

作者: kaikaijiushiwo 时间: 2020-10-14 13:52
不管你信不信，反正我是信了。支持吾爱编程网！

作者: 流年666 时间: 2020-12-15 17:21
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: zfx1509 时间: 2021-4-27 10:48
zxyhljgsddasdsad

作者: qwwccd 时间: 2021-7-16 11:55
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: berrly 时间: 2021-7-25 16:04
1111111111111

作者: Bayar 时间: 2021-9-19 10:53
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: 1176234196 时间: 2021-10-14 10:37
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: guohao 时间: 2022-1-26 11:44
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: whoknows.ck 时间: 2022-5-16 20:46
不管你信不信，反正我是信了。支持吾爱编程网！

欢迎光临吾爱编程 (http://www.52pg.net/)