Road to capture clip of element locator in webdriver java

In this post I am going to show you how to capture clip of page element using webdriver.
Below I have written a “CaptureElementClip.java“java webdriver test script of a google application where I capture google menu clip and save into project.

package com.webdriver.test;

import java.awt.image.BufferedImage;

import java.io.File;

import java.io.IOException;

import java.util.concurrent.TimeUnit;

import javax.imageio.ImageIO;

import org.apache.commons.io.FileUtils;

import org.openqa.selenium.By;

import org.openqa.selenium.OutputType;

import org.openqa.selenium.Point;

import org.openqa.selenium.TakesScreenshot;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.firefox.FirefoxDriver;

import org.testng.annotations.AfterSuite;

import org.testng.annotations.BeforeSuite;

import org.testng.annotations.Test;

public class CaptureElementClip {

        private WebDriver driver;

        private String baseUrl;

        @BeforeSuite

        public void setUp() throws Exception {

                    driver = new FirefoxDriver();

                    baseUrl = "http://google.com";

                    driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);

         }

        @Test

        public void testGoogle() throws IOException {

                    //open application url

                    driver.get(baseUrl);

                    //take screen shot

                    File screen = ((TakesScreenshot) driver)

                                        .getScreenshotAs(OutputType.FILE);

                                        

                    //get webelement object of google menu locator

                    WebElement googleMenu = driver.findElement(By.id("gbz"));

                    Point point = googleMenu.getLocation();

                    //get element dimension

                    int width = googleMenu.getSize().getWidth();

                    int height = googleMenu.getSize().getHeight();

                   

                    BufferedImage img = ImageIO.read(screen);

                    BufferedImage dest = img.getSubimage(point.getX(), point.getY(), width,

                                                                                 height);

                    ImageIO.write(dest, "png", screen);

                    File file = new File("Menu.png");

                    FileUtils.copyFile(screen, file);

          }

          @AfterSuite

          public void tearDown() throws Exception {

                    driver.quit();

           }

}

After executing above test a “Menu.png” file is generated in root folder of your project.