user-interface - 如何测试正确渲染的东西？

Question

如何测试应用程序是否正确呈现某些内容？

例如(二维示例):

Microsoft Word 2007 http://img32.imageshack.us/img32/6197/37841144.png

如何知道阴影放置正确或渲染了正确的颜色/轮廓？或者如果 3D 效果在一个方向旋转时正确呈现？其他事情可能是，如果重新调整艺术一词的大小，如何衡量其“正确性”？

Answer 1

有几种方式:

1. 如果实际上非常精确地指定了应该渲染什么以及以何种方式渲染，那么您只需将像素与引用渲染进行比较即可。
2. 对于像 SVG 这样的东西，它没有明确指定。这里通常的方法是使用引用效果图并进行手工比较。您可以轻松地将两者叠加，从另一个中减去一个，然后以这种方式发现明显的差异。不过，这不是一个自动过程。
3. 您可以查看表示绘制图像的数据，而不是直接查看屏幕上的图像。绘制的是(在您的示例中)矢量图形。这意味着有几种形状应该具有明确定义的属性、形状和颜色，您可以简单地将形状数据与引用进行比较。那种事情可以自动完成。我认为 Google 使用类似的方法将 Chrome 的渲染与网页的引用渲染进行比较；他们不比较像素数据，他们比较浏览器将呈现的内容和方式的更高级别数据。