I have a page where I land that have about 15 icons on it all with the same source. The way im grabbing each element looks like this:
cy.get('[src="someSource"]').click({ multiple: true })
The issue that have is that after clicking on an icon I have a model that pops up where I need to click another button before I can continue to the next icon.
I there a way for me to add another click in between each of these icons ?
Here's my previous answer cut down as your requirements are different.
You'll need to check the modal selectors for differences.
cy.get("selector").each(($el) => {
$el.click(); // actually no need to wrap as click works in jQuery
cy.get(".modal-dialog").should('be.visible');
cy.get(".modal-dialog button[type='submit']").click();
cy.get(".modal-dialog").should('not.be.visible'); // wait for modal to go before next click
})
You can use each() for this:
cy.get('[src="someSource"]').each(($ele) => {
cy.wrap($ele).click()
//code to click the modal button
})