主要观点:Storybook 前端 UI 开发工作坊发布版本 9,通过与 Vitest 合作改善测试等带来多项提升。
关键信息:
- 基于 8 版测试功能构建,新增内置视觉测试等,与 Vitest 合作引入“Storybook Test”。
- “Storybook Test”可一键在所有故事中启动测试,有监听模式增强本地开发反馈。
- 包含交互、可访问性、视觉测试三类,分别有相应测试方式及工具。
- 新测试小部件提供整体测试视图,可一键运行全测试套件及查看测试覆盖报告。
- 除测试改进外还有 Svelte 5 支持、React Native 支持等。
- 伴随 9 版有新的 Vite 驱动 NextJS 插件,与基于 Webpack 版本功能相同且兼容 Storybook Test 和 Vitest。
- 核心升级包括更扁平的依赖结构使安装更快更精简,部分依赖通过预捆绑实现。
重要细节: - 交互测试此前仅针对个别故事,现在可一次对所有故事运行并在侧边栏查看状态。
- 可访问性测试通过 Storybook 可访问性附加组件基于 axe-core 工具运行,在可访问性标签中显示违反 WCAG 标准情况。
- 视觉测试由 Chromatic 驱动,可通过侧边栏新测试小部件运行。
- 全版本相关信息可在 storybook.js.org 查看。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。