Take Viewport Screenshot

How it works

Drivers that can capture the page implement TakesScreenshot. Cast the driver and call getScreenshotAs() with an OutputType: OutputType.FILE gives a PNG file, OutputType.BYTES a byte array and OutputType.BASE64 a string, useful for embedding in HTML reports.

In Chrome the capture is the visible viewport, not the whole page. On the Buttons page in this runner the image is 780 by 437 pixels while the document is 1016 pixels tall. ChromeDriver has no full-page method; Firefox has one through HasFullPageScreenshot, and in Chrome you would resize the window or use DevTools to capture more.

The file is temporary. Selenium writes it to the system temp folder and marks it to be deleted when the JVM exits, so copy it somewhere permanent, for example with Files.copy(), if you want to keep it.

About the assignment

On the Buttons page you capture the browser as a file and check two facts about it: that the file exists and that it is not empty, which is how a test confirms a capture worked before attaching it to a report.

What you will do

1. 1Cast the driver to TakesScreenshot and call getScreenshotAs() with OutputType.FILE.
2. 2Print the file's exists() result after the label Screenshot taken:.
3. 3Print whether its length() is greater than zero after the label File has content:.

Common mistakes

• Calling getScreenshotAs() on the driver variable

  The variable is typed as WebDriver, which has no such method, so the code does not compile. Cast to TakesScreenshot first.

• Expecting the whole page

  Content below the viewport is not in the image. Scroll, resize, or capture the element you care about.

• Relying on the temp file later

  It is deleted when the program ends. Copy it inside the test run.

In a real test suite

Related lessons

• Take Element ScreenshotCapture only one element.
• Window Size and PositionWindow size decides how much of the page fits in the image.
• Scroll to Element with JavaScriptScroll to the part of the page you want in the shot.

To try one of these calls on any page without a task, open the Online Selenium Java Compiler.

Starter code

The editor above opens with this code. Fill in the TODO lines, then run and submit it.

import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import java.io.File;

public class Main {
    public static void main(String[] args) throws Exception {
        WebDriver driver = new ChromeDriver();
        driver.get("https://testkru.com/Elements/Buttons");
        
        // TODO: Take screenshot as FILE
        // TODO: Check if file exists and has content
        // TODO: Print results
        
        driver.quit();
    }
}