第四题:Bookshelf 魔法书架

副本简介

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

副本挑战

  1. 1.
    掌握由外到内的测试驱动开发节奏
  2. 2.
    练习前端组件拆分与单向数据流管理
  3. 3.
    至少练习 3 遍 Bookshelf 题目
  4. 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 单元测试

BOSS 掉落