引言Storybook v9 基于 v8 的测试能力迭代,推出更完善的视觉测试与与 Vitest 的深度集成,提供 Storybook Test 能力与 Vite 驱动插件。核心更新(已验证)视觉测试内置:提供内置视觉测试与集成能力,简化 UI 回归检测。来源:InfoQ Storybook v9 发布报道。Storybook Test:与 Vitest 合作推出的新测试能力套件,面向组件的交互与可访问性测试。来源:同报道与官方博客。Vite 驱动 NextJS 插件:提供兼容 Storybook Test 与 Vitest 的 Vite 驱动版本,与 Webpack 版本对齐。来源:InfoQ 报道。实践建议测试落地:在组件库与设计系统中启用视觉测试与交互测试;结合 CI 执行差异检测与覆盖率报告。构建与插件:在 Next.js 项目中采用 Vite 驱动插件,统一测试环境与打包设置,提升一致性与速度。参考链接(验证来源)InfoQ:Storybook v9 发布与测试支持增强:https://www.infoq.com/news/2025/07/storybook-v9-released/Storybook 官方博客:与 Vitest 的组件测试说明:https://storybook.js.org/blog/component-test-with-storybook-and-vitest/结语v9 版本使“视觉+交互”测试更易落地;建议在组件驱动开发中常态化引入以保障 UI 质量。

发表评论 取消回复