Cypress - Selecting Elements
You want to verify that a page contains a link with text 'Learn More' inside a
<nav> element. Which Cypress command is best?You want to verify that a page contains a link with text 'Learn More' inside a <nav> element. Which Cypress command is best?
hard📝 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Narrow search inside <nav> for link text
Use cy.get('nav') to select the nav element first.Step 2: Use contains() with selector 'a' and text 'Learn More'
Calling .contains('a', 'Learn More') inside nav finds the link with that text.Step 3: Assert existence with should('exist')
This confirms the link is present inside nav.Final Answer:
cy.get('nav').contains('a', 'Learn More').should('exist') -> Option AQuick Check:
Use get() then contains() to scope text search [OK]
Quick Trick: Use cy.get() then contains() to scope text search [OK]
Common Mistakes:
- Using contains() without scoping to nav
- Trying to chain contains() incorrectly
- Assuming contains() alone checks element existence
Master "Selecting Elements" in Cypress
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Cypress Quizzes