第三题:CommentBox 留言板

副本简介

CommentBox 留言板是一个非常常见的 UI 组件。通过对简单组件的多次练习,帮助你掌握 TDD 在前端开发中的运用,养成刻意拆分组件的习惯。

副本挑战

  1. 1.
    掌握前端多维度测试与 TDD 的基本步骤
  2. 2.
    至少练习 3 遍 CommentBox 组件开发
  3. 3.
    能在 1 小时内完成 CommentBox 题目

时长限制

6 小时
总时长
任务 1
任务 2
任务 3
任务 4
任务
Cypress
Testing Library
Storybook
Outside-In TDD
6h
2h
1h
1h
2h

副本奖励

  • 掌握 E2E 级别 Cypress 更直观的 UI TDD 测试路径
  • 熟悉单元级别 Testing Library 的行为测试方法与理念
  • 由外至内,完整的前端测试驱动开发 (TDD) “套路”
  • 掌握视觉级别 TDD 验证,重构到 Storybook,穷举 UI Stories
  • UI 重构的挑战:视觉测试,而不是基于 className 或 style 的测试

BOSS 掉落

复制链接
大纲
副本简介
副本挑战
时长限制
副本奖励
BOSS 掉落