Selenium WebDriver is a collection of open-source APIs which are used to automate the testing of a web application. In order to capture a screenshot in Selenium, one has to utilize the method Takes Screenshot. This notifies WebDriver that it should take a screenshot in Selenium and store it. Selenium WebDriver tool is used to automate web application testing to verify that it works as expected. It supports many browsers. Here we will be taking the example of chrome.
Syntax:
File file = ((TakesScreenshot) driver) ;
Here, we will learn how to take a screenshot in the selenium web driver and highlight the element using Java Binding.
Screenshots are required for bug analysis especially in the case of test case failure. Whenever a test case fails, we need some attachment to verify that failure. Selenium can automatically take a screenshot during execution, and we can also mark a border to highlight that element.
Steps to take a screenshot in selenium web driver:
1. Take a screenshot and store it in a file format
2. Copy screenshot to a location using CopyFile method
FileUtils.copyFile(File, new File(“location where you want to save the image” +FileName+ “.jpeg”));
3. Create a border around the element: Using the JavaScript executor, we can create a border around the desired element.
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].style.border = '3px solid red'", Element);
Refer to the complete code below for the implementation part
Java
// Java program how to take// a screenshot in Selenium// WebDriverimport java.io.*;class GFG { public static void main(String[] args) { // Setting webDriver to chrome System.setProperty("webdriver.chrome.driver", "driver path"); driver = new ChromeDriver(); WebElement Element = driver.findElement( By.xpath("//input[@name='q']")); // Assignments to webDriver MakeBorder(Element); Thread.sleep(2000); TakeScreenshot("GooglePage"); driver.quit(); } // Function to Take screenshot public static void TakeScreenshot(String FileName) throws IOException { // Creating instance of File File File = ((TakesScreenshot)driver) .getScreenshotAs(OutputType.FILE); FileUtils.copyFile(File, new File("image location" + FileName + ".jpeg")); } // Function to Make border public static void MakeBorder(WebElement Element) { JavascriptExecutor js = (JavascriptExecutor)driver; js.executeScript( "arguments[0].style.border = '3px solid red'", Element); }} |
Output:
