Skip to content

第九章|测试、工具与工程实践 ​

先建立测试环境并运行第一条断言,再学习组件、组合式函数和浏览器测试。将行为验证与类型检查、开发工具、组件库边界和发布观测联系起来。

阅读前需要什么 ​

需要已学过的组件输入输出、异步清理和路由行为。测试工具本身从第 00 篇开始教;不要求读者此前已经会使用测试运行器。

这一章怎样连起来 ​

组件测试观察输入、事件与 DOM,组合式函数测试观察状态和副作用,端到端测试观察真实浏览器路径。类型检查、构建工具和运行观测提供不同层次的信息,彼此不能替代。组件库与目录边界进一步说明变化应影响哪些使用者。

阅读顺序 ​

  1. 把第一个组件测试跑起来
  2. 组件测试
  3. 组合式函数测试
  4. 端到端测试
  5. 类型与静态检查
  6. 开发工具与构建链
  7. Vue 2 工具链维护(维护回访)
  8. 组件库与设计系统
  9. 目录与依赖边界
  10. 发布与监控

标注“维护回访”的篇目用于比较旧项目行为。首次学习主线可以暂缓,具备对应前置后再读;它们保留在实际编号位置,便于从正文和侧栏定位。

读完后能做什么 ​

选择一个保存表单,组件测试检查错误提示,浏览器测试检查真实导航与焦点,类型检查检查输入形状。各用一个小实验观察失败,不把同一条断言复制到所有层。发布与监控部分再讨论如何把线上问题定位到具体版本。

先独立完成各篇练习,再对照本章答案。还可以回到前面标记的测试回访题,把已有解释变成可重复的检查。接手存量代码时继续进入第十章|Vue 2 的连续维护与迁移,先在原版本完成修改,再用行为合同安排迁移。

用心记录每一步成长