InfoQ
·
Storybook发布Storybook v9，增强测试支持
💡
原文英文，约600词，阅读约需2分钟。
📝
内容提要
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 v9新增了哪些测试功能？
Storybook v9新增了“一键测试”功能，支持交互、可访问性和视觉测试，并集成了Vitest。
如何进行可访问性测试？
可访问性测试可以通过Storybook的可访问性插件进行，检查WCAG标准的违规情况。
Storybook v9对性能有哪些优化？
Storybook v9优化了依赖结构，使其更扁平，安装时间更快，减少了48%的依赖。
Storybook v9支持哪些新技术？
Storybook v9新增了对Svelte 5和React Native的支持。
什么是Storybook Test？
Storybook Test是一个新功能，允许一次性启动所有故事的测试，并提供自动运行测试的观察模式。
如何使用新的测试小部件？
新的测试小部件提供交互、可访问性和视觉测试的整体视图，开发者可以一键运行完整测试套件。
➡️
