Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't check if element is visible

See original GitHub issue

This element sometimes will be visible and sometimes won’t. I want to cheek if it’s visible in test, and if it’s visible I want to click on it. The thing is that I don’t know if the element will be appear in the test. It appears in some cases, and sometimes not, and the problem is that when I’m searching for it and it isn’t visible, the test fails. I tried try/catch and it didn’t work. I also tried if (cy.get('.text-center modal-header button[class="close"]').visible) cy.get('button[class="close"]').click();

Issue Analytics

State:
Created 5 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

3reactions

vitaliysoburcommented, Nov 19, 2018

Hi @KWorke,

since Cypress use the jQuery syntax for working with the DOM elements I would suggest you to try the following:

cy.get('.text-center modal-header button[class="close"]')
    .then($button => {
        if ($button.is(':visible')) {
            cy.get('.text-center modal-header button[class="close"]').click()
        })
    })

Please check the Conditional Testing Section for more information

0reactions

vitaliysoburcommented, Nov 19, 2018

Right, I forget that wrap is the thing! Thx @brian-mann