Skip to content

第八章:用测试、度量和发布闭环交付 ​

质量与交付机制图

这一章把“看起来能用”变成可复查证据。React 核心提供渲染、act 与 <Profiler> 等基础能力,但完整的 DOM 测试环境、用户交互模拟、流水线和监控都需要浏览器平台或明确选择的工具。正文会把依赖和配置写出来,不把第三方工具伪装成 React 自带能力。

前置与阅读顺序 ​

你应已完成前七章,能写受控表单、处理 Effect 清理、区分渲染错误与数据失败,并能运行项目现有的 lint、build 脚本。第一篇会从依赖与配置开始建立 test 入口,不要求你已经有组件测试环境。

  1. 组件测试与可访问性:建立隔离的测试环境,追踪非法输入到恢复的过程,使用可控制 Promise 检查提交,并说明 jsdom 的边界。
  2. 性能剖析与渲染预算:对比无关更新与依赖变化,区分缓存计算、跳过组件和调度,再解释 Profiler 与编译器的作用范围。
  3. 发布、监控与升级:把静态检查、测试、构建、部署身份、错误报告和回滚条件连成发布协议。
  4. 本章练习答案:逐题核对完整实现与断言。

学完后的可观察成果 ​

你能写出一个失败时真正阻止流水线的行为测试;能用键盘完成关键流程并说明自动化的覆盖边界;能根据多次 Profiler 样本讨论趋势而不是迷信单次毫秒数;能从发布 SHA 定位错误,并根据健康信号做出继续、停止或回滚决定。

用心记录每一步成长