Extent Report in Page Object Modal

Page Object Model with Page Factory in Selenium and Generating Extent report.

Creating a Page Object Model with Page Factory in Selenium WebDriver:

Project Structure:

Step 1: Creating TestBase class. Here we create an object of WebDriver, maximize browser, implementing waits, launching URL and etc.,

In the below example program, I have taken chrome browser and set the System Property to launch chrome browser.

TestBase.java (BASE CLASS)

package tests;

import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.concurrent.TimeUnit;

import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.testng.annotations.AfterSuite;
import org.testng.annotations.BeforeSuite;
import org.testng.annotations.Test;

import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.reporter.ExtentSparkReporter;
import com.aventstack.extentreports.reporter.configuration.Theme;

public class TestBase {
	public static WebDriver driver = null;
	public static ExtentSparkReporter spark = null;
	public static ExtentReports extent = null;
	public static ExtentTest logger = null;
	
	
	@BeforeSuite
	public void initialize() throws IOException{
		
		extent = new ExtentReports();
		 
		spark = new ExtentSparkReporter(System.getProperty("user.dir") + "/test-output/RKExtentReport.html");
		extent.attachReporter(spark);
		extent.setSystemInfo("Host Name", "Testing Buddy");
         extent.setSystemInfo("Environment", "Production");
         extent.setSystemInfo("User Name", "Rahulkundu");
         spark.config().setDocumentTitle("Title of the Report Comes here ");
                // Name of the report
         spark.config().setReportName("Name of the Report Comes here ");
                // Dark Theme
         spark.config().setTheme(Theme.STANDARD);
         
         
         /*
 			String dateName = new SimpleDateFormat("yyyyMMddhhmmss").format(new Date());
 			TakesScreenshot ts = (TakesScreenshot) driver;
 			File source = ts.getScreenshotAs(OutputType.FILE);
 			// after execution, you could see a folder "FailedTestsScreenshots" under src folder
 			String destination = System.getProperty("user.dir") + "/Screenshots/" + screenshotName + dateName + ".png";
 			File finalDestination = new File(destination);
 			FileUtils.copyFile(source, finalDestination);*/
 			
 			
	System.setProperty("webdriver.chrome.driver", System.getProperty("user.dir")+"\\src\\test\\java\\drivers\\chromedriver.exe");
	
	ChromeOptions coptions = new ChromeOptions();
	coptions.addArguments("--disable-notifications");
	
	driver = new ChromeDriver(coptions);
	//To maximize browser
	                driver.manage().window().maximize();
	        //Implicit wait
	         driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);
	//To open facebook
	                driver.get("https://www.facebook.com/login");
	}
         
         
         
	@AfterSuite
	//Test cleanup
	public void TeardownTest()
	    { 
			TestBase.extent.flush();
	        TestBase.driver.quit();
	    }
}

Step 2: Creating classes for each page (Eg., Facebook Login Page, Facebook Inbox Page) to hold element locators and their methods. Usually, we create page objects for all available pages in the AUT. For each page, we create a separate class with a constructor. Identify all the locators and keep them in one class. It allows us to reuse the locators in multiple methods. It allows us to do easy maintenance, if there is any change in the UI, we can simply change on one Page.

Here, I create java files (FacebookLoginPage.java and FacebookInboxPage.java) for the corresponding pages (Facebook Login Page, and Facebook Inbox Page) to hold element locators and their methods.

FBHomePage.java (Webpage 1)

package pages;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.How;
public class FBHomePage {
 WebDriver driver;
  
    public FBHomePage(WebDriver driver){
            this.driver=driver;
    }
    //Using FindBy for locating elements
    
    
@FindBy(how=How.CLASS_NAME, using="x3ajldb") WebElement profileDropdown;
@FindBy(how=How.XPATH, using="//span[contains(.,'Log Out')]") WebElement logoutLink;
@FindBy(how=How.XPATH, using="//a[@aria-label='Rahul Kundu'][contains(.,'Rahul Kundu')]") WebElement loggedInUserNameText;
    
//Defining all the user actions (Methods) that can be performed in the Facebook home page
    // This method to click on Profile Dropdown
public void clickOnProfileDropdown(){
//WebElement profileDropdown = driver.findElement(By.className("x3ajldb"));
profileDropdown.click();
}
//This method to click on Logout link
public void clickOnLogoutLink(){
 
logoutLink.click();
}
//This method to verify LoggedIn Username Text
public String verifyLoggedInUserNameText(){
String userName = loggedInUserNameText.getText();
return userName;
}
}

