|
admin 发表于 2022-2-14 15:28:26
17435
85
3 ]- S3 `! V- ^5 y
课程介绍:
$ t( ]4 V& l( Q/ s课程包括前端自动化测试框架 Jest 的讲解,React 中 Enzyme 组件测试工具的讲解,Vue-test-utils 的讲解,以及 TDD,BDD 测试模式的讲解,单元测试,集成测试的讲解。让你形成自己的测试方法论,提高核心竞争力。3 H: d0 S9 e9 y ]* e; N1 n( A
4 u/ b2 [2 }3 O/ v8 T9 e5 oDell老师有话说:会测试的前端有未来,不会测试的前端被挤压!6 _$ X: w9 G- X1 V: e1 S6 p
前端工程越来越复杂, 光靠工程师的常规工作来维护项目变得越发困难。 在前端开发中引入自动化测试技术,让项目质量可以通过自动化工具来保障, 将解决这个难题。从实际应用情况来说,大小公司也都越来越重视测试, 大公司工程大,必然要测试;小公司分工没有那么细,要求”一角多能“,前端工程师更要承担测试工作。0 w) N% F q. E! B" P
另外,掌握测试不只是一种技能,它更能提升你的架构思维、编码能力和把控项目整体稳定性的能力。
% \4 f3 y# r4 ^& J2 Y3 B" `9 _, A' e4 P
课程目录:3 M* @/ I# k9 S5 f6 q) Y
1-1 前端要学的测试课.mp4- h3 Y, U( M4 Y* k1 E
2-1 自动化测试背景及原理.mp4
; y0 k% i1 ?5 n. A! L" `% z2-2 前端自动化测试框架 Jest.mp4
8 Z. {" R3 ]) ?6 _1 M: L7 k2-3 使用 Jest 修改自动化测试样例.mp4" g. U8 S+ r* T+ `
2-4 Jest 的简单配置.mp4
9 h) P5 b% B7 c2-5 Jest 中的匹配器.mp4- Z6 M! ]7 U6 x7 ^) R: ?
2-6 Jest 命令行工具的使用.mp4
. N. t3 B- }! B+ y( ^. |2-7 异步代码的测试方法(1).mp4; {# y! A' }" d7 t1 e
2-8 异步代码的测试方法(2).mp4! p. N. Y q m2 u7 x
2-9 Jest 中的钩子函数.mp4( E& a% D2 {1 K& y
2-10 钩子函数的作用域.mp4
; r u, q4 ?2 n t9 n6 m. c1 J2-11 Jest 中的 Mock(1).mp4
( z+ q& b, ~6 O4 m2-12 Jest 中的 Mock(2).mp4
7 l* N! Y( B" i* A1 }+ A& K- k7 I2-13 章节小结.mp4& u! R& |4 r S) {
2-14 【讨论题】关于前端自动化测试,你有多少了解呢?.PNG
9 l/ i4 x! ^! N, C$ o3-1 snapshot 快照测试.mp4' @0 V6 K5 I( y
3-2 mock 深入学习.mp4
/ A$ k9 f# E1 j( E3-3 mock timers.mp4. y8 X0 W: P0 A' X3 B3 x
3-4 【讨论题】Jest 中的 Mock得实现.PNG0 m; Y* U- k6 c9 K
3-5 ES6 中类的测试.mp4* g. e1 q9 U2 W | `
3-6 Jest 中对 DOM 节点操作的测试.mp4! y% m# p, n2 f8 v H
4-1 什么是TDD?.mp4' k' f+ X f4 r k
4-2 Vue 环境中配置 Jest.mp4
6 _" ]: E4 w4 I" d- r, f/ l" i% w4-3 vue-test-utils 的配置及使用.mp4
0 W+ ]0 u7 G2 f# R/ G3 n4-4 使用 TDD 的方式开发 Header 组件(1).mp4
/ q+ ~2 C7 @+ }4-5 使用 TDD 的方式开发 Header 组件 (2).mp4
% H1 K1 X, {3 ]% E' `2 Y$ p3 C4-6 Header 组件样式新增及快照测试.mp4
. d/ G6 ?' ?3 D5 s4-7 通用代码提取封装.mp4
2 a' g8 B- o: r1 P k+ J4-8 UndoList 的实现(1).mp49 ^) f" x8 d: F
4-9 UndoList 的实现(2).mp4- K) b% U5 ]+ i9 x& Z$ Z
4-10 UndoList 样式修饰及测试代码优化.mp4
8 k' _9 a: d; \1 {1 I5 C0 H) P. E4-11 UndoList 编辑功能实现(1).mp43 S- Q+ j m2 T8 C/ L# \
4-12 UndoList 编辑功能实现 (2).mp4# A9 T( u5 ?0 \" v( }! @5 T* i, l
4-13 【讨论题】TDD 测试驱动的开发,研发流程是怎样的.PNG
( w8 _' O$ A1 }0 ?+ o0 E4 \4-14 CodeCoverage 代码覆盖率.mp43 d+ S3 ]% b s3 M% Z. Y+ z3 G
4-15 章节小结.mp4) J% n. A, {7 O4 ~# x9 f& [$ |1 I' ?$ c
5-1 什么是TDD?(同4-1).mp4
& u! T) H' s% T# l5 x Z. f5-2 React 环境中配置 Jest(1).mp4: V _. h1 s$ T% N& u" t
5-3 React 环境中配置 Jest(2).mp4' q( O) r% U' t8 y' D8 t
5-4 Enzyme 的配置及使用.mp4$ d" E5 r; E$ W
5-5 【讨论题】你对 Enzyme 是怎么理解的.PNG: @7 p' B1 {+ T# @' {& t- t4 b
5-6 使用 TDD 的方式开发 Header 组件 (1).mp4
, s/ F. J$ ]6 |% B5-7 使用 TDD 的方式开发 Header 组件 (2).mp4: c+ O3 P4 }5 c2 i, x$ ~
5-8 Header 组件样式新增及快照测试.mp4
8 V* O5 ?4 h# A9 @ K- p+ {( Z5-9 通用代码提取封装.mp4; ^8 b |; e% p8 F! q* B
5-10 UndoList 的实现(1).mp44 G, K/ ^2 E' @9 i( ^. G! Z$ f
5-11 UndoList 的实现(2).mp46 a9 L& k8 a8 |! U4 u! q, M; i
5-12 UndoList 样式修饰及测试代码优化.mp4
9 W/ X: v. w1 K: u5-13 UndoList 编辑功能实现 (1).mp4, L/ {# y( J0 I- l; _' Y, J
5-14 UndoList 编辑功能实现 (2).mp4 \' i5 r$ l; U4 O# ^. u
5-15 UndoList 编辑功能实现(3).mp4
) c0 j. m! A R) I: \) T5-16 CodeCoverage 代码覆盖率.mp42 ~ W3 M- E1 M. A
5-17 章节小结.mp4
# [" J1 U" [3 k1 l/ e8 @6-1 BDD 的概念以及与 TDD 的对比.mp4+ d* D8 I( \7 }1 h6 b
6-2 使用 BDD 和集成测试进行 Vuex 项目的测试(1).mp4
4 f. V8 ^1 R# ~9 m7 o6-3 使用 BDD 和集成测试进行 Vuex 项目的测试(2).mp4
; u1 Y9 p; w- `7 d* t5 a2 n6-4 异步测试(1).mp4
- G* R+ l2 p3 x$ r6 y1 ]6-5 异步测试(2).mp4, p: c- Q2 U1 U. T% l" t
6-6 路由页面的代码组织.mp4
& }# |9 v! g3 z! _6 A; c" @. ~7-1 BDD 的概念以及与 TDD 的对比.mp4
4 \" z0 p( Z3 N& k* b2 B/ J: U7-2 使用 BDD 和集成测试进行 Redux 项目的测试(1).mp4
- I' y7 X& Z+ g1 @8 {: x7-3 使用 BDD 和集成测试进行 Redux 项目的测试(2).mp4
1 W& n) H; R# y7-4 异步测试(1).mp4
h% K/ n( y. [" ~& M7-5 异步测试(2).mp4+ L, L2 m& W3 N* y$ J9 u
7-6 异步测试(3).mp4& e. D: {( `" E9 x% [/ j* P
7-7 路由页面的代码组织.mp4
! q4 Z5 Y& s# p; \ l7-8 【讨论题】BDD 行为驱动的开发,研发流程是怎样的.PNG
" u$ h% ?8 a. x/ n8-1 课程总结.mp42 F7 n3 q) f: I7 U0 ?, m5 ~: u; ?
react-code-master.zip
2 g6 t% B6 K8 [ U: t4 m# ]vue-master.zip+ ~* y' J; w j0 v7 o
3 j' E, `7 U+ D5 _
下载地址:
6 }# N* `) B/ J7 M. K. B# D
% D/ W+ N! S3 k3 i+ M |
|