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

标签 testing regression-testing storybook backstop.js visual-testing

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

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

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

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

你有什么好的想法吗?

最佳答案

我自己解决了。

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

关于testing - 如何使用插件旋钮对 Storybook 进行视觉回归测试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55291601/

相关文章:

testing - 初学者学习 QTP 的最佳书籍/资源

apollo MockedProvider + Storybook 不起作用

reactjs - 升级到 Webpack 5 打破 Storybook 5

javascript - Storybook js 中未找到规则 '@typescript-eslint/no-implicit-any' 的定义

php - 测试递归方法

c# - 在不使用 Microsoft.AspNetCore.TestHost 中包含的 TestServer 的情况下运行 Kestrel 进行测试

java - 自动化 Java Web 应用程序的冒烟、功能和回归测试?

testing - 实现 `make check` 或 `make test`

asp.net - 自动化功能性 Web GUI 测试框架 (asp.net)

python - 如何使用 Nose 测试 argparse 中打开的文件