Multiple Ways Of Checking If Element Becomes Visible

Elements is visible - multiple ways 

describe('multiple ways to check element is visible', () => {

    it('check element is visible', () => {

        cy.visit("https://letcode.in/buttons")

        // First appraoch

        cy.get("[class='control']:has(button#isDisabled)").should("be.visible")

         // Second appraoch

        cy.get("[class='control']:has(button#isDisabled)").should("satisfy", Cypress.dom.isVisible)

 

        // Third appraoch

        cy.get("[class='control']:has(button#isDisabled)").then(($ele)=>{

            if(!Cypress.dom.isVisible($ele)){

                throw new Error('Element is hidden or Not visible')

            }

        })

   

    });

})