SuperAPI AI 工具集

storybook

测试与质量

查看项目

更新于 10-16 02:35

技能介绍

用途:为组件编写 Storybook 故事(stories),并基于 play 函数做交互测试、视觉测试与无障碍检查,配合 Chromatic 做视觉回归。

主要能力:用 Meta/StoryObj 定义故事;简单属性用 args,复杂布局用 render;从 storybook/test 导入 expect、fn、userEvent 编写点击、键盘、禁用态与无障碍断言;用 getByRole、getByLabelText 等可访问查询;用 findBy* 等待异步内容;通过 argTypes 配置控件;用 play 函数组合复用交互;用 @storybook/addon-themes 配置明暗模式;用 chromatic 参数设置 delay、disableSnapshot、pauseAnimationAtEnd、diffThreshold、viewports 与 ignoreSelectors,或用 chromatic-ignore 类与 data-chromatic="ignore" 忽略元素;在 preview.ts 配置 a11y.test 为 todo、error 或 off。

使用方式:按资料示例导入类型与组件,定义 meta 与故事,交互测试从 storybook/test 导入断言工具,在 play 中执行操作并断言。

适用场景:组件库开发、交互行为验证、视觉回归与无障碍测试。

限制:资料未提供安装命令、版本要求、收费与平台信息;具体项目配置需参考官方文档。