Android自動化測試之UIAutomator(三)---比對測試截圖

系列回顧：本系列主要從開發的角度介紹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