[Solved] Given the HTML snippet:<ul> <li class='item'>Apple</li> <li class='item'>Banana</li> <li class='item'>Cherry</li> </ul>What will cy.get('.item').should('have.length', 3) check? | Cypress

Cypress - Selecting Elements

Given the HTML snippet:

<ul>
  <li class='item'>Apple</li>
  <li class='item'>Banana</li>
  <li class='item'>Cherry</li>
</ul>

What will cy.get('.item').should('have.length', 3) check?

AThat there are exactly 3 elements with class 'item'

BThat the first element with class 'item' contains '3'

CThat the list has 3 child elements regardless of class

DThat the page has 3 lists

Step-by-Step Solution

Solution:

Step 1: Understand cy.get('.item')
This selects all elements with the class 'item', which are the three <li> elements.
Step 2: Understand .should('have.length', 3)
This asserts that the number of selected elements is exactly 3.
Final Answer:
That there are exactly 3 elements with class 'item' -> Option A
Quick Check:
cy.get('.item').length = 3 [OK]

Quick Trick: '.should(have.length, n)' checks number of matched elements [OK]

Common Mistakes:

Master "Selecting Elements" in Cypress

9 interactive learning modes - each teaches the same concept differently

More Cypress Quizzes

Given the HTML snippet: