testing - 如何使用插件旋钮对 Storybook 进行视觉回归测试？

Question

我正在研究一种对 React 项目中近 1,000 个组件进行视觉回归测试的方法。而且我在考虑用Storybook和BackstopJS来实现，因为很多组件已经在Storybook上实现了，我觉得我可以最快的解决。

于是，自动提取Storybook场景，生成iframe.html查询的TOC，交给BackstopJS实现。这个方法看起来行得通，但是有一个问题。

这个项目中的大部分组件都是无状态的， Action 和状态变化是明确分开的。因此，我使用了 @storybook/addon-knobs手动检查状态变化。但是，作为 issue被提及，似乎旋钮不希望从 URL 和查询直接操作。

我放弃了 iframe.html 中的快照，并考虑从 index.html 中操纵旋钮。但是左面板菜单差异频繁的情况无法测试。

你有什么好的想法吗？

Answer 1

我自己解决了。

更改了旋钮，最后在旋钮失焦的情况下按下 F 键。