Solution:Step 1: Understand combined class selector.btn.primary selects elements with both classes 'btn' and 'primary'.Step 2: Match with HTML structureThe first button has both classes and text 'Submit', so the assertion checks that button's text.Final Answer:It checks if the button with both class

[Solved] Given the HTML:<div class='container'> <button class='btn primary'>Submit</button> <button class='btn secondary'>Cancel</button> </div>What will cy.get('.btn.primary').... | Cypress

Cypress - Selecting Elements

Given the HTML:

<div class='container'>
  <button class='btn primary'>Submit</button>
  <button class='btn secondary'>Cancel</button>
</div>

What will cy.get('.btn.primary').should('contain', 'Submit') check?

AIt checks if any button with class 'btn' contains 'Submit'

BIt checks if any element with class 'primary' contains 'Submit'

CIt checks if the button with both classes 'btn' and 'primary' contains 'Submit'

DIt checks if the container div contains 'Submit'

Step-by-Step Solution

Solution:

Step 1: Understand combined class selector
.btn.primary selects elements with both classes 'btn' and 'primary'.
Step 2: Match with HTML structure
The first button has both classes and text 'Submit', so the assertion checks that button's text.
Final Answer:
It checks if the button with both classes 'btn' and 'primary' contains 'Submit' -> Option C
Quick Check:
Combined classes select elements with all classes [OK]

Quick Trick: Use dot without space to combine classes [OK]

Common Mistakes:

Using space between classes selects descendants
Assuming single class match
Confusing container with button

Master "Selecting Elements" in Cypress

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Trace Try Challenge Automate Recall Frame

More Cypress Quizzes

Given the HTML:

Step 1: Understand combined class selector

Step 2: Match with HTML structure

Final Answer:

Quick Check:

Want More Practice?