{"id":43053,"date":"2016-12-26T16:04:50","date_gmt":"2016-12-26T10:34:50","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=43053"},"modified":"2016-12-27T10:30:51","modified_gmt":"2016-12-27T05:00:51","slug":"how-to-add-screenshots-to-testng-report","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/how-to-add-screenshots-to-testng-report\/","title":{"rendered":"How to Add Screenshots to TestNG Report?"},"content":{"rendered":"

Taking screenshots during testing<\/a>\u00a0is often considered a good practice. Adding a screenshot to the test reports provides complete clarity and visibility of the application such as if the application is working smoothly or something in the application needs to be fixed. It also makes the report meaningful and presentable.<\/p>\n

While carrying out manual testing<\/a> one can take a screenshot by using “PrtScr” command or by using any screenshot capturing application. However, incase of automation testing<\/a>, the process of taking screenshot and including it in the report is quite different.<\/p>\n

Read this blog to understand how to take a screenshot during automation testing and adding it it to the report.<\/p>\n

A brief about TestNG<\/strong><\/p>\n

TestNG is a powerful and easy-to-use testing framework<\/a>. It is designed in such a manner that it covers various categories of tests such as Unit, Integration, System etc. The official definition of TestNG is :<\/p>\n

\n

TestNG is a testing framework inspired from JUnit and NUnit, but introducing some new functionalities that make it more powerful and easier to use.<\/em><\/strong><\/p>\n<\/blockquote>\n

A task to take screenshot<\/strong><\/p>\n

    \n
  1. Access http:\/\/google.com<\/li>\n
  2. Search for cars<\/li>\n
  3. Verify if there is any link containing\u00a0the word “car”<\/li>\n
  4. Take screenshot<\/li>\n<\/ol>\n

    Follow the below code to take screenshots\u00a0<\/strong><\/p>\n

    File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);\r\n\/\/The below method will save the screen shot in d drive with name \"screenshot.png\"\r\ntimeStamp = new SimpleDateFormat(\"yyyyMMdd_HHmmss\").format(Calendar.getInstance().getTime());\r\nscreenShotName = new File(\"D:\\\\MyTest\\\\Screenshots\\\\\"+timeStamp+\".png\");\r\nFileUtils.copyFile(scrFile, screenShotName);<\/em><\/pre>\n
    Adding screenshots to the report<\/strong><\/p>\n
    String filePath = screenShotName.toString();\r\nString path = \"<img src=\"\\\"file:\/\/\"\" alt=\"\\\"\\\"\/\" \/>\";\r\nReporter.log(path);<\/em><\/pre>\n
    Complete Working Code<\/strong><\/p>\n
    public class TestNGDefaultReport {\r\nstatic WebDriver driver;\r\n@BeforeSuite\r\npublic void setup(){\r\nSystem.setProperty(\"webdriver.chrome.driver\",\"D:\\\\MyTest\\\\chromedriver.exe\");\r\n\r\nSystem.setProperty(\"org.uncommons.reportng.escape-output\", \"false\");\r\ndriver = new ChromeDriver();\r\n}\r\n \r\n@BeforeMethod\r\npublic void beforeEachMethod(){\r\ndriver.get(\"http:\/\/google.com\");\r\n}\r\n \r\n\/\/Test case 1\r\n@Test\r\npublic void cars() throws Exception {\r\nSystem.out.println(\"I am Test method and I am searching for cars\");\r\ndriver.findElement(By.name(\"q\")).sendKeys(\"Cars\");\r\n \r\ndriver.findElement(By.name(\"btnG\")).click();\r\n \r\n\/\/Wait for the results to appear\r\nThread.sleep(2000);\r\ntakeScreenshot();\r\nif(driver.findElement(By.partialLinkText(\"car\")).isDisplayed()){\r\nAssert.assertTrue(true); \r\n}\r\nelse{\r\nAssert.assertTrue(false);\r\n}\r\n}\r\n \r\n@AfterSuite\r\npublic void endOfSuite(){\r\nSystem.out.println(\"I am the end of suite\");\r\ndriver.quit();\r\n}\r\n \r\npublic static void takeScreenshot() throws Exception {\r\nString timeStamp;\r\nFile screenShotName;\r\nFile scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);\r\n\/\/The below method will save the screen shot in d drive with name \"screenshot.png\"\r\ntimeStamp = new SimpleDateFormat(\"yyyyMMdd_HHmmss\").format(Calendar.getInstance().getTime()); \r\nscreenShotName = new File(\"D:\\\\MyTest\\\\Screenshots\\\\\"+timeStamp+\".png\");\r\nFileUtils.copyFile(scrFile, screenShotName);\r\n \r\nString filePath = screenShotName.toString();\r\nString path = \"<img src=\"\\\"file:\/\/\"\" alt=\"\\\"\\\"\/\" \/>\";\r\nReporter.log(path);\r\n \r\n}\r\n}\r\n<\/em><\/pre>\n
    TestNG Reports<\/strong><\/p>\n
    TestNG provides certain predefined listeners. These listeners are by default added to any test execution. Hence, different HTML and XML reports are generated for any test execution. The report is generated by default under the folder named test-output<\/strong>. You can view the report by opening index.html.<\/strong><\/p>\n
    Conclusion<\/strong><\/p>\n
    You make you reports more meaningful and presentable by adding screenshots to your reports.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Taking screenshots during testing\u00a0is often considered a good practice. Adding a screenshot to the test reports provides complete clarity and visibility of the application such as if the application is working smoothly or something in the application needs to be fixed. It also makes the report meaningful and presentable. While carrying out manual testing one […]<\/p>\n","protected":false},"author":850,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":192,"footnotes":""},"categories":[1818,1],"tags":[2943,1561,3194,25,4330,3950,4329],"class_list":["post-43053","post","type-post","status-publish","format-standard","hentry","category-automation-testing-testing-2","category-technology","tag-application-testing","tag-automation-testing","tag-screenshots","tag-selenium","tag-test-report","tag-testng","tag-webdriver"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t