UI 截图对比工具 modshot

MIT
JavaScript
跨平台
eBay
2019-05-08
xplanet

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

的码云指数为
超过 的项目
加载中

评论(1)

南漂一卒
南漂一卒
竟然还用不再开发的 PhantomJS,还是老版本的…… 为啥不用 Puppeteer?

暂无资讯

暂无问答

暂无博客

返回顶部
顶部