Bird
0
0

Why might cy.scrollTo() fail to scroll an element even if the command is correct?

hard📝 Conceptual Q10 of 15
Cypress - Element Interactions
Why might cy.scrollTo() fail to scroll an element even if the command is correct?
AThe element must be visible before scrolling
BThe element is not scrollable or has no overflow
CThe command requires a callback function to work
Dcy.scrollTo() only works on the window, not elements
Step-by-Step Solution
Solution:

  1. Step 1: Understand scrollTo requirements

    scrollTo works only if the element is scrollable, meaning it has overflow and scrollbars.

  2. Step 2: Evaluate other options

    scrollTo works on elements, does not require callbacks, and can scroll even if element is not visible but scrollable.

  3. Final Answer:

    The element is not scrollable or has no overflow -> Option B

  4. Quick Check:

    Element must be scrollable for scrollTo to work [OK]
Quick Trick: Element must have overflow to be scrollable [OK]
Common Mistakes:
  • Thinking scrollTo only works on window
  • Expecting callback function
  • Assuming visibility is required

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Cypress Quizzes
Assertions - Common assertions (exist, be.visible, have.text) - Quiz 15hard Cypress Basics and Setup - Node.js prerequisite - Quiz 11easy Element Interactions - cy.select() for dropdowns - Quiz 12easy Element Interactions - cy.click() - Quiz 11easy Element Interactions - cy.type() for text input - Quiz 12easy Navigation and URL - cy.visit() for page navigation - Quiz 6medium Navigation and URL - cy.location() for URL parts - Quiz 7medium Navigation and URL - cy.reload() - Quiz 7medium Selecting Elements - cy.get() with CSS selectors - Quiz 13medium Selecting Elements - cy.find() within parent - Quiz 7medium