[Solved] What will happen if you run:cy.scrollTo('left');cy.get('#header').should('be.visible');on a page with no horizontal scroll? | Cypress

Cypress - Element Interactions

What will happen if you run:

cy.scrollTo('left');
cy.get('#header').should('be.visible');

on a page with no horizontal scroll?

AThe page stays at left edge and #header visibility is checked

BThe test throws an error because no horizontal scroll exists

CThe page scrolls vertically instead

DThe test fails because 'left' is invalid

Step-by-Step Solution

Solution:

Step 1: Understand scrollTo behavior with no scroll
If no horizontal scroll exists, scrolling to 'left' keeps the page at the left edge without error.
Step 2: Check assertion behavior
The test then checks if '#header' is visible, which proceeds normally.
Final Answer:
The page stays at left edge and #header visibility is checked -> Option A
Quick Check:
scrollTo left with no scroll = no error [OK]

Quick Trick: scrollTo on non-scrollable axis does nothing, no error [OK]

Common Mistakes:

Master "Element Interactions" in Cypress

9 interactive learning modes - each teaches the same concept differently

More Cypress Quizzes

What will happen if you run: