[Solved] Identify the error in this Cypress test code:cy.get('.alert').should('be.visible').should('have.... | Cypress

Cypress - Assertions

Identify the error in this Cypress test code:

cy.get('.alert').should('be.visible').should('have.text', 'Error occurred')

Given the element <div class='alert' style='display:none'>Error occurred</div> is hidden.

AThe element selector is incorrect

BThe element is hidden, so 'be.visible' assertion fails

C'have.text' assertion syntax is wrong

DChaining assertions is not allowed in Cypress

Step-by-Step Solution

Solution:

Step 1: Check element visibility
The element has style='display:none', so it is hidden and not visible.
Step 2: Understand assertion failure
The should('be.visible') assertion will fail because the element is hidden, causing the test to fail before checking text.
Final Answer:
The element is hidden, so 'be.visible' assertion fails -> Option B
Quick Check:
Hidden element fails 'be.visible' [OK]

Quick Trick: Hidden elements fail 'be.visible' assertion [OK]

Common Mistakes:

Master "Assertions" in Cypress

9 interactive learning modes - each teaches the same concept differently

More Cypress Quizzes

Identify the error in this Cypress test code: