Testing 如何使用附加旋钮对故事书进行可视化回归测试？

我正在研究一个React项目中近1000个组件的可视化回归测试方法。我正在考虑使用Storybook和BackshopJS来实现它，因为许多组件已经在Storybook上实现了，我认为我可以最快地解决它

然后，自动提取故事书场景，生成一个包含

iframe.html

查询的TOC，并将其交给BackstopJS来实现这一点。这个方法看起来很有效，但有一个问题

此项目中的大多数组件都是无状态的，操作和状态更改是明确分开的。因此，我习惯于手动检查状态更改。然而，正如前面提到的，旋钮似乎不希望直接从URL和查询进行操作

我放弃了iframe.html中的快照，考虑从index.html中操作旋钮。但左窗格上的菜单差异频繁且无法测试的情况

你有什么好主意吗？

我自己解决了

更改旋钮，最后按下

F

键，使旋钮不对焦