Take a screenShot of the whole page

Question

I need to automate a shooter which takes a screenshot of the whole page of the website. I tried a solution, but only a part of the page is taken. Somebody can help? Below you see the code that I tried.

public void captureScreenshot(WebDriver driver, String screenshotName) {
    // Take the screenshot only is the feature is activated
    if (isActivate) {

        try {
            // before to take the screenshot
            utils.sleep(1);

            TakesScreenshot ts = (TakesScreenshot) driver; 
            File source = ts.getScreenshotAs(OutputType.FILE);
            FileUtils.copyFile(source, new File(dirPath + fileSep + screenshotName
                + "_" + strDateStamp + ".png"));
            String ESCAPE_PROPERTY = "org.uncommons.reportng.escape-output";
            System.setProperty(ESCAPE_PROPERTY, "false");
            URL path = new File(dirPath + fileSep + screenshotName + "_"
                + strDateStamp + ".png").toURI().toURL();
            String test = "<a href=" + path + "> click to open the screenshot "
                + screenshotName + "</a>";
            Reporter.log(screenshotName + test + "<br>");
        } catch (Exception e) {
            System.out.println("Exception while taking screenshot " + e.getMessage());
        }
    }
}

IEDriver will take full screenshot. (Not just visible portion of page.) However some sites will load more content upon scroll. — pcalkins, Jun 18 '19 at 18:29

score 0 · Answer 1 · edited Jun 18 '19 at 19:30

Hi you might want to try below code. It works for me for taking whole page screenshot in windows for both chrome as well as firefox.

public void getScreenshotOfWholePageWithScreenshotName(WebDriver driver, String path, String name) {
    try {
        Thread.sleep(2000);
        Screenshot fpScreenshot = new AShot().shootingStrategy(ShootingStrategies.viewportPasting(1000)).takeScreenshot(driver);
        ImageIO.write(fpScreenshot.getImage(), "PNG", new File(path + "\\" + date() + " - " + name + ".png"));
        Thread.sleep(2000);
   } catch (Exception ex) {
        ex.printStackTrace();
   }
}

In order to work above code, you will have to use following library:

<dependency>
    <groupId>ru.yandex.qatools.ashot</groupId>
    <artifactId>ashot</artifactId>
    <version>1.5.2</version>
</dependency>

I am using maven hence, i am adding the dependency in POM.xml file.

Cheers!

score 0 · Answer 2 · answered Jun 18 '19 at 09:29

Can be done using Shutterbug:

https://www.assertthat.com/posts/selenium_shutterbug_make_custom_screenshots_with_selenium_webdriver

To make a full page screenshot:

Shutterbug.shootPage(driver, ScrollStrategy.WHOLE_PAGE).save();

Sources on github https://github.com/assertthat/selenium-shutterbug

Provides ability to make full page screenshot in Chrome and some other extended features.

Take a screenShot of the whole page

2 Answers2