Cypress - Selecting Elements
Which of the following is the correct syntax to select an element with class
btn-primary using cy.get()?Which of the following is the correct syntax to select an element with class btn-primary using cy.get()?
easy📝 Syntax Q12 of 15
Step-by-Step Solution
Solution:
Step 1: Understand CSS selector for class
In CSS, a class selector uses a dot before the class name, so.btn-primaryselects elements with that class.Step 2: Check each option
cy.get('#btn-primary') uses an ID selector (#), which is wrong here. cy.get('btn-primary') misses the dot, so it looks for a tag named 'btn-primary'. cy.get('button .btn-primary') incorrectly uses a descendant selector (space after button), selecting buttons containing .btn-primary elements.Final Answer:
cy.get('.btn-primary') -> Option CQuick Check:
Class selector = .classname [OK]
Quick Trick: Use dot (.) before class names in CSS selectors [OK]
Common Mistakes:
- Using # instead of . for classes
- Omitting the dot before class name
- Confusing tag selectors with class selectors
Master "Selecting Elements" in Cypress
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Cypress Quizzes