系列回顧：本系列主要從開發的角度介紹UiAutomator的使用，總共包括三篇：
基礎入門： Android自動化測試之UiAutomator(一)
技巧篇： Android自動化測試之UiAutomator(二)（未完成）
比較工具篇 ：Android自動化測試之UiAutomator(三)—比對測試截圖
本文是第三篇。
以下是正文：
1.簡介：
本文適合所有以圖片作為輸出的自動化開發工具（不僅限於Android)。
當我們進行一組自動化測試後，除瞭通過斷言，往往還會采用截圖比對的方式分析測試結果，這種情況下人力再次成為效率的瓶頸，能否通過一定的方式對圖片進行預處理，將Diff 的區域標出，方便開發人員進行分析呢？
本文的方法是通過一個bash腳本獲得圖片的不同之處，並生成一個可視化的html文件。以幫助開發/測試人員快速分析測試結果。
2.環境安裝：
適用環境：ubuntu,其他平臺未測試。
依賴程序：imagemagick
安裝方法：sudo apt-get install imagemagick
3.正文
首先介紹一下ImageMagick,這是一個圖像處理工具，今天我們隻會用它的兩個功能：1、圖片比較 2、生成縮略圖。
第一步，我們準備一組基準圖片，用於測試完成後的比對標準。這裡我們將圖片放在/tmp/base目錄下。下圖為我們的示例圖片：
第二步，我們將自動化測試獲得的截圖放在/tmp/new目錄下。下圖為我們測試後獲得的圖片：
接下來我們執行imagemagick的compare命令：
compare -metric AE /tmp/base/test.png /tmp/new/test.png /tmp/result/test.png
執行該命令後我們將獲得一個Diff圖片，如下：
通過該命令，我們將兩張圖片不同的地方高亮顯示瞭，肉眼確認時隻需要關註高亮的部分。
第二步：生成HTML文件，將目錄下所有文件和Diff出的圖片做成縮略圖，並以列表的方式顯示：
首先，通過Shell遍歷目錄：
function compare_png(){ for file in ` ls $BASEPATH ` do if [ -d http://blog.csdn.net/xzy2046/article/details/$BASEPATH$file ] then compare_png http://blog.csdn.net/xzy2046/article/details/$BASEPATH$file else fi fi done
接下來在else語句中加入比對語句：
diff_count=`compare -metric AE http://blog.csdn.net/xzy2046/article/details/$BASEPATH$file http://blog.csdn.net/xzy2046/article/details/$NEWPATH$file http://blog.csdn.net/xzy2046/article/details/$EXPORTPATH$file 2>&1`
將比較出的Diff像素數傳入diff_count變量。
然後通過imagemagick 的convert命令獲取寬度為160像素的縮略圖，這些縮略圖將用於HTML文件的顯示
convert -thumbnail 160 http://blog.csdn.net/xzy2046/article/details/$BASEPATH$file http://blog.csdn.net/xzy2046/article/details/$File1 convert -thumbnail 160 http://blog.csdn.net/xzy2046/article/details/$NEWPATH$file http://blog.csdn.net/xzy2046/article/details/$File2 convert -thumbnail 160 http://blog.csdn.net/xzy2046/article/details/$EXPORTPATH$file http://blog.csdn.net/xzy2046/article/details/$File3
最後生成HTML:
echo
>>$result_html
echo $file>>$result_html
echo $diff_count>>$result_html
echo Failed>>$result_html
echo
>>$result_html echo
>>$result_html echo
>>$result_html echo >>$result_html
以下為處理結果：
第一列為圖片名稱，第二列為差異像素數。三幅圖片分別為基準圖片，測試截圖，和生成的Diff圖片。
Shell腳本下載地址：
http://download.csdn.net/detail/xzy2046/8167831