Agent Canvas · 第 8 章 工程保障舱:测试矩阵与 i18n ★

Agent Canvas · 第 8 章 工程保障舱:测试矩阵与 i18n ★

章节摘要:本章导览第八站——工程保障舱,全书高潮之一(★)。Agent Canvas 的工程质量在开源前端项目里属顶级:MSW mock 开发(mocks/ 3.6K 行,无后端也能开发)、mock-LLM e2e(Playwright 4 套配置,不花一个 token 跑全链路)、Stryker 变异测试、TESTING_MATRIX(OS×安装方式×Agent 冒烟矩阵)、602 个单测文件、i18n 16 语言全量翻译(2445 键含 zh-CN/zh-TW)、PostHog 遥测(898 行)、120KB 的 AGENTS.md AI 协作规范。本章是"企业级前端工程"的完整教材。本章共 3 节,前置依赖为第 1-7 章。

舱位坐标

学习目标

1. 掌握 MSW mock 开发模式。
2. 理解 mock-LLM e2e(不花 token 跑全链路)。
3. 了解 Stryker 变异测试与测试矩阵。
4. 理解 i18n 16 语言管线。
5. 了解遥测与 AGENTS.md AI 协作规范。

子章节导航

01 测试金字塔:单测/MSW/变异 ★

602个单测文件(Vitest+Testing Library);MSW mock(src/mocks/ 3.6K行 mock处理器 无后端也能全功能开发);Stryker变异测试(衡量测试有效性);测试金字塔分层。

02 mock-LLM e2e 与测试矩阵 ★

mock-LLM e2e(Playwright 4套配置:live真LLM/mock-llm无LLM跑全链路/mock-llm-docker/默认——不花一个token验证agent全流程);e2e任务设计(真实agent任务如改代码/跑命令);TESTING_MATRIX(docs/TESTING_MATRIX.md:OS×安装方式×Agent的发布冒烟矩阵);44个e2e文件。

03 i18n 16 语言/遥测/AGENTS.md

i18n(src/i18n/translation.json约1MB/2445键/16语言100%翻译含zh-CN与zh-TW;make-i18n-translations.cjs管线;i18next-http-backend运行时加载);PostHog遥测(services/telemetry.ts 898行 事件设计/隐私);winston日志;AGENTS.md(120KB的AI协作规范:仓库地图/API规则/遥测架构/PR规范——本身是"如何写agent协作文档"的教材)。

前置知识与后续延伸

前置:第1-7章。后续:第9站停机坪(部署)。