前端要学的测试课从Jest入门到TDD/BDD双实战

# 前端要学的测试课 从Jest入门到TDD/BDD双实战
**课程包括前端自动化测试框架 Jest 的讲解，React 中 Enzyme 组件测试工具的讲解，Vue-test-utils 的讲解，以及TDD，BDD测试模式的讲解，单元测试，集成测试的讲解。让你形成自己的测试方法论，提高核心竞争力。**

**适合人群**  
**适合未来想在前端路上进一步发展的前端工程师**  
**尤其适合想在前端测试和架构方面有所提升的工程师**

**技术储备要求**  
**掌握Javascript**  
**熟悉React/Vue基础知识**

另: 
1：本教程来自某课网，原价399,现由本站整理发布！本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码
2：本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！

## 1. 重要提示
本商品是虚拟资源,付费后会将商品的百度分享链接回显到网页,同时发送到你填写的邮箱
## 视频试看
**试看内容为随机抽选的**
链接：https://pan.baidu.com/s/1bv6cf5df_5wnR43uC2gMyw 
提取码：h7dd

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

收起列表  
视频：  
1-1 前端要学的测试课 (10:14)  
试看  
第2章 Jest 前端自动化测试框架基础入门 试看14 节 \| 222分钟  
本章讲解前端自动化测试框架的产生背景，原理以及目前最为流行的前端自动化测试框架 Jest 的使用方式，帮助大家入门前端自动化测试基础知识。

收起列表  
视频：  
2-1 自动化测试背景及原理 (22:35)  
试看  
视频：  
2-2 前端自动化测试框架 Jest (06:26)  
试看  
视频：  
2-3 使用 Jest 修改自动化测试样例 (14:44)  
视频：  
2-4 Jest 的简单配置 (19:29)  
视频：  
2-5 Jest 中的匹配器 (26:14)  
视频：  
2-6 Jest 命令行工具的使用 (27:38)  
视频：  
2-7 异步代码的测试方法（1） (17:56)  
视频：  
2-8 异步代码的测试方法（2） (15:26)  
视频：  
2-9 Jest 中的钩子函数 (21:05)  
视频：  
2-10 钩子函数的作用域 (09:47)  
视频：  
2-11 Jest 中的 Mock（1） (19:02)  
视频：  
2-12 Jest 中的 Mock（2） (14:30)  
视频：  
2-13 章节小结 (06:13)  
作业：  
2-14 【讨论题】关于前端自动化测试，你有多少了解呢？  
第3章 Jest难点进阶6 节 \| 91分钟  
本章主要讲解 Jest中 snapshot 以及高级 mock 技巧，帮助大家深入理解在不同情况下，如何使用高级知识点完成不同的测试需求。

收起列表  
视频：  
3-1 snapshot 快照测试 (24:18)  
视频：  
3-2 mock 深入学习 (17:55)  
视频：  
3-3 mock timers (15:24)  
作业：  
3-4 【讨论题】Jest 中的 Mock得实现  
视频：  
3-5 ES6 中类的测试 (24:44)  
视频：  
3-6 Jest 中对 DOM 节点操作的测试 (07:59)  
第4章 Vue 中的 TDD 与 单元测试15 节 \| 218分钟  
本章主要讲解，在 Vue 中，接口和 Vue-test-util 如何使用 TDD 的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。

收起列表  
视频：  
4-1 什么是TDD？ (09:42)  
视频：  
4-2 Vue 环境中配置 Jest (17:38)  
视频：  
4-3 vue-test-utils 的配置及使用 (25:35)  
视频：  
4-4 使用 TDD 的方式开发 Header 组件（1） (30:48)  
视频：  
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 UndoList 样式修饰及测试代码优化 (16:41)  
视频：  
4-11 UndoList 编辑功能实现(1) (12:56)  
视频：  
4-12 UndoList 编辑功能实现 (2) (31:01)  
作业：  
4-13 【讨论题】TDD 测试驱动的开发，研发流程是怎样的  
视频：  
4-14 CodeCoverage 代码覆盖率 (13:16)  
视频：  
4-15 章节小结 (04:57)  
第5章 React中的 TDD 与 单元测试17 节 \| 246分钟  
本章主要讲解，在React中，结合Enzyme，如何使用TDD的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。

收起列表  
视频：  
5-1 什么是TDD？（同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 【讨论题】你对 Enzyme 是怎么理解的  
视频：  
5-6 使用 TDD 的方式开发 Header 组件 (1) (19:52)  
视频：  
5-7 使用 TDD 的方式开发 Header 组件 (2) (26:01)  
视频：  
5-8 Header 组件样式新增及快照测试 (08:22)  
视频：  
5-9 通用代码提取封装 (09:07)  
视频：  
5-10 UndoList 的实现（1） (12:46)  
视频：  
5-11 UndoList 的实现（2） (16:04)  
视频：  
5-12 UndoList 样式修饰及测试代码优化 (19:39)  
视频：  
5-13 UndoList 编辑功能实现 （1） (17:08)  
视频：  
5-14 UndoList 编辑功能实现 （2） (14:42)  
视频：  
5-15 UndoList 编辑功能实现（3） (16:26)  
视频：  
5-16 CodeCoverage 代码覆盖率 (08:49)  
视频：  
5-17 章节小结 (05:43)  
第6章 Vue中的 BDD 与 集成测试6 节 \| 92分钟  
本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

收起列表  
视频：  
6-1 BDD 的概念以及与 TDD 的对比 (15:53)  
视频：  
6-2 使用 BDD 和集成测试进行 Vuex 项目的测试（1） (12:41)  
视频：  
6-3 使用 BDD 和集成测试进行 Vuex 项目的测试（2） (13:24)  
视频：  
6-4 异步测试(1) (29:05)  
视频：  
6-5 异步测试(2) (08:26)  
视频：  
6-6 路由页面的代码组织 (12:02)  
第7章 React中的 BDD 与 集成测试8 节 \| 109分钟  
本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

收起列表  
视频：  
7-1 BDD 的概念以及与 TDD 的对比 (16:36)  
视频：  
7-2 使用 BDD 和集成测试进行 Redux 项目的测试（1） (17:16)  
视频：  
7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2） (18:03)  
视频：  
7-4 异步测试(1) (17:00)  
视频：  
7-5 异步测试(2) (19:49)  
视频：  
7-6 异步测试(3) (07:05)  
视频：  
7-7 路由页面的代码组织 (13:07)  
作业：  
7-8 【讨论题】BDD 行为驱动的开发，研发流程是怎样的  
第8章 前端自动化测试的思考总结1 节 \| 14分钟  
本章对课程设计的知识点做完整的总结，同时衍生出业界对前端自动化测试的最佳实践相关的思考，通过例子的讲解，带大家进一步提升测试方案选型的能力。

收起列表  
视频：  
8-1 课程总结 (13:44)

获取资源

热门资源

热门电子书

热门资源

热门电子书

友情提示