將實際圖像和從移動設備截取的屏幕截圖進行比較

Question

問題：

我們有一個網頁，我們在Android應用程序和iOS應用程序中加載。該網頁具有用於圖像的頁眉插槽和頁腳插槽以及橫幅插槽。

當開發人員將圖像的URL附加到頁眉，頁腳和橫幅廣告位時，大多數時候圖像不適合屏幕。 1.他們穿過屏幕尺寸 2.圖片與文字內容由按鈕的旗幟插槽隱藏的邊界

我們必須做的，如果圖像是不與按鈕重疊實際上檢查自動化圖像出現在設備中後，橫幅插槽和圖像不會超出屏幕尺寸。

我檢查了幾個想法，如Sikuli和一些截圖比較庫。我正在尋找的是一種更接近人類認知的工具，它可以判斷圖像是否超出限制。

有人能告訴我可以使用哪種庫或工具來自動執行此操作嗎？

我上傳我們的網頁看起來像

Answer 1

查找到Espresso圖像。這是Android的UAT框架。它基本上允許你在運行時自動測試你的應用程序。

你可以斷言類似以下內容：

onView(withId(R.id.headerImage)) 
    .check(matches(isCompletelyDisplayed())); 
onView(withId(R.id.bodyImage)) 
    .check(matches(isCompletelyDisplayed())); 
onView(withId(R.id.footerImage)) 
    .check(matches(isCompletelyDisplayed())); 

如果這些項目都斷了，你的測試將拋出一個錯誤。