Getting a visible element from a collection

Now that we have a collection of potential elements, we will parse through them to find the first one that is visible:

for (let element of elements) {
const tagName = await element.getTagName();
// const tagName = await element.getAttribute('class'); // Alternate class match
await element.waitForDisplayed({ timeout: 0 });
const isVisible = await element.isDisplayed();
// const isVisible = await highlight(element);
// Alternate visible validation.
If (isVisible)
//Found a matching button or an element with anchor class. Exiting loop
break;
}

At this point, we have made an educated guess as to which element is being referenced. All we need to do is return the element to be interacted with from the calling method:

return element;
}

At this point, you might see ways to further identify collections, We encourage you to modify the two or three sample locators to work with your particular framework, but...