如何使用插件旋钮对 Storybook 进行视觉回归测试?
How to visual regression testing of Storybook with addon-knobs?
我正在研究一种对 React 项目中近 1,000 个组件进行视觉回归测试的方法。而且我在考虑用Storybook和BackstopJS来实现,因为很多组件已经在Storybook上实现了,我觉得我可以最快的解决。
于是,自动提取Storybook场景,生成iframe.html
条查询的TOC,交给BackstopJS实现。这个方法貌似有效,但是有问题
这个项目中的大部分组件都是无状态的,动作和状态变化是明确分开的。因此,我提到了 @storybook/addon-knobs
to check the state change manually. However, as the issue,看来旋钮不希望 URL 和查询直接操作。
我放弃了 iframe.html 中的快照,并考虑在 index.html 中操纵旋钮。但是左面板菜单差异频繁的情况无法测试
你有什么好的想法吗?
我自己解决了
更改了旋钮,最后 在旋钮失焦的情况下按下 F
键。
我正在研究一种对 React 项目中近 1,000 个组件进行视觉回归测试的方法。而且我在考虑用Storybook和BackstopJS来实现,因为很多组件已经在Storybook上实现了,我觉得我可以最快的解决。
于是,自动提取Storybook场景,生成iframe.html
条查询的TOC,交给BackstopJS实现。这个方法貌似有效,但是有问题
这个项目中的大部分组件都是无状态的,动作和状态变化是明确分开的。因此,我提到了 @storybook/addon-knobs
to check the state change manually. However, as the issue,看来旋钮不希望 URL 和查询直接操作。
我放弃了 iframe.html 中的快照,并考虑在 index.html 中操纵旋钮。但是左面板菜单差异频繁的情况无法测试
你有什么好的想法吗?
我自己解决了
更改了旋钮,最后 在旋钮失焦的情况下按下 F
键。