FBLoginPage.java (Webpage 2)

package pages;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.How;
public class FBLoginPage {
 WebDriver driver;
  
    public FBLoginPage(WebDriver driver){
             this.driver=driver;
    }
//Using FindBy for locating elements
@FindBy(how=How.XPATH, using="//input[contains(@name,'email')]") WebElement emailTextBox;
@FindBy(how=How.XPATH, using="//input[@type='password']") WebElement passwordTextBox;
@FindBy(how=How.XPATH, using="//button[@name='login']") WebElement signinButton;
    // Defining all the user actions (Methods) that can be performed in the Facebook home page
    // This method is to set Email in the email text box
public void setEmail(String strEmail){
emailTextBox.sendKeys(strEmail);
}
//This method is to set Password in the password text box
public void setPassword(String strPassword){
passwordTextBox.sendKeys(strPassword);
}
//This method is to click on Login Button
public void clickOnLoginButton(){
signinButton.click();
}
}

Step 3: Creating Test (Eg., FBLoginTest) based on above pages. As per my test scenario which was mentioned above, scripts run as follows.

1. Launch browser and open facebook.com
2. Enter user credentials and do signin
3. Verify the loggedIn user name and do logout

FBLoginTest.java (Test Case 1)

package tests;

import org.openqa.selenium.support.PageFactory;
import org.testng.annotations.AfterTest;
import org.testng.annotations.Test;

import pages.FBHomePage;
import pages.FBLoginPage;

public class FbLoginTest extends TestBase{
	
	@Test
	public void init() throws Exception{

			//driver.get("https://www.facebook.com");
			logger = extent.createTest("To verify FB Login");
			FBLoginPage loginpage = PageFactory.initElements(driver, FBLoginPage.class);
			loginpage.setEmail("rahul.kundu1@gmail.com");
			logger.createNode("Email id entered");
			loginpage.setPassword("Rk@1991987");
			logger.createNode("password entered");
			loginpage.clickOnLoginButton();
			logger.createNode("Click on login button");
			
			logger = extent.createTest("To verify home page");
			FBHomePage homepage = PageFactory.initElements(driver, FBHomePage.class);
			homepage.clickOnProfileDropdown();
			logger.createNode("Clicked on profile dropdown");
			homepage.verifyLoggedInUserNameText();
			logger.createNode("verified that logged in text");
			homepage.clickOnLogoutLink();	
			logger.createNode("Clicked on logout link");
		}
	
}

Step 4: Creating testng.xml file

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
<suite name="Everjobs Suite">
 
<test name="Page Object Model Project">
<classes>
<class name="tests.TestBase" />
<class name="tests.FbLoginTest" />
</classes>
</test>
</suite> <!-- Suite -->

Please check the pom.xml that i have used.

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>PageObjectModel</groupId>
  <artifactId>pomtest</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    
    <dependency>
    <groupId>org.seleniumhq.selenium</groupId>
    <artifactId>selenium-java</artifactId>
    <version>4.6.0</version>
</dependency>
<dependency>
  <groupId>org.testng</groupId>
  <artifactId>testng</artifactId>
  <version>7.6.0</version>
  <scope>test</scope>
</dependency>
 <dependency>
		<groupId>com.aventstack</groupId>
		<artifactId>extentreports</artifactId>
		<version>5.0.9</version>
	 </dependency>
	 <!-- https://mvnrepository.com/artifact/commons-io/commons-io -->
	<dependency>
    <groupId>commons-io</groupId>
    <artifactId>commons-io</artifactId>
    <version>2.6</version>
	</dependency>

  </dependencies>
</project>

For extent report add the following dependency in your pom.xml:

         <dependency>
		<groupId>com.aventstack</groupId>
		<artifactId>extentreports</artifactId>
		<version>5.0.9</version>
	 </dependency>

Please check the Extent report generated after refreshing the project, you will see "RKExtentReport.html" under test-output folder.


This is 100% working code and if you find any difficulty then you can post your queries.

RK

Generate Extent Reports in Selenium Webdriver

What are the Extent Reports?

ExtentReports is an open-source reporting library used in selenium test automation. Extent reports become the first choice of Selenium Automation Testers, even though Selenium comes with inbuilt reports using frameworks like JUnit and TestNG. With extent reports, you can offer a more extensive and insightful perspective on the execution of your automation scripts. So let’s see why Automation testers prefer Extent reports to others.

