Why should data-cy attributes be preferred over classes or IDs for test stability in Cypress, especially in large projects?

hard📝 Conceptual Q10 of 15

Cypress - Selecting Elements

Why should data-cy attributes be preferred over classes or IDs for test stability in Cypress, especially in large projects?

A<code>data-cy</code> attributes are dedicated to testing and less likely to change with UI redesigns

BClasses and IDs are deprecated in modern HTML and should not be used

C<code>data-cy</code> attributes automatically improve page load speed

DUsing <code>data-cy</code> attributes allows Cypress to bypass browser security

Step-by-Step Solution

Solution:

Step 1: Understand the role of data-cy attributes
They are custom attributes used only for testing, so they remain stable and unaffected by UI or style changes.
Step 2: Compare with classes and IDs
Classes and IDs often change due to design updates or refactoring, causing tests to break frequently.
Final Answer:
data-cy attributes are dedicated to testing and less likely to change with UI redesigns -> Option A
Quick Check:
Dedicated test attributes = B [OK]

Quick Trick: Use dedicated data-cy attributes to avoid test breakage [OK]

Common Mistakes:

Master "Selecting Elements" in Cypress

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Cypress Quizzes