前端要学的测试课 从Jest入门到 TDD/BDD双实战百度网盘下载点击快速获取相关资源
课程介绍({ x _A000496)：
课程包括前端自动化测试框架 Jest 的讲解，React 中 Enzyme@ A ] F | 组件测试工具的讲解x ( 8，Vue-test-utilsI i @ 8 ` s / 4 的讲解，以及TDD，BDD测试模式的讲解，单元测试，集成测试的讲解。让你形成自己的测试方法论，提高核心竞争力。) P \ Z U 9 _ h .
课程目录：
- 第1章 课程导学试看1 节 | 11分钟
- 带你了解课程主体内容，整体对课程中的前端自动化测试及知识点做通盘了解。帮助大家确认课程是否与自己的需求匹配。从零基础入门前端自动化测试，带你深入了解如何借助Jest这样的工具和TDD等测试思想，快速完成对Vue，React项目的完整测试…
- 收起列表
- 视频：1Z ? ! b ( ) (-1 前端要学的测试课 (1. { Z P ? @ ~ ] [0:14)试看
- 第2章 Jest 前端自动化测试框架基础k # l v 6 h Z l入门试看14 节 | 222分钟
- 本章讲解前端自动化测试框架的产生背景，原理以及目前最为流行) U L E m 1 z的前端自动化测试框架 Jest 的使用方式，帮l D O M C G 1 ?助大家入门前端自动化测试基础知识。
- 收起列表
- 视频：2-1 自动化测试背景及原理 (22:3I m ? l5)试看
- 视频：2-2 前端自动化测试框架 Jes. o R 7 x 9t (06:26)试看
- 视频} 6 Y h Q 9 .：2-3 使用 Jest 修改自动S M E 6 N Y化测试样例 (14:44)
- 视频：2-4 Jest 的简单配置 (19:29)
- 视频：2-5 Jest 中的匹配器 (26:14)
- 视频：2-6 Je{ H 8 _st 命令行工具的使用 (27:38)
- 视频：2-7 异步代码的测试方法（1） (17m A ! } \:O M Z56)
- 视频：2-8 异步代码的测试方法（2） (15:267 _ n { g # f)
- 视频：2-9 Jest 中的钩子函数 (| S g @ ? W l 0 i21:05)
- 视频：2-10 钩子函数的作用域 (09:47)
- 视频：2-11 Jest 中的 Mock（1） (19:02)
- 视频：2-12 Jest 中的 Mock（2） (14:30)
- 视频：2-13 章节小结 (06:E G &13)
- 作业：2-14 【讨论题】关于前端自动化测试，你有多少了解呢？
- 第3章 Jest难点进阶6 节 | 91分钟
- 本章主要讲解 Jest中 snapshot 以及高级 mocw 0 ak 技巧，帮助大家深入理解在不同情况下，如何使用高级知识点完成不同的测试p o S L * \ L需求。
- 收起列表
- 视频：3-1 snapshot 快照测试 (24:18)
- 视频：3-2 mock 深入学习 (17:55)
- 视频：3-3 mock timY } P 2 3 r 2 ^ aers (15:24)
- 作业：3-4 【讨论题】Jest 中的 Mock得实现
- 视频：3-5 ES6 中类的测试 (24:44)9 A : } 1 C 5 + I
- 视频：3-6 Jest 中对 DOM 节点操作的测试 (07:59)
- 第4章 Vue 中的 TDD 与 单元测试15 节 | 219 P R o 3 : T | P8分钟
- 本章主要讲解，在 Vue 中，接口和 Vue-test-util 如何使用 TDD 的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。
- 收起列表
- 视频：4-1 什么是TDD？ (; C P09:42)
- 视频：4-2 Vue 环境中配置 Jest (17:38)
- 视频：4-3 vue-test-utils 的配置及使用 (25:35)
- 视频5 , 0 ] L：4-4 使d k Z C | –用 TDD 的方式开发 Head3 S W I 8 | R T ger 组件（1） (30:48)
- 视频0 x p _ : S P D U：4-5 使用 TDD 的方式开发 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 Und9 \ B w E z –oList 样式修饰及测试代码优化 (16:41)
- 视频：4-11 UndoList 编辑功能实现(1) (12:56)
- 视频：4-12 UndoList 编辑功能实现 (2) (31:01)
- 作业：4-13 【讨[ ) I B O论题】TDD 测试驱动的开发，研发流程是怎样的
- 视频：4-14 CodeCoverage 代码覆盖率 (13:16)
- 视频：4-15 章节小结 (04:57)
- 第5章 React中的 TDD 与 单元测试17 节 | 246分钟
- 本章主要讲解，在React中，结合Enzyme，如何使用TDD的流程对业务组件v o v 8进行单元测试，通` p ) W 6 Z =过例子帮助大家理解TDD与Q j k K s /单元测试，同时也引出单元测试和TDD的一些优劣点。
- 收起列表
- 视频：5-1 什么是TDD？4 W g（同4-1） (09:42)
- 视频：5-2 React 环境中配置 Jest（1） (16:03)
- 视频：5-3 React 环境中Q 5 5配置 Jest（2） (13:33)
- 视频：5s y Z r X F-4 Enzyme 的配置及使用 (32:00)
- 作业：5-5 【讨论题】你对 Enzyme 是怎么理解的
- 视频：5-6 使用 TDD 的方式开发 Header 组件 (1) (19:52)
- 视频：5-7 使用 TDD 的方式开发 Header 组件 (29 l B A `) (26:01)
- 视频：5-8 Header 组件样式新增及快照测试 (08:22)
- 视频：5-9 通用代码提取封装 (09:07)
- 视频：5-10 UndoListe A y % z 的实现（1） (12:46)
- 视频：5-11 UndoList 的实现（? ^ ~ T \ k K ? :2） (16:04)
- 视频：5-12 UndoLi2 } | n ` J (st 样式修饰及测试代码优化 (19:39p = # _ P z Q v)T j N H p ` q ]
- 视频：5-13 UndoList 编辑功能实现 （1） (17:08)
- 视频：5-14 UndoLa 1 I b 9ist 编辑功能实现 （2） (14:42)
- 视O 4 c b !频：5-15W f z + B u z UndoList 编辑功能实现（3） (Q 9 ? – e C Z L N16:26)
- 视频：5-16 CodeCoverage 代码覆盖率 (08:49)
- 视频：5-17 章节小结 (05:43)
- 第6章 Vue中的 BDD 与 集成测试6 节 | 92分钟
- 本章通过 BDD 与集成测试w k [ k，通过重新改写测试用例和业务代码，让大家清晰直观p ] 9 H [ 0 O的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDDB G K 7 z s c t，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。…
- 收起列表
- 视频：6-1 BDD 的概念以及与 TDH B ; U W j r N wD 的对比 (15:53)
- 视频：6-2 使用 BDD8 q Q T M G y { H 和集成测试进行 Vuex 项目的测试（1） (12:41)
- 视频：6-36 ( K e 2 ] % e t 使用 BDD 和集成测试进行 Vuex 项目的测试（2） (1D o : i s , ( h3:2F c s4)
- 视频：6-4 异步测试(1) (29:05)
- 视频：6-5 异步测试(2) (08:26)
- 视频：6-6 路由m ~ L ? r ! C 7页面的代码组织 (12:02)
- 第7章 React中的 BDDr E 6 ^ \ \ ) + 与 集成测试p ( $ ( 7 ` u8 节 | 109分钟
- 本章通过 BDD 与集成测试，通过重w = o : | ] ( \新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的. O W _ 1优势， 通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景+ | h，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。…
- 收起列表
- 视频：7-1 BDD 的概念以及与 TDD 的对比 (16:36)
- 视频：7-2 使用L R n * g \ 6 j p BDD 和集成测试进行 Redux 项目的测试（1） (17:16)
- 视频：7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2） (18:03)
- 视频：7-4 异步测试(1)X w A @ N # 9 a j (17:00)
- 视频：Q b R &7-5 异步测试(2) (19:49)
- 视频：7-6 异步测试(3) (07:05)
- 视频：7-7 路由页面的代码组织 (13:07)
- 作业：7-8 【讨论题】BDD 行为驱动的开发，研发流程是怎样的
- 第8章 前端自动化测试的思d L _ 8 z T E 5 i考总结8 G 1 E \ P Y #1 节 | 14分钟
- 本章对课程设计的知识点做完整的总结，同时衍生出业界对前端自动化测试的最佳实践相关的思考，通过例子的讲解，带大家进一o s \步提升测试方案选型的能力。
- 收起列表
- 视频：8-1 课程总结 (13:44)
文件目录：
| 前端要学h r E 9 5的测试课 从Jest入门到 TDDBDD双实战, |
| │ ├─I R m ] E , (第1章 前端要学的测试课, |
| │ │ 1-1 前端a ( @ h J q ) = z要学的测试课,.mp4 |
| │ │ |
| │A T 8 f ├─第2章 Jest 前端自动化测试框架基础入门, |
| │ │ 2-1 自动化测试背景及原理,.mp4 |
| │ │ 2-10 钩子函数的作用域~ w ! w I 7 + E,.mp4 |
| │ │ 2-11 Jest 中的 Mock（1）,.mp4 |
| │ │ 2-12 Jest 中的 Mock（2）,.mp4 |
| │ │ 2-13 章节小结,.mp4 |
| │ │ 2-2 前端自动化测试框架 Jest,.mp4 |
| │ │ 2-3 使用 Jest 修改自动化测试样例,n x [ / [ A B G 1.mp4 |
| │ │ 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 |
| │ │ |
| │ ├─/ 1 r第3章 Jest难点进阶, |
| │ │ 3-1 snapshot 快照测试,.mp4 |
| │ │ 3-2 mock 深入学习,.mp4 |
| │ │ 3-3 mock timerz _ 3 U {s,.mp4 |
| │ │ 3-4 ES6 中类的测试,.mp4 |
| │ │ 3-5 Jest 中对 DOM 节点操作的测试,.mp4 |
| │ │ |
| │ ├─第4章 Vue 中的 TDD 与 单元测试, |
| │ │ 4-1 什么是TDD？,.mp4 |
| │ │ 4-10 UndoList 样式修饰及测试代! ] M P X P W a码优化,.mp4 |
| │ │ 4-11 UndoList 编辑功能实现(1),.mp4 |
| │ │ 4K 6 h ; ?-12 UndoList 编辑功能实现 (2),.mp4 |
| │ │ 4-13 Code# 9 l 5 = t H P {CoveraI : 6 rge 代码覆盖率,.mp4 |
| │ │ 4-14 章节小结mp4,.mp4 |
| │ │ 4-2 Vue^ d / 0 环境中配置 Jest,.mp& p . 34 |
| │ │ 4-3 vue-test-utils 的配置及使用,.mp4 |
| │ │ 4-4 使用 TDD 的方式开发 Header 组件（1）,.mp4O . $ g |
| │ │ 4-5 使用 TDD 的方式开/ \ l Z t发 Hea5 M X E O + \ pder 组件 (2),.mp4 |
| │ │ 4-6 Header 组件样式新增及快照测试,.mp4 |
| │| [ I & │ 4-7 通用代码提取封装,.n H T O B a l _mp4 |
| │ │ 4-8 UnT q : H @ s xdoList 的实现（1）,.mp4 |
| │ │ 4-9 UndoList 的实现（2）,.mp4 |
| │ │ |
| │ ├─第5章 React中的 TDD 与 单元h 9 l * _测试, |
| │ │ 5-1 什么是TDD？（同4-1）,.mp4 |
| │ │) & h J A S \ ~ 5-` ? p Z F $ M n10 UndoList 的实现（2）,.mp4 |
| │ │ 5-11 UndoList 样式修饰及测试代码优化,.mp4 |
| │ │ 5-12 UndoList 编辑功能实现 （1）,.mp4 |
| │ │ 5-13 UndoList 编辑功能实现 （2）,.mp4 |
| │ │N 4 x ! u 5-14 UndoList 编辑功能实现（3）,.mp4 |
| │ │ 5-15 C$ b rodeCoverage 代码覆盖率,.mp4 |
| │ │ 5-16 章节小结_ev,.v ? a k :mp4 |
| │ │ 5-2 React 环境中配置 Jest（1）,.mp4 |
| │ │ 5-3 React 环境中配置 Jest（2）,.mp4 |
| │ │ 5-4 Enzyme 的配置及使用,.mp4 |
| │ │ 5-5 使用 TDD 的方式开发 Header 组件 (1),.mp4s # $ K v ) C |
| │ │ 5-6 使用 TDD 的方式开发 Header 组件 (2),.mp4 |
| │ │ 5-7 Header 组件样式新增及快照测试,.mp4 |
| │ │ 5-8 通用代码提取封装,.mp4 |
| │ │ 5-9 UndoList 的实现（1）,.mp4 |
| │ │ |
| │ ├─第6章 Vue中的 BDD 与 集成测试, |
| │ │ 6-1 BDD 的概念以及与 TDD 的对比C R v J E @ c_ev,.mp4 |
| │ │ 6-* [ C , M 7 B2 使用 BDD 和集成测试进行 Vuex 项目的测试（1_ev,.mp4 |
| │ │ 6-3 使用 BDD 和集F 9 { l成Z { s 6 5测试进行 Vuex 项目的测试（2_ev,.mp4 |
| │ │ 6-4 异步测试(1)_ev,.mp4 |
| │ │ 6-5 异步测试(2)_ev,.mp4 |
| │ │ 6-6 路由页面的代码组织_ev,.mp4 |
| │ │ |
| │ ├─第7章 React中的 BDD 与 集成测试, |
| │ │ 7-1 BDD 的概念以及与 TDD 的对比_ev,.mp4 |
| │ │ 7-2 使用 BDD 和集成测试进行~ { Y ` Redux 项目的测试（1）_ev,.mp4 |
| │ │ 7-3 使用 BDD 和集成测试S % k \进行 Redux 项目的测试（2）_ev,e H ( b v | 5 l.mp4 |
| │ │ 7-4 异步测试(1)_ev,.mp4 |
| │ │ 7-5 异步测试(2)_ev,.mp4 |
| │ │ 7-6 异步测试(3)_ev,.mp4 |
| │ │ 7-7 路由页面的代码组织_ev,.mp4@ A { |
| │ │ |
| │ ├─第8章 前端自动化测试的思考总结, |
| │ │ 8-1 课程总结_ev,.mp4 |
| │ │ |
| │ └─资料, |
| │ react-code-master,.zip |
| │ vue-master,.zip |
点击获取课程资源：前端要学的测试课 从Jest入门到 TDD/BDD双实战百度网盘下载
https://www.51zxlm.com/zyjn/54191.html?ref=9400
