收藏

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

以 Vue / React 项目进行实战,更适合前端工程师学习的测试课程

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

难度 中级 时长 18小时 学习人数 1247 综合评分 9.99

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

课程对比栏

隐藏
  • 1
    可继续添加课程
  • 2
    可继续添加课程
  • 3
    可继续添加课程
  • 4
    可继续添加课程
对比
清空对比栏
  • 第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)
本课程已完结

试看

全部试看小节



讲师

Dell Web前端工程师

BAT资深前端工程师,负责数据平台技术研发。曾任去哪儿网高级前端工程师,主导去哪儿网内部前端监控系统设计,负责去哪儿网门票用户端的前端设计开发。曾任国内知名培训机构高级前端讲师,负责React,Angular,Vue,Hybrid,RN的课程讲授,具备丰富前端授课经验。对优雅编程及工程化有深度思考及见解,教会你写代码,同时帮助你把代码写的更漂亮!

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题