|
admin 发表于 2022-2-14 15:28:26
29842
110
& E* r- i* k% |6 J3 j课程介绍:0 K. t' b" }3 p5 y$ E
课程包括前端自动化测试框架 Jest 的讲解,React 中 Enzyme 组件测试工具的讲解,Vue-test-utils 的讲解,以及 TDD,BDD 测试模式的讲解,单元测试,集成测试的讲解。让你形成自己的测试方法论,提高核心竞争力。
" n# ?9 i! X3 y% s
2 b# j. K+ w! ~$ {- K7 K7 \2 tDell老师有话说:会测试的前端有未来,不会测试的前端被挤压!
1 @* S, E* R, w, N2 ^, S前端工程越来越复杂, 光靠工程师的常规工作来维护项目变得越发困难。 在前端开发中引入自动化测试技术,让项目质量可以通过自动化工具来保障, 将解决这个难题。从实际应用情况来说,大小公司也都越来越重视测试, 大公司工程大,必然要测试;小公司分工没有那么细,要求”一角多能“,前端工程师更要承担测试工作。- b8 H" e! q. s2 c. ]. U& h
另外,掌握测试不只是一种技能,它更能提升你的架构思维、编码能力和把控项目整体稳定性的能力。* v* ~, `3 F0 P! d2 p3 N( G! s. A
- f* g+ i0 _8 |% e6 k7 v
课程目录:
! {8 F9 p. m' [6 h* _3 W1-1 前端要学的测试课.mp4
# v5 s6 l% ?: {2-1 自动化测试背景及原理.mp48 t. j/ H) U8 V0 K, t4 E
2-2 前端自动化测试框架 Jest.mp4: P/ V. Q# M! H7 L) q
2-3 使用 Jest 修改自动化测试样例.mp4
3 N& Q% }' Q' ?! b2-4 Jest 的简单配置.mp4+ p4 F1 G3 c, I
2-5 Jest 中的匹配器.mp4" I( s2 H/ b, t, x/ r! q
2-6 Jest 命令行工具的使用.mp4* ~! l; y* V' R' ]0 K. p
2-7 异步代码的测试方法(1).mp40 q$ b# o2 G" Q+ g5 s; s6 b
2-8 异步代码的测试方法(2).mp42 u; o- ]) l; \3 ]
2-9 Jest 中的钩子函数.mp4& ]3 Y; E3 f9 j3 l/ }) \5 S' k! |
2-10 钩子函数的作用域.mp4' U8 M/ h1 i0 }" ?9 D7 ^
2-11 Jest 中的 Mock(1).mp4( L. D7 Y# J* g. V C6 v1 h
2-12 Jest 中的 Mock(2).mp4
0 `) O( P) z+ e6 T4 S# ^2-13 章节小结.mp4
* n. E; o: K; m7 a2-14 【讨论题】关于前端自动化测试,你有多少了解呢?.PNG( x; M! ~* e; n/ i8 I' a7 k) v$ U
3-1 snapshot 快照测试.mp49 a" i0 E5 A) q2 Z
3-2 mock 深入学习.mp4
) ~( S( `; [% t Q3-3 mock timers.mp4
, z5 ]! j. n- v# Z3-4 【讨论题】Jest 中的 Mock得实现.PNG
( ]* u# Q- s7 U4 p" V* b3-5 ES6 中类的测试.mp4
( }) `# `: h6 z$ v4 j- m" g6 {+ t- P3-6 Jest 中对 DOM 节点操作的测试.mp4
" R) E/ p9 Y' K! a2 o4-1 什么是TDD?.mp4' A9 r) { y* {" e H% F
4-2 Vue 环境中配置 Jest.mp4
; r: a# K4 ?) s4-3 vue-test-utils 的配置及使用.mp42 N8 a# M& r2 r/ a: y
4-4 使用 TDD 的方式开发 Header 组件(1).mp4
; a7 g( f1 m/ H/ v) t" z4-5 使用 TDD 的方式开发 Header 组件 (2).mp4% a3 }# X3 ]7 {3 Z/ W
4-6 Header 组件样式新增及快照测试.mp4
3 e1 Q* a; P+ l& f4-7 通用代码提取封装.mp4
$ s7 c- r9 P. x/ h% ]0 p+ }& V+ `4-8 UndoList 的实现(1).mp4; U# i! d* T! X9 p/ b+ W3 C
4-9 UndoList 的实现(2).mp4
- L* K( n: g! M/ w% R4-10 UndoList 样式修饰及测试代码优化.mp4
& c- T, y, ^; J/ }, ?" a/ A! `4-11 UndoList 编辑功能实现(1).mp4
- {' \& f; A1 F/ B7 q4-12 UndoList 编辑功能实现 (2).mp4- i* V" Z* j8 z# ]
4-13 【讨论题】TDD 测试驱动的开发,研发流程是怎样的.PNG
E+ h2 j+ Q1 D! @4-14 CodeCoverage 代码覆盖率.mp4
2 e7 F7 h9 K: ]5 y4-15 章节小结.mp4, d7 C- @8 X }# D
5-1 什么是TDD?(同4-1).mp4
/ h! L; G" h( Q8 m+ V8 y# L8 ^5-2 React 环境中配置 Jest(1).mp4: K+ Q- U' m3 n8 A+ N& z3 J
5-3 React 环境中配置 Jest(2).mp4
, P |# N( s: o& a- v1 R" A( a5-4 Enzyme 的配置及使用.mp4
, S$ s. Q/ j# m) S- l5-5 【讨论题】你对 Enzyme 是怎么理解的.PNG
/ U# k( V& J* c( w5 w5-6 使用 TDD 的方式开发 Header 组件 (1).mp4
# B$ Q# Y* A% U* ^# R9 E4 Q; i5-7 使用 TDD 的方式开发 Header 组件 (2).mp4. H0 Q/ R1 Q- G- [' h8 ~" f
5-8 Header 组件样式新增及快照测试.mp4
4 E7 ^% K8 i- w3 c! t E( D5-9 通用代码提取封装.mp4& e# a( c# M* F: ?& ^1 ?! ~1 Y
5-10 UndoList 的实现(1).mp40 m" V+ n) x" T& p8 g$ v
5-11 UndoList 的实现(2).mp43 P8 Z4 c, ]; p( _" l
5-12 UndoList 样式修饰及测试代码优化.mp44 i! q$ s m# J$ e
5-13 UndoList 编辑功能实现 (1).mp4
: J. ?! G8 r% L4 N# d, K- z9 I5-14 UndoList 编辑功能实现 (2).mp4: N0 m: D4 D% z
5-15 UndoList 编辑功能实现(3).mp4
0 e- k- X/ O, }5 H e ?5-16 CodeCoverage 代码覆盖率.mp4
8 a' B/ \; v8 m2 P" f) _5-17 章节小结.mp4
- Q- `: [, Y& D2 |1 n6-1 BDD 的概念以及与 TDD 的对比.mp4( z0 `. M; m! g: Y9 w
6-2 使用 BDD 和集成测试进行 Vuex 项目的测试(1).mp4
! i0 }' ^$ a% S/ a4 ?6-3 使用 BDD 和集成测试进行 Vuex 项目的测试(2).mp43 W! S2 O& C' w, J7 \7 U- H, y9 i" K
6-4 异步测试(1).mp4" U) {7 m) n1 K: L D8 ^6 x; |
6-5 异步测试(2).mp4: d9 |1 `; u# j) E" X( k
6-6 路由页面的代码组织.mp4
0 K& O, R* c3 S! m3 E7-1 BDD 的概念以及与 TDD 的对比.mp4; z; B- _7 ^! r- [9 }
7-2 使用 BDD 和集成测试进行 Redux 项目的测试(1).mp48 u5 T; ^3 v- [) E! s6 a2 f
7-3 使用 BDD 和集成测试进行 Redux 项目的测试(2).mp4
( D! C( V: C# f( @/ D' r7-4 异步测试(1).mp4
, _$ J, @% O5 W! x/ I7-5 异步测试(2).mp4. b8 ^$ D& x4 x0 a$ [
7-6 异步测试(3).mp45 n6 A% w$ F+ V
7-7 路由页面的代码组织.mp4% `% s5 |, d. ?. H4 ~
7-8 【讨论题】BDD 行为驱动的开发,研发流程是怎样的.PNG: b# v9 D! R1 D+ q) a9 L" ]
8-1 课程总结.mp40 U" |4 d0 ]4 [/ {8 N c8 v/ D
react-code-master.zip
9 k0 c5 `* j4 d5 Avue-master.zip, b! }' }! X4 S! o. ^9 |( F: W8 n( r% Q
7 a. g2 `; A% j! w! ?下载地址:. \- I0 z: r1 b- A% z7 v1 I) N% y
% l" w! `. j w/ }* i |
|