Mock 与测试策略
GraphQL Mock 与测试策略实战:@graphql-tools/mock 的 addMocksToSchema、MockList、faker 集成与确定性种子、Schema 快照与 mock 驱动的前端开发、resolver 单元测试、executeOperation 集成测试、MSW 客户端拦截、联邦子图 mock、测试数据管理与 CI 分层。
tag
GraphQL Mock 与测试策略实战:@graphql-tools/mock 的 addMocksToSchema、MockList、faker 集成与确定性种子、Schema 快照与 mock 驱动的前端开发、resolver 单元测试、executeOperation 集成测试、MSW 客户端拦截、联邦子图 mock、测试数据管理与 CI 分层。
系统讲解前端组件测试的工程化实践:Testing Library 的可访问性查询哲学与优先级、userEvent 真实交互模拟、异步断言与 waitFor 反模式、Storybook play 函数与交互测试、MSW 网络层拦截与请求断言、快照测试的取舍、jest-axe 可访问性断言,以及 React 与 Vue 组件测试的差异与统一策略。
引言 前端测试长期处于两难:写多了成本高、写少了回归多。破局的关键不是追求某个覆盖率数字,而是建立分层策略——用单元测试锁定纯逻辑,用组件测试锁定交互,用 E2E 锁定关键用户旅程。本文以 Vitest、Testing Library、Playwright 和 MSW 为工具链,给出从单测到 E2E 的完整落地方法,以及覆盖率与质量门禁的务实配置。
API 契约测试方法论:Schema 校验、消费者驱动(CDC)与提供者验证、Pact 契约测试框架、Postman/Bruno 集成测试、MSW Mock 服务、Playwright E2E 与 CI 流水线完整实战。