我正在研究一种对 React 项目中近 1000 个组件进行视觉回归测试的方法。而且我正在考虑用Storybook和BackstopJS来实现,因为Storybook上已经实现了很多组件,我想我能最快解决。
因此,自动提取 Storybook 场景,生成iframe.html
查询 TOC,并将其交给 BackstopJS 来实现。这个方法看起来很有效,但是有一个问题。
这个项目中的大部分组件都是无状态的,动作和状态变化是明确分开的。因此,我过去常常@storybook/addon-knobs
手动检查状态变化。但是,正如提到的问题,旋钮似乎不希望直接从 URL 和查询中进行操作。
我放弃了 iframe.html 中的快照,并考虑从 index.html 操作旋钮。但是左侧窗格中菜单差异频繁且无法测试的情况。
你有好主意吗?