modshotUI 截图对比工具

联合创作 · 2023-10-01 19:39

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)。

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报