Net新设计可视化QA方法？(不是回归)

Question

我知道视觉回归测试是通过将基线快照与新图像进行比较，使用Applitools、SmartBear CrossBrowserTesting等工具完成的。但是，我正试图确定一个最佳的网络新页面，或整个重新设计的过程。

我知道人眼是无法替代的，但是开发者仍然可以通过Figma获得图像。将这些图像添加到现有的可视化回归工具中作为基线屏幕截图是否可行，而不是运行测试以获得基线图像？

或者是否有其他方法可以简化/自动化这一过程？

Answer 1

我以前从未尝试过这一点，但是这个(稍微老一点的) 应用软件帮助医生建议将模型转换为一个图像(如果它还没有)，将其粘贴到shell网页中，然后使用他们的工具与开发的版本进行比较。

这似乎是也可以做相反的事情与他们的产品，采取了一个屏幕截图的发展版本，并比较这与模型。

两者似乎都不太理想，海事组织。如果有更好的选择，可能值得直接联系这些供应商(我刚刚在Applitools上就这个fwiw发了推文)。

Answer 2

恐怕你想做的事是不对的。图中的图片和网站本身的快照有很大的不同。即使对于同一个应用程序，存储的快照也会因浏览器而异。您不能将铬基快照与firefox快照进行比较，它将失败。每个浏览器都会以不同的方式呈现组件。即使是操作系统也是如此重要，如果您在MaC操作系统中生成基本快照，并且尝试在Linux中执行相同的测试套件，那么它将因同样的原因而失败。每个操作系统以不同的方式呈现图像。

即使在相同的操作系统和相同的浏览器中，在头模式和无头模式下捕获快照也会导致不同的基本快照。

因此，基本上，为了能够进行可视化快照，您必须保证测试用例将始终使用相同的OS、浏览器、Head或Headless模式执行。