[Solved] Identify the error in this test code:cy.mount(MyComponent, { props: { count: 5 } }) cy.get('button').click() cy.get('count-display').should('contain.text', '6') | Cypress

Cypress - Component Testing

Identify the error in this test code:

cy.mount(MyComponent, { props: { count: 5 } })
cy.get('button').click()
cy.get('count-display').should('contain.text', '6')

AThe selector 'count-display' is missing a dot or hash for class or id.

BThe prop 'count' should be passed as a string, not a number.

CThe click event is not supported on buttons in Cypress.

DThe mount command is missing parentheses.

Step-by-Step Solution

Solution:

Step 1: Check selector syntax
The selector count-display is used without a dot (.) or hash (#), so Cypress looks for a tag named count-display, which likely does not exist.
Step 2: Validate other parts
Passing number as prop is valid, clicking buttons is supported, and mount syntax is correct.
Final Answer:
The selector 'count-display' is missing a dot or hash for class or id. -> Option A
Quick Check:
CSS selectors need '.' or '#' for classes/ids [OK]

Quick Trick: Use '.' for class and '#' for id in selectors [OK]

Common Mistakes:

Master "Component Testing" in Cypress

9 interactive learning modes - each teaches the same concept differently

More Cypress Quizzes

Identify the error in this test code: