第四题:Bookshelf 魔法书架
Bookshelf 书架是一个非常常见的真实业务场景。通过对书本(可理解为商品)操作的多次练习,帮助学员掌握 TDD 在前端开发中的运用,养成刻意拆分 组件的习惯。

Bookshelf 书架
- 1.掌握由外到内的测试驱动开发节奏
- 2.练习前端组件拆分与单向数据流管理
- 3.至少练习 3 遍 Bookshelf 题目
- 4.能在 1 小时内完成 Bookshelf 题目
4 小时
总时长 | 任务 1 | 任务 2 | 任务 3 | 任务 4 |
任务 | API 契约测试 | Redux 数据流测试 | 组件化与数据流管理 | 简化 Redux 项目结构 |
4h | 1h | 1h | 1h | 1h |
- 集成 Redux,数据 model 层面的测试
redux-saga-test-plan
- 学习 Jest Mock API 及异步测试方法 (
mock()
fn()
spyOn()
) - API 契约测试,利用 Pact 简化前后端集成开发策略
- selectors 与
useSelector
,最简单的纯 JavaScript 逻辑单测 - services 层测试,直接 mock 数据返回,API 请求则留给契约测试
- 完善测试策略,utils,也是最简单的纯 JavaScript 单元测试
最近更新 3yr ago