ios - iOS 上像素完美的验收测试

Question

我从应用程序设计中得到了精确大小的 .png 渲染，显示了 我的应用程序应该是什么样子 在 Retina 4"、Retina 3.5"等上。 p>

想要自动比较这些“黄金大师”渲染和显示该屏幕时应用实际外观的屏幕截图。

理想情况下，我希望有一些可以通过持续集成运行的东西，这样我就可以在 .xib 出现问题时中断构建。

我该怎么做？

---

已经尝试过:

• 在 iPhone 模拟器中使用 Command-S 抓取适合比较的屏幕截图
• 使用GitHub优秀的image diff接口(interface)手动比对图片
• 在 Preview.app 中以实际大小将它们并排拉起 (Command-0)
• 研究了 ImageMagick 的比较功能 (examples)

可能的方法:

• 在代码中获取应用程序的屏幕截图已经实现
• 同样，我很确定我可以找到代码来模拟屏幕上的点击
• 可能需要一些方法来排除已知不完全匹配的区域的蒙版或边界框

Answer 1

看看ios-snapshot-test-case ，它是为接近这个的东西而 build 的。

它会在第一次运行测试时获取引用图像，然后将后续测试输出与引用图像进行比较。您基本上可以使用它，但不是从测试创建引用图像，而是提供您自己的引用图像。

在实践中，这将非常正确地做到。在 iOS 和您的设计师使用的任何工具之间呈现文本、渐变等的方式存在细微差别。