Element screenshots 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 takes a screenshot of a web element. What will be the type of the variable elementScreenshot after execution?

Selenium Java

WebElement element = driver.findElement(By.id("logo"));
File elementScreenshot = element.getScreenshotAs(OutputType.FILE);

A A WebElement representing the screenshot

B A byte array containing the screenshot data

C A String containing the base64 encoded screenshot

D A File object pointing to the screenshot image file

💡 Hint

Check the return type of getScreenshotAs when using OutputType.FILE.

The method getScreenshotAs with OutputType.FILE returns a File object that points to the screenshot image saved temporarily.

❓ assertion

intermediate

Which assertion correctly verifies the screenshot file exists?

You have taken a screenshot of an element and saved it as a File object named elementScreenshot. Which assertion correctly checks that the screenshot file exists on disk?

Selenium Java

File elementScreenshot = element.getScreenshotAs(OutputType.FILE);

A assertFalse(elementScreenshot.isDirectory());

B assertTrue(elementScreenshot.exists());

C assertEquals(elementScreenshot.length(), 0);

D assertNotNull(elementScreenshot.getPath());

💡 Hint

Check the File API for verifying file existence.

The exists() method returns true if the file physically exists on disk, which confirms the screenshot was saved.

🔧 Debug

advanced

Why does this code throw an exception when taking an element screenshot?

This Selenium Java code throws an exception at runtime. Identify the cause.

Selenium Java

WebElement element = driver.findElement(By.id("submitBtn"));
File screenshot = ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE);
File elementScreenshot = ((TakesScreenshot) element).getScreenshotAs(OutputType.FILE);

A Casting driver to TakesScreenshot works, but element does not implement TakesScreenshot interface

B The element locator is invalid causing NoSuchElementException

C OutputType.FILE is not supported for element screenshots

D The driver must be cast to RemoteWebDriver, not TakesScreenshot

💡 Hint

Check which interfaces WebElement implements for screenshots.

Only WebDriver implementations support TakesScreenshot interface, WebElement does not implement it directly but has getScreenshotAs method.

🧠 Conceptual

advanced

What is the main advantage of taking element screenshots over full page screenshots?

Why would a tester prefer to capture a screenshot of a specific web element instead of the entire page?

A Element screenshots are supported only on mobile browsers

B Element screenshots capture the entire page faster than full page screenshots

C Element screenshots focus on the relevant part, reducing file size and improving test clarity

D Element screenshots automatically highlight errors in the UI

💡 Hint

Think about what testers want to verify and file management.

Capturing only the element reduces noise, file size, and helps testers focus on the relevant UI part.

❓ framework

expert

Which Selenium Java code snippet correctly saves an element screenshot to a specific folder with a timestamped filename?

You want to save a screenshot of a web element to the folder screenshots/ with a filename that includes the current timestamp. Which code snippet correctly does this?

Selenium Java

WebElement element = driver.findElement(By.cssSelector(".profile-pic"));

A

File src = element.getScreenshotAs(OutputType.FILE);
String filename = "screenshots/element_" + System.currentTimeMillis() + ".png";
File dest = new File(filename);
Files.copy(src.toPath(), dest.toPath());

B

File src = element.getScreenshotAs(OutputType.FILE);
String filename = "screenshots/element.png";
File dest = new File(filename);
Files.move(src.toPath(), dest.toPath());

C

File src = element.getScreenshotAs(OutputType.FILE);
String filename = "screenshots/element_" + LocalDate.now() + ".png";
File dest = new File(filename);
Files.copy(src.toPath(), dest.toPath());

D

File src = element.getScreenshotAs(OutputType.FILE);
String filename = "screenshots/element_" + System.nanoTime() + ".png";
File dest = new File(filename);
Files.copy(src.toPath(), dest.toPath());

💡 Hint

Check the method to copy files and timestamp usage.

Option A uses System.currentTimeMillis() for timestamp and Files.copy to save the screenshot file correctly.