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

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *