testing - 比较 bash 的截图

Question

这就是我所在的位置:我想自动化视觉回归。因此，使用 CasperJS，我拍摄了一些多种尺寸的示例屏幕截图。我也可以用它来截取实际情况的屏幕截图。所有屏幕截图都具有相同的名称，只是在两个单独的文件夹中。

问题是:我怎样才能自动化测试？我正在寻找一个有点像 ImageMagick 中的 compare 的解决方案，它给我两个版本的叠加并突出显示差异。但它应该适用于多个文件。

有什么想法吗？

Answer 1

我会在 bash 中这样做:

#!/bin/bash
# These are the FULL paths to the two folders of images - edit as you wish
dir1="/Users/Mark/tmp/A"
dir2="/Users/Mark/tmp/B"
diff="/Users/Mark/tmp/diffs"

# Don't barf if there are no matching files
shopt -s nullglob

# Make output directory
mkdir -p "$diff" 2>/dev/null

cd "$dir1"
for f in *.png *.jpg; do
    echo Processing $f...

    compare "$f" "$dir2/$f" -highlight-color red png:- |
       convert "$f" "$dir2/$f" +append - +append "$diff/$f"

    # DEBUG
    identify "$f" "$dir2/$f" "$diff/$f"
    echo
done

这是文件夹中第一个文件的原始图像、第二个图像和差异图像，将所有三个文件拼接成一个单一的宽幅图像，您可以在文件浏览器中快速浏览:

这是文件夹中第二个文件的原始图像、第二个图像和差异图像，也拼接在一起成为单个宽幅图像:

这些结果图像出现在名为 diff 的文件夹中，并且与原始图像同名。