前端要学的测试课 从Jest入门到 TDD/BDD双实战百度网盘下载点击快速获取相关资源
课程介绍($ \ O O z R I JA000496)：
课程包括前端自动化测试H w Z J 5框架 Jest 的讲解，React 中 Enzyme 组件测试工具的讲解，Vue-test-utils 的讲# w n c D _ 7 L ?解，以及TDD，BDD测\ 1 _ H y试模式的讲解，单元测试，集成测试的讲解。让你形成自己的测试方法论，提高核心竞争力。
课程目录：
- 第1章 课程导学试看1 节 | 11分钟
- 带你了解0 : K m ! E +课程主体内容，整体1 D ( 7 d c s J M对课程中的前A A H端自动化测试及知识点做通盘_ 3 ( Q % 6 v ,了解。帮助大家确认课程是否与自己的需求匹配。从零基础入门前端自动化测试，带你深入了解如何借助Jesa R B v ,t这样的工具和TDD等测试思想，快速完成对Vue，React项目的完整测试…
- 收起列表
- 视频：1-1 前端要学的测试课 (10:14)试看
- 第2章 Jest 前端自动化测试框架基础入门试看14 节 | 2227 y } ^ %分钟
- 本章讲解前端自动化测试框架的产生背景，原理以及目前最为流行5 e 8 C的前端自动B X y B 0 5 R化测试框架 Jest 的使用方N $ # V \ ` E 5 k式，帮助大家入门前端自动化测试基础知识。
- 收起列表
- 视频：2-1 自动化测试背景及原理 (22:3# N l a _5)试看
- 视频：2-2 前端自动化测试框架 Jest (06:26)试看
- 视频：2-3 使用 Jest 修改! v 5 T ] ( j %自动化测试样例 (14:S 0 *44)
- 视频：2-4 Jest 的简单配置 (19:29)\ = # = i
- 视频：2-5 Jest 中的匹配器 (26:14)
- 视频：2-6 Jest 命令行工具的使用 (27:38)
- 视频：2-7 异步代码的测试方法（1） (17:56)
- 视频：2-8 异步代码的测试方法（2） (15:26)
- 视频：2-9\ R x & E A [ q JeR – ~ h h \ : 5 ]st 中的钩子函数 (21:05)
- 视频：2-10 钩子函数的作用域 (09:47)
- 视频：2-11 Jest 中的 Mock（1） (19:02)
- 视频：2-1e S k Q \2u ~ [ , b J f Jest 中的 Mockb + 4 T y @ D w S（2） (14:30)
- 视频：2j ; / ! ! Q v-138 . l ! 章节小结 (06:13)
- 作业：2-14 【讨论题】关于前端自动化测试，你有多少了解呢？
- 第3章 Jest难点进阶6 节 | 91分钟
- 本章主Q B Y y要讲解 Jest中 snapshot 以及高级 mock 技巧，帮助大家深入理解在不同情况) Z _ # 9下，s o L % 7如何使用高级知识点完成不同的测试需求。
- 收起列表
- 视频：3-1 snapshot 快F t . &照测试 (24:18)
- 视频：3-2 mock 深入学习 (17:55)
- 视频：3-3 mock timers (15:24)
- 作业; $ C 0 e：3-4 【讨论题】Jest 中的 Mock得实现
- 视频：3-5 ES6 中类的测试 (24:44)
- 视频：3-6 Jest 中对 DOM 节点操作的测试 (07:59)
- 第4章 Vue 中的 TDD 与 单元] l x g K )测试15 节 | 218分钟
- 本章主要讲解，在 Vue 中，接口和 Vue-test-util 如何使用 TDD1 V M \ D 的流程对业务组件进行单元测试，通过例子帮助大家理解TE 8 d e k d LDD与单元测试，同时也引出单元测试和TDD的一些优劣点。
- 收起列表
- 视频：4-1 什么是TDD？ (09:42)
- 视频：4-2 Vue 环境中配置 Jest (17:38)
- 视频：4-3 vue-test-uT O J 2 4 x Utils 的配置及使用 (25:35)
- 视频：4-4 使用 TDD 的方式开发 Header 组件（1） (30:48)
- 视频：4-5 使用 TQ 0 Q kDD 的方式开发 Header 组件 (2) (10:35)
- 视频：4-6 Header 组件样式新增及快照测试 (09:35)
- 视频：4-7 通用代码提取封装 (05:56)
- 视频：4-8 UndoList 的实现（1） (14:51)
- 视频：4-9 UndoList 的实现（2） (13:48)
- 视频：4-10 UndoList 样式修饰及测试代码优化 (16:41)
- 视频：4-11 UndoList 编辑功能实现(1) (12:56)
- 视频：4-12 UndoList 编辑功能实现q ) T s / 4 O (2) (u T v + | D ~ t j31:01)
- 作业：4-13 【讨论题】TDD 测试驱动的开发，研发流程是怎样的
- 视频：4-14 CodeCoverage 代码覆K u n ! &盖率 (13:16)
- 视频：4-15 章节小结 (04:57)
- 第5章 React中的 TDD 与 单元测试17 节 | 246分钟
- 本章主要讲解，在React中，结合Enzyme，如何使用TDD的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。
- 收起列表
- 视频：5-1 什么是TDD？l | y d b ` a s（同4-1） (09:42)
- 视频：5-2 React 环境中配置 Jest（1） (16:03)
- 视频：5-3 React 环境中配置 Jest（2） (13:33)
- 视频：5-4 Enzyme 的配置及使用 (32:00)
- 作业：5-5 【讨论题】你对 Enzymp D , F } ne 是怎么理解的
- 视频：5-6 使用 TDD 的方式开发 Header 组件 (1) (19:52)
- 视频：5-7 使用 TDD 的方式开发 Headh $ } R u i \ Wer 组件 (2) (26:01)
- 视s 3 R : . 1 & e频：5-8 Header 组件样式新增及快照测试 (08:22)
- 视频：5-9 通用代码提取封装 (09:07)
- 视频：5-10 UndoList 的实现（1） (12:46)
- 视2 D o 9 O h ? % A频：5-11 UndoList 的实现（2） (16:04)
- 视频：5-12 UndoList 样式修饰及测试代码优化 (19:39)
- 视频：5-13 UndoList 编辑功能实现 （1） (17:08g J x 1 c T)
- 视频：5-14g g } N ` e UndoList 编辑功能实现 （% . o l $ U V u O2） (14:42)
- 视频：5-15 UndoList 编辑功能实现（3） (16:26)
- 视频：5-16 CodeCok P 2 U – Yverage 代码覆盖率% 7 4 X ) ] n (08:49)
- 视频：5-17 章节小结 (05:43)
- 第6章 Vue中的 BDD 与 集成测试6 节 | 92} e } C i分钟
- 本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可b 1 Z 7 w j H / l以深入理解TDD: I 2 f I 5 N n r，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。…
- 收起列表
- 视频：6-1 BDD 的L q H ? B L T概念以及与 TDD 的对比 (15:I b = @ e v53)
- 视频：6-2 使用 BDD 和集成测试进行 Vuex 项目的测试（1） (12:41)
- 视频：6-3 使C n ] F用 BDD 和集成测试| H * / c l 2进行 Vuex 项目的测试（2） (13:24)
- 视频：6-4 异步测试(1) (29:05)
- 视频：6-5 异步测试(2) (08:26)
- 视频：6-6 路由页面# . 9 2 g \的代码组织 (12:02)
- 第7章 ReN % – 3act中的 BDD 与 集成测试8 节 | 109分钟
- 本章通过 BDDD – J % i j \ + 与集成测试，通过重新改写测试用例和业务代码，让@ ` K R v大家清晰直观的看到 B\ / \ K s u Q B _DD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDD，B– 5 ? 9 Y s { e UDD，单元测试，集成测试的适/ 8 i ! v e A用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。…
- 收起列表
- 视频：7-1 BDD 的概念以及与 TDD 的对比 (16:36)
- 视频：7-2 使用 BDD^ k [ g k 和集成测试进行 Redux 项目的测试（1） (17:16)
- 视频：7-3 使用 BDD 和集成测试进行w b 9 O _ } R ~ Redux 项目的测试（2） (18:03)
- 视频：7-4 异步测试(1) (17:00)
- 视频：7-5 异步测试(2) (19:49)
- 视频：7q , 4 G-6 异步测试(3) (07:05)
- 视频：7-7 路由页面的代码组织 (13:07)
- 作业：7-8 【讨论题】BDD 行为驱动的开发，研发流程是怎样的
- 第8章 前端自动化测试的思考总结1 节 | 14分钟
- 本章对课程设计的知识点做完整的总结，同时衍生出业界对前端自动化测试的最佳实Q s = l V + * [践相关的思考，通过例子的讲解，带大家进一步提升测试方案选型的能力。` F f 2
- 收起列表
- 视频8 L ~ V :：8-1 课程总结 (13:44)
文件目录：
| 前端要学的测试课 从Jest入门到 TDDBDD双实战, |
| │ ├─第1章 前端要学的测试课, |
| │ │ 1-1 前端要学的测试课,.mp4 |
| │ │ |
| │t J k ├─第2章 Jestl C e 前端自动化测试v ` 4 x ( S g ~ .框架b \ ; L基础入门, |
| │ │ 2-1 自动化测试背景及原理,.mp4 |
| │ │ 2-10 钩子函数的作用域,.mp4 |
| │ │ 2-11 Jest 中的 Mock（1）,.mp4 |
| │ │ 2-12 Jest 中的 Mock（2）,.mc & r Vp4 |
| │G P z ; k │ 2S H = u B-13 章节小结,.mp4 |
| │ │ 2-2 前端自动化测试框架 Jest,.mp4 |
| │ │ 2-3 使用 Jest 修改自动化测试样例,.mp4 |
| │ │n ) s j 2-4 Jest 的简单配置,.mp4 |
| │ │ 2-5 Jest 中的匹配器,.mp4 |
| │ │ 2-6 Jest 命令行工具的使用,.mp4 |
| │ │ 2-7 异步代码的测试方法（1）,.mp4 |
| │ │ 2-8 异步代码的测试方法（2）,.mp4 |
| │ │ 2-9 Jest 中的钩子函数mp4,.mp4 |
| │ │ |
| │ ├─第3章 Jest难点进阶j d !, |
| │ │ 3-1 snapshot 快照测试,.mp4 |
| │ │a } a q 3-2 mock 深入学习,.mp4 |
| │ │ 3-3 mock timers,.mp4 |
| │ │ 3-4@ g \ V * ES6 中类的测试,.mp4 |
| │ │ 3-5 Jest 中对 DOM 节点操作的测试,.mp4 |
| │ │ |
| │ ├─第4章 Vue 中的 TDD 与 单元测试, |
| │ │ 4-1 什么是TDD？,.mp4 |
| │ │ 4-10 UndoList 样式修饰及; 0 ! A 6 U h测试代码优化,.mp4 |
| │ │ 4-11 UndoList 编辑功能实现(1),.mp4 |
| │ │ 4-12 UndoList 编辑功能实现 (2),.mp4 |
| │ │ 4-13 CodeCoverage 代码覆盖率,.mp4 |
| │ │ 4-14 章节小结mp4,.mp4 |
| │ │ 4-2 Vue 环境中配置 Jest,.mpy S ! T S4 |
| │ │ 4-3 vue-test-utils 的配置及使用,.mp4 |
| │ │ 4-4 使用 TDD , q & ` 5D 的方式开发 Header 组件（1）,.mp4 |
| │ │ 4-5 使用 TDD 的方式开发c J . Header 组件 (2),.mp4 |
| │ │ 4-6 Header 组件样式新增及快照T { m测试,.mp4 |
| │ │ 4-7 通用代码提取封装,.mp4 |
| │ │ 4-8 UndoList 的实现（1）,.mp4 |
| │ │ 4-9 UndoList 的实现（2）,.mp4 |
| │ │ |
| │ ├─第5章 React\ 1 6 + \ B , 0 K中h K +的 TDD 与 单元测试, |
| │ │ 5-1 什么是TDD？（同4-1）,.mp4 |
| │ │ 5-10 UndM s # ` F z = 9oList 的实现（2）,.mp4 |
| │L c Y A * N L 2 │ 5-11 UndoLisV 4 g L @ } ) ft 样式修饰及B # + % .测试代码优化,.mp4 |
| │ │ 5-12 UndoList 编辑功能实现5 0 c T （1）] f L .,.mp4 |
| │ │ 5-13 UndoList 编辑功能实现 （2）,.mp4 |
| │ │ 5-14 UndoList 编辑功能实现（3）,.mp4 |
| │ │G 5 7 5-1B z 9 ? 1 @ _5 CodeCoverage 代码覆盖率,.mp4 |
| │ │ 5-16 章节小结_ev,.mp4 |
| │ │ 5-2 React 环境中配置 Jest（1）,.mp4 |
| │ │ 5-3 React 环境中配置 Jest（2）,.mp4 |
| │ │ 5-4 Enzyme 的配置及使用,.mp4 |
| │ │ 5-5 使用 TDD 的方式开发 Header 组件 (1),.mp4 |
| │ │ 5-6 使用 TDD 的方式开发 Header 组件 (2),.mp4 |
| │ │ 5-7 Header 组件样式新增及快照测试,.mp4 |
| │ │ 5-8 通用代码提取封装,.mp4 |
| │ │ 5-9 UndoList 的– i y X实现（1）,.p 2 F U \mp4 |
| │ │ |
| │ ├─第6章 Vue中的 BD= = ! $ [ N ]D 与 集成测试, |
| │ │ 6-1 BDD 的概念以及与 TDD 的对比_ev,.mp4 |
| │ │ 6-2 使用 BDD 和集成测试进行 Vuex 项目的m ( I测试（1_ev,.mp4 |
| │ │ 6-3 使用 BDD 和集成测试进行 Vuex 项目的测试（2_ev,.mp4 |
| │ │ 6-4 异步测试(1)_ev,.mp4 |
| │ │^ , = 6-5@ ` 8 5 异步测试(2)_ev,.mh f Ep4 |
| │ │ 6& + p-6 路由页面的代码组织_ev,.mp4 |
| │ │ |
| │ ├─第7章 React中的 BDD 与 集成测试, |
| │ │ 7-1 BDD 的概念以及与 TDD 的对比_ev,.mp4 |
| │ │ 7-2 使用 BDD 和集成测试进行 Redux 项目的测试（1）_ev,.$ V + * X l J % Emp4 |
| │ │ 7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2）_ev,.mp4 |
| │ │ 7-y ] ^4 异步测试(1)_evv r \ l,.mp4 |
| │ │ 7-5 异步测试(2)% E o_ev,.mp4 |
| │ │ 7-6 异步测试(3)_ev,.mp4 |
| │ │ 7-7 路由页面的代码组织_ev,.mp4 |
| │ │ |
| │ ├─第8章 前端自动化测试的思考总结, |
| │ │ 8-1 课程总结_ev,.mp4 |
| │ │ |
| │ └─资料, |
| │ react-code-master,.zip |
| │ vu? R P , M 8 ze-master,.zip |
点击获取课程资源：前+ X ` r & 9端要学的测n ] Q V ^ { A试课 从Jest入门到 TDD/BDD双实战百度网盘下载
https://zy.98ke.com/zyjn7 [ ~ ? I/54191$ ( o (.y | p c c c !htmlg Q ; q?ref=9400