Advantages of Extent Reports

Some of the advantages of Extent Reports are as follows

• Extent reports are more customizable than others.
• Captures screenshots at every test step
• Displays the time taken for test case execution within the report.
• Extent API can produce more interactive reports, a dashboard view, graphical view, and emailable reports
• You can easily track multiple test case runs that occur within a single suite.
• It can be easily integrated with frameworks like JUnit, NUnit, & TestNG

Steps To Generate Extent Reports

Step #1: Firstly, create a TestNG project in eclipse

Step #2: Download extent library files (Extent reports Version 5 JAR file – Extent Spark Reporter) and add the downloaded library files to your project

If you are using pom.xml file then you can add Extent Reports Maven dependency 5.0.9 in your maven project.

<dependency>
<groupId>com.aventstack</groupId>
<artifactId>extentreports</artifactId>
<version>5.0.9</version>
</dependency>

Step #3: Create a java class say ‘ExtentReportsClass’ and add the following code to it

Code to validate title and logo on Google home page.

Given clear explanation in the comments section with in the program itself. Please go through it to understand the flow.

package com.test.traveltest;

import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import org.apache.commons.io.FileUtils;
import org.openqa.selenium.*;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.ITestResult;
import org.testng.SkipException;
import org.testng.annotations.*;
import com.aventstack.extentreports.ExtentReports;
import com.aventstack.extentreports.ExtentTest;
import com.aventstack.extentreports.Status;
import com.aventstack.extentreports.markuputils.ExtentColor;
import com.aventstack.extentreports.markuputils.MarkupHelper;
import com.aventstack.extentreports.reporter.ExtentSparkReporter;
//import com.aventstack.extentreports.reporter.configuration.ChartLocation;
import com.aventstack.extentreports.reporter.configuration.Theme;
public class ExtentReportsClass {
		public WebDriver driver;
		public ExtentSparkReporter spark;
		public ExtentReports extent;
		public ExtentTest logger;
@BeforeTest
public void startReport() {
         // Create an object of Extent Reports
		extent = new ExtentReports();
 
		spark = new ExtentSparkReporter(System.getProperty("user.dir") + "/test-output/RKExtentReport.html");
		extent.attachReporter(spark);
		extent.setSystemInfo("Host Name", "Testing Buddy");
         extent.setSystemInfo("Environment", "Production");
         extent.setSystemInfo("User Name", "Rahulkundu");
         spark.config().setDocumentTitle("Title of the Report Comes here ");
                // Name of the report
         spark.config().setReportName("Name of the Report Comes here ");
                // Dark Theme
         spark.config().setTheme(Theme.STANDARD);
}
//This method is to capture the screenshot and return the path of the screenshot.
		public static String getScreenShot(WebDriver driver, String screenshotName) throws IOException {
			String dateName = new SimpleDateFormat("yyyyMMddhhmmss").format(new Date());
			TakesScreenshot ts = (TakesScreenshot) driver;
			File source = ts.getScreenshotAs(OutputType.FILE);
			// after execution, you could see a folder "FailedTestsScreenshots" under src folder
			String destination = System.getProperty("user.dir") + "/Screenshots/" + screenshotName + dateName + ".png";
			File finalDestination = new File(destination);
			FileUtils.copyFile(source, finalDestination);
			return destination;
}
@BeforeMethod
public void setup() {
		System.setProperty("webdriver.chrome.driver",System.getProperty("user.dir")+"\\src\\main\\java\\drivers\\chromedriver.exe");
		driver = new ChromeDriver();
		driver.manage().window().maximize();
		driver.get("https://www.google.com/");
}
@Test
public void verifyTitle() {
	logger = extent.createTest("To verify Google Title");
	Assert.assertEquals(driver.getTitle(),"Google");
}
	
@Test
public void verifyLogo() {
	logger = extent.createTest("To verify Google Logo");
	boolean img = driver.findElement(By.xpath("//img[contains(@class,'lnXdpd')]")).isDisplayed();
	logger.createNode("Image is Present");
	Assert.assertTrue(img);
	logger.createNode("Image is not Present");
	Assert.assertFalse(img);
}
@Test
public void verifySearchEnabled() {
	logger = extent.createTest("To verify search field");
	boolean img1 = driver.findElement(By.xpath("//img[contains(@class,'lnXdpd')]")).isEnabled();
	logger.createNode("Text field is enabled ");
	Assert.assertTrue(img1);
}
@Test
public void verifySearch() {
	logger = extent.createTest("To verify search works");
	driver.findElement(By.xpath("//input[@name='q']")).sendKeys("rahul");
	logger.createNode("rahul entered for search");
	driver.findElement(By.className("gNO89b")).click();
	logger.createNode("search button is clicked");
	
}
@AfterMethod
public void getResult(ITestResult result) throws Exception{
		if(result.getStatus() == ITestResult.FAILURE){
//MarkupHelper is used to display the output in different colors
			logger.log(Status.FAIL, MarkupHelper.createLabel(result.getName() + " - Test Case Failed", ExtentColor.RED));
			logger.log(Status.FAIL, MarkupHelper.createLabel(result.getThrowable() + " - Test Case Failed", ExtentColor.RED));
//To capture screenshot path and store the path of the screenshot in the string "screenshotPath"
//We do pass the path captured by this method in to the extent reports using "logger.addScreenCapture" method.
//String Scrnshot=TakeScreenshot.captuerScreenshot(driver,"TestCaseFailed");
			String screenshotPath = getScreenShot(driver, result.getName());
//To add it in the extent report
			logger.fail("Test Case Failed Snapshot is below " + logger.addScreenCaptureFromPath(screenshotPath));
		}
		else if(result.getStatus() == ITestResult.SKIP){
			logger.log(Status.SKIP, MarkupHelper.createLabel(result.getName() + " - Test Case Skipped", ExtentColor.ORANGE));
		}
		else if(result.getStatus() == ITestResult.SUCCESS)
		{
			logger.log(Status.PASS, MarkupHelper.createLabel(result.getName()+" Test Case PASSED", ExtentColor.GREEN));
		}
		driver.quit();
	}
@AfterTest
public void endReport() {
		extent.flush();
	}
}

