Three Ways Of Checking If Element Becomes Visible

Published: 19 March 2023
on channel: gleb bahmutov
3,929
52

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...


Watch video Three Ways Of Checking If Element Becomes Visible online, duration hours minute second in high quality that is uploaded to the channel gleb bahmutov 19 March 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 3,929 times and liked it 52 visitors.