実際の画像とモバイルデバイスから取得したスクリーンショットとの比較

Question

問題：

私たちはAndroid AppとiOS Appの中にロードするWebページを持っています。ウェブページは、ヘッダスロット及びフッタスロットと、画像のためのバナースロットとを有する。

画像のURLをヘッダー、フッター、およびバナースロットに添付すると、ほとんどの場合、画像が画面内には表示されません。 1.彼らは、テキストコンテンツが

バナースロットにボタンによって隠されていると私たちは、画像は中ボタンと重なっていない場合は、実際にチェックし、自動化を行う必要があり、画面サイズ 2.画像の境界を越えますデバイスに画像が表示された後に、バナースロットおよび画像が画面サイズを超えないようにします。

私はSikuliやいくつかのスクリーンショット比較ライブラリのようなアイデアはほとんど確認しませんでした。私が探しているのは、画像が限界を超えているかどうかを判断できる人間の認識に近いツールです。

これを自動化するために使用できるライブラリやツールを教えていただけますか？

私は、当社のウェブページがEspressoに

Answer 1

ルックどのように見えるかの画像をアップロードしています。これは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())); 

：

は、次のようなものを主張することができます。