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

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报