Sometimes, user interface elements on screen can change size, color or shape depending on their state. For instance, a button might change from blue to green to signal something to the user (even though that would be against US government accesibility guidelines Section 508).

In some situations, it might of course make sense to interact with the button only when it is green, and that can be done with a building block such as Click image.

However, there are other situations where the changes in state and visual appearance shouldn’t impact test logic. For instance, if you want to double-click the Excel document shown below with a Click image block, it might not matter if the icon is unselected, selected or hovered by the mouse:

Image collections example with excel documents

In other situations, the same user interface element might be rendered very differently on regular HD and Retina resolution screens.

For all of these reasons, Leaptest now has built-in support for “image collections”. An image collection is simply multiple representations of the same user interface element bundled together and understood as one.

One way to create an image collection is to capture a number of variations of the same image, as shown below:

Captured image collection images

Dragging one images onto another automatically creates an image collection which can then be named and expanded with more variations:

Image collection popup

Using image collections in your test cases is very simple; it works just like regular images. Just drag the image collection into a building block such as Click image and you are all set:

Image collection used in a case

When running this case, Leaptest will look for any and all of the images inside the image collection and click the first one found. If more than one is found, the “Use all occurrences” feature can be used to iterate through them, as demonstrated in our on-demand webinar.

Learn more about codeless test automation with Leaptest