如何使用插件旋钮对故事书进行视觉回归测试



我正在研究一种在React项目中对近1,000个组件进行视觉回归测试的方法。我正在考虑使用Storybook和Backstopjs实现它,因为许多组件已经在Storybook上实现了,我认为我可以最快地解决它。

因此,自动提取故事书方案,生成iframe.html查询的TOC,然后将其交给Backstopjs以意识到这一点。这种方法看起来有效,但是有一个问题。

该项目中的大多数组件都是无状态的,并且行动和状态变化明显分开。因此,我使用@storybook/addon-knobs手动检查状态更改。但是,正如提到的那样,看来旋钮并不期望从URL和查询中进行直接操纵。

我放弃了iframe.html的快照,并考虑了从index.html操纵旋钮。但是,左窗格菜单差异的情况很频繁并且无法进行测试。

您有好主意吗?

我做了自我解决。

更改了旋钮,最后用旋钮从焦点

按下F

相关内容

  • 没有找到相关文章

最新更新