[Solved] Consider the following Cypress code:cy.get('.notification').should('not.have.class', 'active')What will happen if the element .notification has the class active? | Cypress

Cypress - Assertions

Consider the following Cypress code:

cy.get('.notification').should('not.have.class', 'active')

What will happen if the element .notification has the class active?

AThe test will pass because 'not.have.class' ignores classes

BThe test will pass because the element exists

CThe test will fail because the element does not exist

DThe test will fail because the element has the 'active' class

Step-by-Step Solution

Solution:

Step 1: Understand the assertion
The assertion should('not.have.class', 'active') checks that the element does NOT have the class 'active'.
Step 2: Analyze the element state
If the element actually has the class 'active', the assertion fails because the negative condition is violated.
Final Answer:
The test will fail because the element has the 'active' class -> Option D
Quick Check:
Negative class assertion fails if class present = D [OK]

Quick Trick: Negative class check fails if class is present [OK]

Common Mistakes:

Master "Assertions" in Cypress

9 interactive learning modes - each teaches the same concept differently

More Cypress Quizzes

Consider the following Cypress code: