Capture Multiple Screenshots in Selenium WebDriver

If you have an automated test case which involves testing of continuous application flow, there is always a chance that you want to capture series of screenshots. If you have ever encountered such need and have wondered how it’s done, look no further than MultiScreenShot. A nice little utility to capture multiple screenshots. Not only this. It also lets you take screenshot of individual element and minimize the browser.

In this post, we will see how we can setup this utility with Selenium WebDriver and use it to capture multiple screenshots. We have taken a simple example of About Google page to explain this process. Let’s get into action. Follow below steps to setup and use MultiScreenShot.

• Download MultiScreenShot JAR file from here.
• Associate the downloaded JAR file in your Selenium WebDriver project by adding it into Java Build Path.
• Import below package in your class file.
  
  1	import multiScreenShot.MultiScreenShot;

• To use MultiScreenShot, you need to create an object of it as shown in below code. It takes 2 arguments. First is a path to save the screenshot and second is a class name. Here, class name is used to create the folder and save the screenshot inside that.
  
  1	MultiScreenShot multiScreens = new MultiScreenShot("C:\\New\\","GoogleAbout");

• Now, you can just add below code to capture screenshots of your tests.
  
  1	multiScreens.multiScreenShot(driver);

• Your method code should look like below after performing all above steps.

@Test

public void GoogleAbout() throws Exception {

  driver.get(baseUrl);

  driver.findElement(By.linkText(Prop.getProperty("AboutLinkText"))).click();

  MultiScreenShot multiScreens = new MultiScreenShot("C:\\New\\","GoogleAbout");

  multiScreens.multiScreenShot(driver);

  driver.findElement(By.linkText("More about our philosophy")).click();

  multiScreens.multiScreenShot(driver);

}

On running this method, MultiScreenShot captures multiple screenshots and stores them in a folder. Below image shows the output of above example.

Apart from taking multiple screenshots, you can also take screenshot of individual element using by using this code.

1	multiScreens.elementScreenShot(driver, driver.findElement(By.id("search-submit")));

And minimize the browser using this code.

1	multiScreens.minimize();

All in all, a nifty tool to help you in your Selenium tests. Give it a try and let us know how it goes for you.