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

前端要学的测试课 从Jest入门到 TDD/BDD双实战课程介绍(A000496):

课程包括前端自动化测试框架 Jest 的讲解,React 中 Enzyme 组件测试工具的讲解,Vue-test-utils 的讲解,以及) ( p [ b M k TTDD,BDD测试模式的讲解,单元测试,集成测试的讲解。让你形成自己的测试方法论,提高核心竞争力。

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

课程目录:

  • 第1章 课程u t 0 ] D导学试看1 节 | 11分钟w s $ 5 ) c p # w
  • 带你了解课程主体内容,整体对课程中的前端自动化测试及知识点做通盘了解。帮助大家确认课程是否与自己的需求匹配。从零基础入门前端自动化测试,带你_ K . C V深入了解如何借助Jest这样的工具和TDD等测试思想,快速完成对Vue,React项目的完整测试…
  • 收起列表
    • 视频:1-1 前端要学的测试课 (10:14)试看
  • 第2章 Jest 前端自动化测试框架基础入门试看14 节 | 222分钟
  • 本章讲解前端自动化测试框架的产生背景,原理以及目前最为流行的前端自动化测试框架 Jest 的使用方式,帮助大家入门前端自动化测试基础知识。
  • 收起列表
    • 视频:2-1 自动化测试背景及原理 (22:35)试看
    • 视频:2-2 前端自动化测试框架 Jesd ) D + $ 5 V O Zt (06:26)试看
    • 视频:2-3 使用 Jest 修改自动化测试样例 (14:44)
    • 视频:2-4 Jest 的简单配置 (19:29)
    • 视频:2-5 Jest 中的匹配器 (26:14)
    • 视频:2-6 Jest 命令行工具的使用 (27:U M u | z ` ? q38)
    • 视频:2-7 异步代码的测试方法(1) (17:56)z E S } x [
    • 视频:2-8 异步代码的测试方法(2) (15:26)\ . j L S
    • 视频:2-9 Jest 中的钩子函数 (21:05)
    • 视频:2-10 钩子函数的作用域 (09:47)
    • 视频:2-11 Jest 中的 Mock(1) (19:y * ( = \ R r02)
    • 视频:2-12 Jest 中的 Mock(2) (14:30)
    • 视频:2-13 章节小结 (06:13)
    • 作业:2-14 【讨论题】关于前端自动化测试,你有多少了解呢?
  • X b N – E3章 Jest难点进阶6 节 | 91; S a :分钟
  • 本章主要讲解 Jest中 snapshot 以及高级 mock 技巧,帮助大家深入理解在不同情况下,如何使用高级知识点完成不同的测试需求。
  • 收起列表
    • 视频:3-1 snapshot 快r * | ! k $照测试 (24:18)
    • 视频:3-2 mo% o i p o \ \ck 深入学习 (17:55)
    • 视频:3-3 mock timers (15:24)
    • / h ^ N ^ S业:3-4 【讨论题】Jest 中的 Mock得实现
    • 视频:3-5 ES6 中类的测试 (24:44)
    • 视频:3-6 Jest 中对 DOM 节点操作的测试 (07p 3 o 3 _:59)
  • 第4章 Vue 中的 TDD 与 单元测试1y M w5 节 | 218分钟
  • 本章主要讲解,在 Vu3 N $e 中,接口和 Vue-test-util 如何使用 TDD 的流程对业务组件进t ^ U R ) . e n行单元测试,通过例子帮助: s x ( . 2 l o S大家理解TDD与单元测试,同时也引出单元测试和T| u H ; / A I BDD的一些优劣点。
  • 收起列表
    • 视频:4-1 什么是TDD? (09:42)
    • 视频:4-2 Vue 环境中配置 Jest (17:38)
    • 视频:4-3 vu[ ! 5e-test-utilsl 0 ( V 的配置及使用 (25:35)
    • 视频:4-4 使用 TDD 的方式开! ~ v发 Header 组件(1) (30:48)
    • 视频:4-c d B J / g 2 i 55 使用 TDD 的方式开发 Header 组件 (2) (10:35)
    • 视频:4-6 Header 组件样式新增及快照测试 (09:35)
    • 视频:4-7 通用代码提取封装 (05:56)
    • 视频:4A 6 H 0 , c }-8 UndoLi@ E jst 的实现(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)S 8 S
    • 作业:4-13 【讨论题】TDD 测试驱动的开发,研发流程是怎样的
    • 视频:4-14 CodeCoverage 代码覆盖率 (13:16)
    • 视频:4-15 章节小结7 { h E b ! (04:57)
  • 第5章 React中的 TDD 与^ I , | 单元测试17 节 | 246分钟
  • 本章主要讲解,在React中,结合Enzyme,如何使用TDD的流程对业务组件进行单元测试+ V 3 n v L h,通过例子帮助大家理解TDD与单元测试,同时E G V n也引出单元测试和TDD的一些优劣点。
  • 收起列表
    • 视频:5-1 什么是TDD?(同4-1) (09:42)
    • 视频:5-2 Reay B :ct 环境中配置 Jest(1) (16:03)
    • 视频:5-3 ReactF | P G 2 Z _ 环境中配置 Jest(2) (13:33)
    • $ c x W 9 –频:5-4 Enzyme 的配置及使用0 N 2 V (32:00)
    • 作业:5-5 【讨论题】你对 Enzyme 是怎么理解的
    • 视频:5-6 使用 TDD 的方式开发 Header 组件 (1) (19:52)
    • 视频] ( c 9 0 D u 4 )5-7 使用 TDD 的方式开发 Header 组件 (| F 82) (26:01)
    • 视频:5-8 Header 组件样式新增及快照] \ u Q #测试 (08:22)
    • 视频:5-9 通用代码提取封装 (09:07)
    • 视频:5-10 UndoList 的实现(1) (12:46)
    • 视频:5-11 UndoList 的实现(2) (16:04)
    • 视频:5-1Q E J2 UndoList 样式修Z k z f O饰及测试代码优化 (19:39)
    • 视频:5-13 UndoList 编辑功B $ C能实现 (1) (17:08)
    • 视频:5-14 UndoList 编辑功能实现) = O (2) (14:42)
    • 视频:5-15 UndoList 编辑功能实现(35 e H b x @) (16:26)
    • 视频:5-16 CodeCoverage 代码覆盖率 (08:49)
    • 视频:5-17 章节小结 (05:43)
  • 第6章 Vue中的 BDD 与 集成测试6 节 | 92分钟
  • 本章通过 BDD 与集成测试,通过重新改写测试用例和业务代码,让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势, 通过本章讲解,大D f v ; Z ; 5 \ M家可以深入理解TDDv 2 @ Y s d h,BDD,单元测试,集成测试的适用场景,u [ \ T 0 D选择适合自己的测^ i e n H试方案。还会讲解Redux,路由,axi/ t K v ! | U /os 的测试方案。…
  • D G g P o _ [ _ ]起列表
    • 视频:6N J I 8 s _ 0 8-1 BDD 的概J @ I u L )念以及与 TDD 的对比 (15:53)
    • 视频:6-2 使用 BDD 和集成测试进行 Vuex 项目的测试(1) (12:41)
    • 视频:B N t t j6-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 与集成测试,通过重新改z Q | ? x c写测试用例和业务代码,让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势, 通r [ 0 b过本章讲解,大家可以深入理解TDD,BDD,单元测试,集成测试的适用场景,6 F W j ` l / q选择适合自己的测试方案。还会讲解Redux,路由6 L ? \ M 2,axiosI 7 X K 的测试方案。…
  • 收起列N | e 5 J
    • 视频:7-1 BDD 的r s 6 K O概念以及与 TDD 的对比 (16:36)
    • 视频:7-2 使用 Bf + } 9 C M P R BDD 和集成测试进行 Red* A x T gux 项目的测试(1) (17k Q G ] m:16)
    • 视频:7-3 使用 BDD 和集成测试进行 Redux 项目的测试(2) (1R 3 9 v8:03)
    • 视频:7& 8 * n %-4 异步测试(1) (17:00)
    • 视频:7-5 异步测试(2) (19:49)
    • 视频:7-6 异步测试(3) (07:05)
    • 视频:7-7 路由页面的代码组织 (13:07)
    • 作业:7-8 【讨论题】BDD 行为驱动的开发,研发c y 7 k w q流程是怎样的
  • 第8章 前端自动化? e C测试的思考总结1 节 | 14分钟
  • 本章对课程设计的知识点做完整的总结,同时衍生出业界对前端自动化测试的最佳实践相关的思考,通过例M a O g 4子的讲解,带大家进一步提升测试方案选型的能力。
  • 收起列表
    • 视频:8-1 课程总结 (13:44)

