modshotUI 截图对比工具
modshot 是一个 CLI 实用程序,可捕获 UI 模块的屏幕截图(png 图像)并与现有基线图像进行比较。如果不存在基线,则会创建新基线。它是 PhantomCSS 之上的包装器,为视觉回归提供了一种简单的机制。
modshot 可以在两种模式下运行:
- 静态HTML - 当提供输入目录时,modshot 会递归扫描目录以查找
HTML
文件。如果发现文件使用 PhantomJS 加载,则将截取屏幕截图并将其放在与 HTML 文件相邻的screenshots
目录中。对于后续运行,这些屏幕截图用作基线。modshot 假定您遵循模块化 UI 体系结构,其中每个 UI 组件都与测试文件和模拟 HTML 一起存在于其自己的目录中。 - URL - 当提供 URL 时,modshot 使用 PhantomJS 加载 URL,截取屏幕截图(如果提供了选择器,则截取多个屏幕截图)并将它们放在提供的输出目录中。对于后续运行,这些屏幕截图用作基线。建议提供模块的 CSS 选择器作为选项,这样采用的是模块截图而不是整个页面。
如果两种模式均被提供,modshot 会并行启动它们。
在安装 modshot 之前需先安装 PhantomJS 1.8.2 或更高版本(但需低于2.0)。
评论