【发布时间】：2017-03-07 19:47:34
【问题描述】：
我是ScadaJS 的作者，我需要为可视化组件创建单元测试。到目前为止，组件都是通过人工交互手动检查的。
例如，this bug 通过屏幕截图简单地描述了视觉组件的问题所在。记者说“它应该看起来像this，但看起来像that，这不是预期的”。开发人员修复组件，在展示页面中手动检查它，如果一切顺利，则关闭问题。
由于一个组件的更改可能会破坏多个其他组件，我认为我们应该自动化这些测试。人们如何在视觉材料发挥作用的图书馆中进行此类检查？
猜测
我们可以编写一个脚本来自动创建鼠标移动和点击，然后它会创建一个.gif，用于创建一个参考点。如果有任何变化，两个 gif 的差异不会是黑色的.gif，因此测试套装会抛出异常。如果我们设置一个标志来表示“这个组件一切正常，我只改变了字体大小”，那么它将使用新的.gif作为参考点。
【问题讨论】：
标签： javascript html unit-testing user-interface