Scrolling into view in Selenium Java - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Selenium Java code snippet?

Consider the following Selenium Java code that scrolls an element into view and then clicks it. What will be the output if the element is not present on the page?

Selenium Java

WebElement element = driver.findElement(By.id("nonexistent"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);
element.click();

A NoSuchElementException is thrown at findElement line

B ElementNotInteractableException is thrown at click line

C JavascriptException is thrown at executeScript line

D No exception, element is clicked successfully

💡 Hint

Think about what happens when findElement cannot find the element.

The findElement method throws NoSuchElementException immediately if the element is not found. So the code never reaches scrolling or clicking.

❓ assertion

intermediate

Which assertion correctly verifies that an element is scrolled into view?

You want to assert that a WebElement is visible in the viewport after scrolling it into view using JavaScript. Which assertion is correct?

Selenium Java

WebElement element = driver.findElement(By.id("target"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);

A assertTrue((Boolean)((JavascriptExecutor) driver).executeScript("return (arguments[0].getBoundingClientRect().top >= 0) && (arguments[0].getBoundingClientRect().bottom <= window.innerHeight);", element));

B assertEquals(element.getLocation().getY(), 0);

C assertTrue(element.isDisplayed());

D assertFalse(element.isEnabled());

💡 Hint

Visibility alone does not guarantee element is in viewport. Use JavaScript to check bounding rectangle.

Option A uses JavaScript to check if the element's bounding rectangle is fully within the viewport vertically, which confirms it is scrolled into view.

🔧 Debug

advanced

Why does this scrolling code fail to bring the element into view?

This Selenium Java code tries to scroll an element into view but the element remains hidden. What is the likely cause?

Selenium Java

WebElement element = driver.findElement(By.cssSelector(".hidden-element"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(false);", element);

A JavascriptExecutor cannot scroll elements with class selectors

B scrollIntoView(false) scrolls the element to the top of the viewport, hiding it

C The selector is invalid, so element is null

D The element has CSS property display:none, so it cannot be scrolled into view

💡 Hint

Check the CSS properties of the element that affect visibility.

If the element has display:none, it is not rendered and cannot be scrolled into view regardless of scrollIntoView call.

❓ framework

advanced

Which Selenium Java framework method best ensures an element is scrolled into view before clicking?

You want to create a reusable method in your Selenium Java framework that scrolls an element into view and clicks it safely. Which method implementation is best?

A

public void scrollAndClick(WebElement element) {
  new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(element));
  element.click();
}

B

public void scrollAndClick(WebElement element) {
  ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);
  new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(element));
  element.click();
}

C

public void scrollAndClick(WebElement element) {
  ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);
  element.click();
}

D

public void scrollAndClick(WebElement element) {
  element.click();
  ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);
}

💡 Hint

Think about waiting for clickability after scrolling.

Option B scrolls the element into view, waits until it is clickable, then clicks. This ensures the element is visible and ready for interaction.

🧠 Conceptual

expert

What is the main reason to use JavaScript scrolling instead of Selenium's Actions class for scrolling into view?

In Selenium Java, why might you prefer using JavaScriptExecutor's scrollIntoView method over Actions class methods to scroll an element into view?

A Actions class scrolling can scroll elements that are hidden with display:none

B JavaScript scrolling does not require the element to be present in the DOM

C JavaScript scrollIntoView works reliably even when the element is outside the visible viewport or inside scrollable containers

D Actions class scrolling is faster and more reliable than JavaScript scrolling

💡 Hint

Consider how scrolling behaves inside nested scrollable areas.

JavaScript scrollIntoView scrolls the element into the visible area of the closest scrollable ancestor, making it more reliable for complex layouts than Actions class scrolling.

Practice

1. What is the main purpose of using scrollIntoView() in Selenium Java?

easy

A. To scroll the webpage until the specified element is visible on the screen

B. To click an element without scrolling

C. To find an element by its locator

D. To wait for an element to be clickable

Solution

1. Step 1: Understand the function of scrollIntoView()

   This method scrolls the page so that the element is visible in the viewport.

2. Step 2: Compare with other options

   Options A, C, and D describe different actions unrelated to scrolling the page.

3. Final Answer:

   To scroll the webpage until the specified element is visible on the screen -> Option A