Selenium Assignment – 5 (Flipkart Login)

In this selenium Assignment, we will practice some dynamic xpath using different functions.

Scenario:

• Open a browser of your choice like Mozilla Firefox.
• Navigate to Flipkart site (http://www.flipkart.com/login)
• Enter Email Id or Phone Number.
• Enter password.
• Click login button.
• Verify that user is logged in successfully.

package com.test.traveltest;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class Assignment5 {
	
	WebDriver driver;
	String Url = "https://www.flipkart.com/account/login";
	//WebElement webFrame;
	
	@BeforeClass
	public void invokeBrowser(){
		System.setProperty("webdriver.gecko.driver",
				"D:\\Selenium\\geckodriver-v0.31.0-win64\\geckodriver.exe");
		driver = new FirefoxDriver();

		driver.manage().window().maximize();

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

		driver.get(Url);
	}
	
  @Test
  public void Test1() {
	  
	  driver.findElement(By.xpath("(//input[@type='text'])[2]")).sendKeys("test@gmail.com");
      driver.findElement(By.xpath("//input[@type='password']")).sendKeys("test123$");
      driver.findElement(By.xpath("(//button[@type='submit'])[2]")).click();
	  
  }
  
  @AfterTest
	public void testComplete() {
		driver.close();
	}
}

Another method for handling Login popup of Flipkart:

package com.suite1;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class flipkart2 {
	WebDriver driver;
    String driverPath = "D:\\Selenium\\geckodriver-v0.31.0-win64\\geckodriver.exe";
	String username = ""; // Change to your username and passwrod
	String password = "";

	// This method is to navigate flipkart URL
	@BeforeClass
	public void init() {
		System.setProperty("webdriver.gecko.driver", driverPath);
		driver = new FirefoxDriver();
		driver.manage().window().maximize();

		driver.manage().deleteAllCookies();

		driver.manage().timeouts().pageLoadTimeout(90, TimeUnit.SECONDS);

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

		driver.get("https://www.flipkart.com");
	}
	
	
	@Test
	public void loginTest() throws InterruptedException {
		String winHandleBefore = driver.getWindowHandle();
		for (String winHandle : driver.getWindowHandles()) {
			
			driver.switchTo().window(winHandle);
			System.out.println(driver.getTitle());
			
		Thread.sleep(3000);
		
		driver.findElement(By.xpath("//input[@class='_2IX_2- VJZDxU']")).sendKeys("testuser@abc.com");
		Thread.sleep(3000);
		driver.findElement(By.xpath("//input[@type='password']")).sendKeys("Test@1234");
		Thread.sleep(3000);
		driver.findElement(By.xpath("//button[@class='_2KpZ6l _2HKlqd _3AWRsL'][contains(.,'Login')]")).click();
		}
	}
	@AfterTest
	public void TestComplete() {
		driver.close();
	}
}

Selenium Assignment – 4 (Drag and Drop)

In this Selenium Assignment, we will be practicing iframe handling, CSS property verification and a mouse hover operation – drop and drop operation using actions class.

Scenario:

• Open a browser of your choice for example – Chrome Browser.
• Navigate to http://jqueryui.com/droppable/ webpage.

• Consider “Drag me to my target” as a source and “Drop here” as a target.
• Write a code to perform drag and drop operation from source to target.

• After drag and drop verify the operation is successfully by checking the color property of CSS and also verify text change. (Use assert statement to verify that color and text are as expected.)

package com.test.traveltest;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.interactions.Actions;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class Assignment4 {

	WebDriver driver;
	String Url = "https://jqueryui.com/droppable/";
	WebElement webFrame;
	
	@BeforeClass
	public void invokeBrowser(){
		System.setProperty("webdriver.gecko.driver",
				"D:\\Selenium\\geckodriver-v0.31.0-win64\\geckodriver.exe");
		driver = new FirefoxDriver();

		driver.manage().window().maximize();

		driver.manage().timeouts().pageLoadTimeout(20, TimeUnit.SECONDS);

		driver.get(Url);
	}
	@Test
	public void Test1() {
		webFrame = driver.findElement(By.className("demo-frame"));
		
		driver.switchTo().frame(webFrame);
		WebElement source = driver.findElement(By.id("draggable"));
		WebElement target = driver.findElement(By.id("droppable"));
		
		Actions action = new Actions(driver);
		String colourBeforeDnD = target.getCssValue("color");
		//action.dragAndDrop(source, target).build().perform();
		action.moveToElement(source).clickAndHold().moveToElement(target).release().build().perform();
		String colorAfterDnD = target.getCssValue("color");
		
		System.out.println("Color before Drag and Drop : "+ colourBeforeDnD);
		
		System.out.println("Color after Drag and Drop : "+ colorAfterDnD);
		
	}
	@AfterTest
	public void testComplete() {
		driver.close();
	}
}

Selenium Assignment – 3

Here is the third assignment in the series of real-time scenarios to practice. In this assignment, we are focusing on working with links and getAttribute() method.

Number of Links on a Page:

Scenario:

1. Open a Browser (write the generic code such that by changing the parameter browser can be changed.)
2. Navigate to https://flipkart.com website.
3. Write a method to find the count (number of) links on the homepage of Flipkart.
4. Write another method to print link text and URLs of all the links on the page of Flipkart.

Try this.

package com.test.traveltest;

import java.util.List;
import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class Assignment3 {
	WebDriver driver;
	String flipkartUrl = "https://www.flipkart.com";
	
	@BeforeClass
	public void invokeBrowser(){
		System.setProperty("webdriver.gecko.driver",
				"D:\\Selenium\\geckodriver-v0.31.0-win64\\geckodriver.exe");
		driver = new FirefoxDriver();

		driver.manage().window().maximize();
		driver.manage().deleteAllCookies();
		driver.manage().timeouts().pageLoadTimeout(90, TimeUnit.SECONDS);
		driver.manage().timeouts().implicitlyWait(6, TimeUnit.SECONDS);
		driver.get(flipkartUrl);
	}
	
	
	
	@Test
	public void getLinkCount(){
		List<WebElement> allLink = driver.findElements(By.tagName("a"));
		System.out.println("Number of links on a page :: "+allLink.size());
	}
	
	@Test
	public void getLinkUrl(){
		String url = driver.findElement(By.linkText("Amazon Pay")).getAttribute("href");
		
		System.out.println("Url :: "+ url);
	}
	@Test
	public void getAllLinkInfo(){
		List<WebElement> allLink = driver.findElements(By.tagName("a"));
		
		for(WebElement link:allLink){
			System.out.println("Link Text :: "+ link.getText());
			System.out.println("Link URL  :: "+ link.getAttribute("href"));
			
			System.out.println("-------------------------------------------");
		}
	}
	@AfterTest
	public void testComplete() {
		driver.close();
	}
}