文件目J ; $ U P录:L _ l s *

前端要学的测试课 从Jest入门到 TDDBDD双实战,
│ ├─第X F % f U1章 前端a W = % 0要学的测试课,
│ │ 1-1 前端要学的测试课,.mp4
│ │
│ ├─第2章 Ja $ \ : # 7est 前端自动化测试框架基础入门,
│ │ 2m ~ B [ 2 E l G-1 自动化测试背景及原理,.mp4
│ │ 2-10 钩子函数的作用域,.mp4
│ │ 25 H ?-11 Jest 中1 C H的 Mock(1),.mp4
│ │ 2-12 Jest 中的 Mock(2),.mp4
│ │ 2-13 章节小结,.mp4
│ │ 2-2 前端自动w n d b : v U化测试框架– x [ 1 Jest,.mp4
│ │ 2-3 使用 Jest 修改自动化测试样例,.mp4e r 6 C [ X + ~ {
│ │ 2-4 Jest 的简单配置,.mp4
│ │ 2-5 Jest 中的匹配器,.mp4
│ │ 2-6 Jest 命令行工具的使用,7 ] V.mp4
│ │ 2Y T / %-7 异步代码的测试方法(1),.mp4
│ │ 2-8 异步代码的测试方法(2),.mp4
│ │ 2-9 Jest 中的钩子函数mp4,.mp4
│ │
│ ├─第3章 Jest难点进阶,
│ │ 3-1q ` # P N snapsf S r yhot 快照测试,.mp4
│ │ 3-t d k T R p ~ /2 mock 深入学习,.mp4
│ │ 3-3 mock timers,.mp4
│ │ 3-4 ES` v o w D * $ p6 中类的测试,.mp4
│ │ 3-5 Jest 中对 DOM 节点操作的M , B =测试,.mp4
│ │
│ ├─第4章 Vue 中的 TDD& G Q y X U ? 9 与 单元测试,
│ │ 4-1 什么是TDD?,.mp4
│ │ 4-10 UndoList 样式修饰及测试代码优化,.mp4
│ │ 4-11 UndoList 编辑功能实现(1),.mp4
│ │ 4-12 UndoList 编辑功能实现 (2),.mp4
│ │ 4-13 CodeCoverage 代码覆盖率,.0 K + = d j R 5 lmp4
│ │G + 9 o ; 4-14 章节小结mp4,.mp4
│ │ 4-2 Vue 环境中配置 Jest,.mp4
│ │ 4-3 vue-t2 v `est-uF i e x { \ rtils( { s $ tt ] j u配置及使用,.mp4
│ │ 4-4 使用 TDD 的方式开发 Header 组件(1),.m9 R % ( ] , i T up4R ( d
│ │n G \ 4-5 使用 TDD 的方式开发 Header 组件 (2)J @ | c ( E W O,.mp4
│ │ 4-6 Header 组件样式新增及快照测试,.mp4
│ │ 4-7 通用代码提取封装,.mp4
│ │ 4-8 UndoList 的实现(1),.mp4
│ │ 4-9 Undp 3 ? qoList 的实现(2),.mp4
l P ; k E
│ ├─第5章 React中的 TDD 与 单元测试,
│ │ 5-1 什么是TDD?(n [ I C F W E同4-1),.mp4
│ │ 5-10 UndoList 的实现(2),.mp4
│ │ 5-11 UndoList 样式修饰及e c o t { \ ` u S测试代码优化,.mp4
│ │ 5-12 UndoList 编辑功能实现 (1),.mp4
│ │ 5-13 UndoList 编辑功能实现 (2),.mp4
│ │ 5-14 UndoList 编辑功能实现(3),.mp4
│ │ 5-15 CodeCoverage 代码覆盖率,.mp4
│ │ 5-16 章节小结_ev,.mp4
│ │ 5-2 React 环境中配置 Jest(1)v } & C G ^ z G f,.mp4
│ │ 5-3 React 环境中配置 Jest(2),.mp4
│ │ 5-4 Enzi r D 5 z %yme 的配置及使用,.mp4
│ │ 5-5 使用 TDD 的方式开发 HP – # ~ K ` 6 a Jeader 组件 (1),.mpt q c \ O b \4
│ │ 5-6 使用 TDDG + O + Q 的方式开7 W . :发 Header 组件 (2),.mp4
│ │ 5-7 Header 组件样式新增及快照测试,.y I A kmp4
│ │ 5-8 通用代码提取封装,.mp4
│ │M l O X H 9 5-] ] k9 Un~ f V (doList 的实现(1),.mp4
│ │
│ ├─第6章 Vue中的 BDD 与 集成测试,
│ │ 6-1 BDD 的概念以及与 TDD 的对比_ev,.mp4
│ │ 6-2 使用 BDD 和集成测试进行 Vuex 项目的测试(1_ev,.mp4
│ │ 6-3 使用 BDD 和集成测试进行 Vuex 项目的测试(2_ev,.mp4
│ │ 6-4 异步测试(1)_ev,.mp4
d ) q │ 6-5 异步测试(2)_ev,.mp4
│ │ 6-6 路由页面的代码组织_ev,.mp4
│ │
│ ├─第7章 ReactZ t T N V中的 BDD 与 集成测试,
│ │ 7-1 BDD 的概念以及与 TDD 的对比_ev,.mp4
│ │ 7-2 使用 BDD 和集成测试进行 Redux 项目的测试(1)_ev,.mp4
│ │ 7-3 使用 BDI a k ; @D 和集成测试进行 Redux 项目的测试(2)_ev,.mp4
│ │ 7-4 异步测试(1)_ev,.mp4
│ │ 7-5 异步测试(2)_ev,.mp4
│ │ 7-6 异步测试(3)_ev,.mH y v N H @ Rp4
│ │ 7-7 路由页面的代码组织_ev,.mp4
│ │
│ ├─第8章 前端自动化测试的思考总结,
│ │ 8-1 课程总结_ev,.mp4
0 2 A E
│ └─资料,
│ react-code-master,.zip
│ vue-master,.zip
  • wechat

    朋友圈不定时发福利(开通会员免费获取资源)

  • 微信号

    wqxzvip

    点击我自动复制
资源失效反馈地址
前端要学的测试课 从Jest入门到 TDD/BDD双实战-51自学联盟
前端要学的测试课 从Jest入门到 TDD/BDD双实战
此内容为付费资源,请付费后查看
会员专属资源
您暂无购买权限,请先开通会员
开通会员
付费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容