cy.click() in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does cy.click() do in Cypress?

cy.click() simulates a mouse click on a selected element in the web page during testing.

beginner

How do you select an element before using cy.click()?

You use cy.get() or other Cypress commands to find the element, then chain .click() to perform the click.

Example: cy.get('button#submit').click()

intermediate

What happens if cy.click() is used on an element that is not visible?

Cypress will fail the test because it cannot click on hidden or disabled elements by default.

intermediate

How can you click at a specific position inside an element using cy.click()?

You can pass coordinates as options to cy.click(), like .click({ position: 'topLeft' }) or .click({ position: { x: 10, y: 20 } }).

advanced

Why is cy.click() preferred over native JavaScript click events in Cypress tests?

cy.click() mimics real user behavior, including waiting for the element to be actionable and triggering all related events properly, making tests more reliable.

What is the correct way to click a button with id 'login' using Cypress?

A click('#login')

B cy.click('#login')

C cy.clickButton('#login')

D cy.get('#login').click()

You first select the element with cy.get() then chain .click() to perform the click.

What happens if you try to cy.click() on a hidden element?

A Cypress throws an error and fails the test

B The click happens successfully

C The test skips the click silently

D The element becomes visible automatically

Cypress requires elements to be visible and actionable to click. Otherwise, it fails the test.

How can you click the top-left corner of an element using cy.click()?

A cy.get('#element').click({ position: 'topLeft' })

B cy.click('topLeft')

C cy.get().click('topLeft')

D cy.click({ corner: 'topLeft' })

You pass an options object with position: 'topLeft' to cy.click().

Which of these is NOT a benefit of using cy.click() in tests?

A Simulates real user clicks

B Bypasses browser security restrictions

C Triggers all related events properly

D Automatically waits for element to be ready

cy.click() does not bypass browser security; it simulates user interaction within browser rules.

Which command chain correctly clicks a button with class 'submit-btn'?

A cy.click('.submit-btn')

B click('.submit-btn')

C cy.get('.submit-btn').click()

D cy.find('.submit-btn').click()

cy.get() is used to select elements, then .click() performs the click.

Explain how cy.click() works and why it is important in Cypress testing.

Think about how a real user clicks and how Cypress mimics that.

Describe how to handle clicking on a specific part of an element using cy.click().

Consider how you might click exactly on a corner or offset inside a button.