与从移动设备获取的实际图像和屏幕截图进行比较

Question

Problem:

We have a web page which we load inside the Android App and iOS App. the web page is having a header slot and footer slot and a banner slot for the image.

When developers attach the URL's of the images to the header, footer and banner slots most of the times the images are not fitting within the screens. 1. They cross the boundaries of the screen size 2. Image with text content is hidden by the button in the banner slot

We have to do an automation which actually checks if the images are not overlapped with the button in the banner slot and the images are not going beyond the screen sizes after the images appear in the device.

I checked few ideas like Sikuli and some screenshot comparison libraries. What I'm looking for is some tool that is closer to the human recognition which can tell whether the image is going beyond the limit.

Can someone tell me which library or tool I can use to automate this?

I'm uploading the image how our web page looks like

Answer 1

Look into Espresso . It's a UAT framework for Android. It basically allows you to auto test your app at runtime.

You could assert something like the following:

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

If any of these items are cut off, your test will throw an error.