4. Quick Check:

   scrollIntoView() = scroll element into view [OK]

Hint: scrollIntoView() makes element visible by scrolling [OK]

Common Mistakes:

• Confusing scrollIntoView() with click()
• Thinking scrollIntoView() finds elements
• Assuming scrollIntoView() waits for element

2. Which of the following is the correct syntax to scroll an element into view using JavascriptExecutor in Selenium Java?

easy

A. element.scrollIntoView();

B. driver.scrollIntoView(element);

C. driver.executeScript("scrollIntoView(element)");

D. ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element);

Solution

1. Step 1: Recall correct JavascriptExecutor syntax

   In Selenium Java, JavascriptExecutor requires casting driver and passing script with arguments.

2. Step 2: Validate each option

   ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element); uses correct casting and script with arguments[0]. Options A, B, and C are invalid or incomplete syntax.

3. Final Answer:

   ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element); -> Option D

4. Quick Check:

   Correct JavascriptExecutor syntax = ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", element); [OK]

Hint: Cast driver to JavascriptExecutor and pass element as argument [OK]

Common Mistakes:

• Calling scrollIntoView() directly on driver
• Not casting driver to JavascriptExecutor
• Passing element inside script string incorrectly

3. What will be the result of the following Selenium Java code snippet?

WebElement element = driver.findElement(By.id("footer"));
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(false);", element);
System.out.println(element.isDisplayed());

medium

A. false

B. true

C. Throws NoSuchElementException

D. Throws JavascriptException

Solution

1. Step 1: Understand scrollIntoView(false) effect

   scrollIntoView(false) scrolls so element's bottom aligns with viewport bottom, making it visible.

2. Step 2: Check element visibility after scrolling

   Since element is scrolled into view, element.isDisplayed() returns true.

3. Final Answer:

   true -> Option B

4. Quick Check:

   scrollIntoView(false) makes element visible = true [OK]

Hint: scrollIntoView(false) scrolls element bottom into view [OK]

Common Mistakes:

• Assuming isDisplayed() returns false after scrolling
• Confusing scrollIntoView(true) and false
• Expecting exceptions without missing element

4. Identify the error in the following Selenium Java code snippet for scrolling an element into view:

WebElement element = driver.findElement(By.cssSelector(".my-element"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollIntoView(true);");

medium

A. Missing element argument in executeScript method

B. driver is not cast to JavascriptExecutor before assignment

C. Incorrect CSS selector syntax

D. scrollIntoView method does not accept boolean argument

Solution

1. Step 1: Check JavascriptExecutor assignment

   The assignment correctly casts driver to JavascriptExecutor.

2. Step 2: Verify executeScript arguments

   executeScript requires the element as second argument to replace arguments[0], missing here.

3. Final Answer:

   Missing element argument in executeScript method -> Option A

4. Quick Check:

   executeScript needs element argument for arguments[0] [OK]

Hint: Pass element as second argument to executeScript [OK]

Common Mistakes:

• Not casting driver to JavascriptExecutor
• Forgetting to pass element argument
• Misunderstanding scrollIntoView parameters

5. You want to scroll to a list of elements one by one and click each after scrolling into view. Which approach correctly combines scrolling and clicking in Selenium Java?

hard

A. for(WebElement el : elements) { driver.executeScript("scrollIntoView(el)"); el.click(); }

B. for(WebElement el : elements) { el.click(); ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", el); }

C. for(WebElement el : elements) { ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", el); el.click(); }

D. for(WebElement el : elements) { ((JavascriptExecutor) driver).executeScript("scrollIntoView(true);"); el.click(); }

Solution

1. Step 1: Scroll element into view before clicking

   Scrolling must happen before clicking to ensure element is visible and interactable.

2. Step 2: Validate correct JavascriptExecutor usage

   for(WebElement el : elements) { ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", el); el.click(); } correctly casts driver, passes element as argument, and clicks after scrolling.

3. Final Answer:

   for(WebElement el : elements) { ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", el); el.click(); } -> Option C

4. Quick Check:

   Scroll then click each element = for(WebElement el : elements) { ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", el); el.click(); } [OK]

Hint: Scroll each element before clicking it in the loop [OK]

Common Mistakes:

• Clicking before scrolling
• Incorrect JavascriptExecutor syntax
• Not passing element argument in script