前端组件测试实战：Testing Library 查询哲学、Storybook 交互测试与 MSW 集成
系统讲解前端组件测试的工程化实践：Testing Library 的可访问性查询哲学与优先级、userEvent 真实交互模拟、异步断言与 waitFor 反模式、Storybook play 函数与交互测试、MSW 网络层拦截与请求断言、快照测试的取舍、jest-axe 可访问性断言，以及 React 与 Vue 组件测试的差异与统一策略。
tag
Storybook
共 4 篇文章。
前端测试策略：单元、E2E、视觉回归与验收测试
系统性前端测试体系建设：测试金字塔分层（单元/集成/E2E）、Vitest/Jest 单元测试实战、Vue Test Utils / React Testing Library 组件测试、MSW（Mock Service Worker）API 模拟、Cypress / Playwright E2E 对比、组件文档与测试结合（Storybook Interaction Tests）、视觉回归测试（Chromatic / Percy）、性能基准测试（Lighthouse CI）、测试覆盖率门禁与 CI 集成、TDD/BDD 实践模式。
可视化测试与视觉回归：像素级守卫 UI 质量
在前端工程质量保障领域，功能测试的覆盖边界的局限性正日益凸显。一套通过了所有单元测试、集成测试和端到端测试的 Web 应用，却依然可能在用户面前呈现出崩坏的排版、错位的按钮，或是在暗模式下变成了完全不可读的配色。这些问题的根源在于：传统测试框架验证的是"功能是否正确"，而非 …
第 14 章：组件库选型与业务组件体系
在 Next.js App Router 中选择与集成组件库——深度对比 shadcn/ui、MUI、Ant Design，掌握 RSC/Client Component 边界下的组件设计、CVA 变体系统、Storybook 文档化。