Add capabiity to search element by image

[siteriaitaliana]

Feature Request

• This is useful as it will provide eyes to our tests and an almost free image comparison feature
• By using AI (e.g. OpenCV), the UI matching should be less brittle to small ui changes and different browser/resolutions, especially with a low matching threshold
• Ideally we should be able to tranform the found element as a generic/interactable WebElement
• Appium provide a similar capability here https://github.com/appium/appium-base-driver/blob/c5e6eb194ec6126fe62ff28f23fd35d1cda6409b/lib/basedriver/commands/find.js#L204

TODO:

• Provide a minimally reduced test case. This makes it much more likely that your bug will be fixed. Protractor has a test Angular application available at http://www.protractortest.org/testapp which you can use for the reproducible test case.

[andredesousa]

Well, we have several options for finding elements. I think that your goal is to implement visual tests, but correct me if I'm wrong. You can get your element (by ID, class, etc.) and use a tool to compare images. I suggest protractor-image-comparison

Also, you can see my implementation of visual testing. Take a look in Advanced Angular Scaffold project.

[siteriaitaliana]

@andredesousa I think is a quicker and smarter way to get visual testing for free during the usual testing flow, indeed you could visual test each page/element but restrict scope each time to the only element that matters in your test flow is indeed a tedious task

Would you guys consider a PR if I decide to spend some time building it?

[andredesousa]

@siteriaitaliana Protractor is deprecated: https://github.com/angular/protractor/issues/5502