InfoQ
·
Storybook发布Storybook v9，增强测试支持
内容提要
Storybook 9正式发布，新增“一键测试”功能，支持交互、可访问性和视觉测试，并集成Vitest。同时增加了对Svelte 5和React Native的支持，优化了依赖结构，提升了性能。
关键要点
-
Storybook 9正式发布，新增“一键测试”功能，支持交互、可访问性和视觉测试。
-
集成Vitest，允许一次性启动所有故事的测试，并提供自动运行测试的观察模式。
-
交互测试现在可以对所有故事进行一次性测试，并在侧边栏显示完整运行状态。
-
可访问性测试通过Storybook可访问性插件进行，检查WCAG标准的违规情况。
-
视觉测试由Chromatic支持，允许对组件进行视觉快照测试。
-
新测试小部件提供交互、可访问性和视觉测试的整体视图，便于开发者一键运行完整测试套件。
-
新增Svelte 5和React Native支持，增强了语言功能和用户体验。
-
新Vite驱动的NextJS插件与Storybook 9一起发布，兼容Storybook Test和Vitest。
-
核心升级包括更扁平的依赖结构，使安装时间更快，减少了48%的依赖。
-
Storybook是一个开源工具，支持多种UI库的开发、测试和文档编写。
延伸解读
测试功能的增强
Storybook 9引入了“一键测试”功能，极大地简化了测试流程。开发者可以通过新的测试小部件一次性运行所有故事的交互、可访问性和视觉测试，这不仅提高了效率，还能更好地反馈组件的状态，适合快速迭代的开发环境。
对新技术的支持
此次更新增加了对Svelte 5和React Native的支持，意味着开发者可以在更多的框架中使用Storybook进行组件开发和测试。这一变化将吸引更多使用这些技术的开发者，提升Storybook的适用范围和用户体验。
依赖结构的优化
Storybook 9的核心升级之一是更扁平的依赖结构，使得安装时间减少了48%。这一优化不仅提升了性能，也降低了潜在的依赖冲突风险，开发者在使用时可以享受更流畅的体验。
延伸问答
Storybook v9新增了哪些测试功能？
Storybook v9新增了“一键测试”功能，支持交互、可访问性和视觉测试，并集成了Vitest。
如何进行可访问性测试？
可访问性测试可以通过Storybook的可访问性插件进行，检查WCAG标准的违规情况。
Storybook v9对性能有哪些优化？
Storybook v9优化了依赖结构，使其更扁平，安装时间更快，减少了48%的依赖。
Storybook v9支持哪些新技术？
Storybook v9新增了对Svelte 5和React Native的支持。
什么是Storybook Test？
Storybook Test是一个新功能，允许一次性启动所有故事的测试，并提供自动运行测试的观察模式。
如何使用新的测试小部件？
新的测试小部件提供交互、可访问性和视觉测试的整体视图，开发者可以一键运行完整测试套件。
