Three Ways Of Checking If Element Becomes Visible
This video shows cy.get command in combination with "is visible" assertion written in 3 different way in Cypress. Bonus: I also show how cy.click command has the visibility check with retries already built-in.
First way (preferred):
cy.get('#a-button').should('be.visible')
Second:
cy.get('#a-button').should(function ($el) {
// note that the Command Log does not show much information
// for thrown errors while it retries
if (!Cypress.dom.isVisible($el)) {
throw new Error('Element is hidden')
}
})
Third:
cy.get('#a-button').should('satisfy', Cypress.dom.isVisible)
Find this example at https://glebbahmutov.com/cypress-exam...