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.