Storybook 与视觉测试：为什么测试隔离组件还不够
Storybook 已成为记录和测试 UI 组件的标准。但对于视觉测试，仅测试隔离组件是不够的。了解如何将 Storybook 与全页视觉测试结合以获得真正的覆盖。
阅读更多 →Storybook — 所有文章和教程
4 篇文章
Storybook 已成为开发、记录与测试隔离 UI 组件的标准环境。对于维护设计系统的团队而言，每一个 story 都自然成为视觉测试的目标：在精确状态下渲染的组件，不依赖于应用上下文，完全可重现。这种细粒度允许在按钮或卡片层级就检测到视觉回归，远在它们扩散到组装后的页面之前。
本页文章从视觉测试的角度探讨 Storybook 生态：与 Chromatic（Storybook 团队的原生工具）的集成、Loki、Storyshots 或 Playwright component testing 等替代方案、装饰器与状态（hover、focus、dark mode）的处理、使 story 具备确定性的最佳实践。我们也讨论了一个反复出现的问题：是仅测试 story 中的组件，还是同时测试组装它们的真实页面？两种方案是互补的，这正是 Delta-QA 的定位所在——专注于真实条件下渲染的网页测试，与 Storybook 提供的组件覆盖形成补充。本页将帮助您在两个层级之间构建一致的策略。
Delta-QA vs Lost Pixel：无代码桌面应用还是 Storybook 开源工具？
Lost Pixel 专注 Storybook 和 Ladle 组件，需 npm 与 TypeScript；Delta-QA 桌面应用面向全团队，无代码即可上手。两种方法完整对比。
阅读更多 →Delta-QA vs Chromatic：隔离组件还是完整页面？
Chromatic 在 Storybook 组件视觉测试方面表现出色。Delta-QA 在生产环境中测试完整页面，无需代码。详细对比：组件 vs 页面、Storybook vs 无代码、互补性。
阅读更多 →Storybook 视觉测试无需 Chromatic：免费且本地
Storybook 视觉测试无需 Chromatic：对比 Percy、Playwright、Delta-QA。无代码审查，截图留本地，免费试用，无供应商锁定。
阅读更多 →