Cypress - Selecting Elements
You want to click a link that contains the text 'Learn More' but only if it is inside a div with class 'info'. Which is the correct Cypress command?
You want to click a link that contains the text 'Learn More' but only if it is inside a div with class 'info'. Which is the correct Cypress command?
hard📝 Application Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Understand chaining to narrow search
First get the div with class 'info', then find element inside it containing 'Learn More'.Step 2: Evaluate options
cy.get('div.info').contains('Learn More').click() correctly chainscy.get('div.info').contains('Learn More'). cy.contains('div.info', 'Learn More').click() tries to use selector in contains incorrectly. cy.contains('Learn More').get('div.info').click() reverses order. cy.get('div.info').click().contains('Learn More') clicks div before contains, which is wrong.Final Answer:
cy.get('div.info').contains('Learn More').click() -> Option BQuick Check:
Chain get() then contains() to scope search [OK]
Quick Trick: Use cy.get() to scope, then cy.contains() to find text inside [OK]
Common Mistakes:
- Using selector inside contains() incorrectly
- Reversing get() and contains() order
- Clicking before finding element
Master "Selecting Elements" in Cypress
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Cypress Quizzes