Vergleich mit dem tatsächlichen Bild und Screenshot aus dem mobilen Gerät

Question

Problem:

Wir haben eine Webseite, die wir in der Android App und iOS App laden. Die Webseite hat einen Header-Slot- und Footer-Slot und einen Banner-Slot für das Bild.

Wenn Entwickler die URLs der Bilder meistens an die Kopf-, Fußzeilen- und Banner-Slots anhängen, passen die Bilder nicht in die Bildschirme. 1. Sie überqueren die Grenzen der Bildschirmgröße 2. Bild mit Textinhalt durch die Schaltfläche in der Banner-Slot versteckt

Wir haben eine Automatisierung zu tun, die, wenn sie tatsächlich überprüft die Bilder mit der Taste nicht überlappt sind in Der Bannerslot und die Bilder gehen nicht über die Bildschirmgröße hinaus, nachdem die Bilder auf dem Gerät angezeigt werden.

Ich überprüfte einige Ideen wie Sikuli und einige Screenshot-Vergleichsbibliotheken. Nach was ich suche, ist ein Werkzeug, das näher an der menschlichen Anerkennung ist, die sagen kann, ob das Bild über das Limit hinausgeht.

Kann mir jemand sagen, mit welcher Bibliothek oder mit welchem ​​Werkzeug ich das automatisieren kann?

ich das Hochladen des Bildes, wie unsere Web-Seite wie

Answer 1

Blick in Espresso aussieht. Es ist ein UAT-Framework für Android. Im Grunde können Sie Ihre App zur Laufzeit automatisch testen.

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

Wenn eines dieser Elemente werden abgeschnitten, Ihr Test wirft einen Fehler:

Man könnte etwa wie folgt geltend machen.