Thursday, April 18, 2019

How to Use TestNG Framework for Creating Selenium Scripts | Selenium Test Case with TestNG Framework | TestNG Tutorials

In this tutorial, we will learn how to write a test case using the TestNG framework and generate TestNG report.


Topics to be covered?


  1. Use of @BeforeMethod, @Test and @AfterMethod annotation for writing a test case.
  2. Use of 'Priority' keyword.
  3. Generate TestNG report to analyze the result of test case execution.
Note - If are not aware of TestNG and its annotations, you can follow the link - TestNG Introduction







Let us take the example of Facebook application. We have been told to automate two scenarios - 
  1. Open the Facebook application and Print the Login Page title on the Console
  2. Open the Facebook application and Enter Username and Password.
Note  - After validating every scenario the browser page should be closed.

If you observe the above two scenarios, you must be noticing that the first thing which is common is to Open the application and the last thing is to close the browser. We can say these two things are our pre-requisites which must be handled before validating our test scenarios.

Below we will see how to handle such scenarios with the help of TestNG annotations:

  • @BeforeMethod - Method under this annotation will execute before the execution of each @test annotation.
Note -This annotation basically covers the initial pre-requisite part of a test case. In our case Open the application.

  • @Test - Defines a particular functionality of the application. We write our test case under the method of this annotation.
Note - In our case, the above scenario will be covered under this annotation.

  • @AfterMethod - Method under this annotation will execute after the execution of each @test annotation.
Note - It will cover the action that will be performed after the execution of every test case. In our case, closing the Browser Page.


I hope you have understood under which situation we need to use the above three annotations.

Now we will see how to automate the above two scenarios with the help of a program.

One more important thing to note is that we don't need to use the main() method if you are using TestNG annotations. The call of the main() method is handled by the annotations of the TestNg automatically.






 package com.testng;  
   
 import java.util.concurrent.TimeUnit;  
   
 import org.openqa.selenium.By;  
 import org.openqa.selenium.WebDriver;  
 import org.openqa.selenium.chrome.ChromeDriver;  
 import org.testng.annotations.AfterMethod;  
 import org.testng.annotations.BeforeMethod;  
 import org.testng.annotations.Test;  
   
 public class FirstTestNGScript {  
        
      WebDriver driver;// declaring driver as public.  
        
      @BeforeMethod  
      public void LaunchApplication()  
      {  
           System.setProperty("webdriver.chrome.driver", "F:\\software\\chromedriver_win32\\chromedriver.exe");  
           driver = new ChromeDriver();  
           driver.manage().window().maximize();  
           driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);  
           driver.get("https://www.facebook.com/");//launching the application       
      }  
        
        
      //Test case 1  
      @Test  
      public void printLoginPageTitle()  
      {  
           String Loginpagetitle = driver.getCurrentUrl();  
           System.out.println(Loginpagetitle);//Printing the title on the console  
      }  
        
      //Test Case 2  
      @Test  
      public void enterUsernamePassword()  
      {  
           //Enter Username and Password  
           driver.findElement(By.xpath("//input[@id='email']")).sendKeys("xyz@gmail.com");  
           driver.findElement(By.xpath("//input[@id='pass']")).sendKeys("**********");  
      }  
        
        
        
      @AfterMethod  
      public void closeBrowserPage()  
      {  
           driver.close();//Closing the browser page  
      }  
        
        
        
   
 }  
   



Order of above test cases execution:

  1. FB application will be launched.
  2. 2nd Test Case will be executed.
  3. Close of browser.
  4. Again FB application will be launched.
  5. 1st Test Case will be executed.
  6. Close of browser.


You must have thinking that why the 2nd test will be executed before the 1st one?


  • The answer is that TestNG follows the execution order of test cases based on the name of the methods written under @Test annotations.
  • It follows the alphabetical order of the methods name.
  • In our case, 'e' in enterUsernamePassword() method comes before 'p' in printLoginPageTitle() method based on alphabetical order.
  • In case, the first letter is the same in both the methods then the second letter of both the methods will be taken into consideration and so on.

I hope your doubt must be cleared.


What is the workaround, if we want to execute the first test case before the second one?

  • Well TestNG provides one keyword - 'Priority'
  • It is used as @Test(priority=0).
  • If we set the priority of a test case as 0, it means the test case will be executed first.
  • Priority keyword follows index = 0,1,2,3....

Now We will use this concept in our previous program to change the execution order.


 package com.testng;  
   
 import java.util.concurrent.TimeUnit;  
   
 import org.openqa.selenium.By;  
 import org.openqa.selenium.WebDriver;  
 import org.openqa.selenium.chrome.ChromeDriver;  
 import org.testng.annotations.AfterMethod;  
 import org.testng.annotations.BeforeMethod;  
 import org.testng.annotations.Test;  
   
 public class FirstTestNGScript {  
        
      WebDriver driver;// declaring driver as public.  
        
      @BeforeMethod  
      public void LaunchApplication()  
      {  
           System.setProperty("webdriver.chrome.driver", "F:\\software\\chromedriver_win32\\chromedriver.exe");  
           driver = new ChromeDriver();  
           driver.manage().window().maximize();  
           driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);  
           driver.get("https://www.facebook.com/");//launching the application       
      }  
        
        
      //Test case 1  
      @Test(priority=2)  
      public void printLoginPageTitle()  
      {  
           String Loginpagetitle = driver.getCurrentUrl();  
           System.out.println(Loginpagetitle);//Printing the title on the console  
      }  
        
      //Test Case 2  
      @Test(priority=1)  
      public void enterUsernamePassword()  
      {  
           //Enter Username and Password  
           driver.findElement(By.xpath("//input[@id='email']")).sendKeys("xyz@gmail.com");  
           driver.findElement(By.xpath("//input[@id='pass']")).sendKeys("**********");  
      }  
        
        
        
      @AfterMethod  
      public void closeBrowserPage()  
      {  
           driver.close();//Closing the browser page  
      }  
        
        
        
   
 }  
   



Order of above test cases execution:

  1. FB application will be launched.
  2. 1nd Test Case will be executed.
  3. Close of browser.
  4. Again FB application will be launched.
  5. 2st Test Case will be executed.
  6. Close of browser.

Now we will learn how to open TestNG report:

  • First, after the execution of the script, we can see the report on the Eclipse console.





  • Second, We can open the customized HTML TestNG report as explained below - 
--> Refresh the TestNG Project.
--> One 'test-output' folder will be generated.
--> Expand the folder.
--> Locate one 'index.html' file.



--> Open the file. This is the customized TestNG  HTML report.






That's all guys!!! Do comment and ask your doubts if you have any. Thanks.

Sunday, March 10, 2019

TestNG Tutorial | TestNG Framework with Selenium : How to Install TestNG in Eclipse IDE for Selenium WebDriver

In this tutorial, We will learn how to install and configure TestNG with Eclipse to use TestNG framework in automating scripts using Selenium WebDriver.



Topics to be covered?
  1. Install TestNG in Eclipse IDE.
  2. Configure TestNg Library with the Selenium Project in Eclipse.

In case you are not aware of TestNG, follow the link - TestNG Introduction




Install TestNG in Eclipse IDE

Note - Most of the times TestNG is pre-installed with the Eclipse IDE. So you don't need to do this step.

How to Verify?

Steps: Right click on the Project -> Click on the Build Path -> Click on Configure Build path -> Click on 'Add Library' -> Verify 'TestNG' option as shown in the image below.










If the 'TestNG' option is available as shown in the image above, it means TestNG is pre-installed in the Eclipse IDE.


If Not, then??

Follow below steps to Install TestNG in Eclipse IDE.

  1. Launch Eclipse.
  2. On the menu bar, click Help.
  3. Choose the "Eclipse Marketplace..." option.
  

   
     4. In the Eclipse Marketplace dialog box, type TestNG in the search box and press the search button( magnifying glass) or press Enter key.



   5. Click Install


  6. A new window for feature selection will open, Do not change anything and Click on confirm button.




  7. Click Next again on the succeeding dialog box until you reach the License Agreement dialog.
  8. Click "I accept the terms of the license agreement" then click Finish.


  9. If you encounter a Security warning, just click OK



 10. When Eclipse prompts you for a restart, just click Yes.


  11. After the restart, verify if TestNG was indeed successfully installed. Click Window > Preferences and see if TestNG is included on the Preferences list.




Thus, TestNG is installed in Eclipse IDE.





Configure TestNg Library with the Selenium Project in Eclipse

After Installation of TestNG in Eclipse IDE, We need to configure TestNG Library in our Project(Created In Eclipse) to use the annotations and various useful features provided by TestNG framework.

Click on the below Video URL to configure TestNG Library -

Configure TestNG Library in Eclipse IDE



This is all about how to install and configure TestNg in Eclipse IDE.
In this next tutorial, we will see how to run a selenium test case using TestNG Framework.























Saturday, March 9, 2019

TestNG Tutorial | TestNG Framework with Selenium : Advantages, Annotations | TestNG VS JUnit

In this tutorial, I am going to cover the Introduction to TestNG and its uses in Selenium.



Topics to be covered?
  • What is TestNG?
  • Advantages of TestNG.
  • Annotations of TestNG.
  • Difference between JUnit and TestNG.







TestNG is a testing framework which is used to design and maintain test scripts efficiently and generate test execution results in the form of HTML report. It covers a wide range of testing from Unit testing to end-to-end testing.


Advantages - 

  1. It provides effective HTML report that explains test execution result.
  2. It allows parallel execution of test cases.
  3. It supports parameterization using @parameters annotation.
  4. It provides flexibility to prioritize test cases.
  5. It provides flexibility to ignore the execution of test cases.
  6. It provides assertions to examine the expected and actual outcome.
  7. It supports grouping of test cases.
  8. It supports Data Driven Testing using @DataProvider annotation.



Annotations in TestNG – 

  1. @BeforeSuite – Method under this annotation will execute before the execution of all the tests in the suite.
  2. @AfterSuite – Method under this annotation will execute after the execution of all the tests in the suite.
  3. @BeforeClass – Method under this annotation will execute before the execution of first @test annotation.
  4. @AfterClass – Method under this annotation will execute after the execution of all @test annotation.
  5. @BeforeMethod – Method under this annotation will execute before the execution of each @test annotation.
  6. @AfterMethod – Method under this annotation will execute after the execution of each @test annotation.
  7. @Test – Defines a particular functionality of the application.
  8. @BeforeTest – Method under this annotation will execute before the execution of first @test annotation.
  9. @AfterClass – Method under this annotation will execute after the execution of all @test annotation.

JUnit

It is also a testing framework like TestNG. However, TestNG has some more useful features compared to JUnit. So we can say TestNG is the enhanced version of JUnit.


Similarities between JUnit and TestNG

  • Annotations - Both have similar annotations(@Test, @BeforeClass, @AfterClass), Almost similar annotations(TestNG has @BeforeMethod and @AfterMethod, similarly JUnit has @Before and @After).
  • Annotation to set TimeOut - Both have @Test(timeOut = 1000) in miliseconds.
  • Annotation to Ignore Test - TestNG has @Test(enabled=true) and JUnit has @Ignore.
  • Annotation for Exception - TestNG has @Test(expectedExpecptions=ExceptionName.class) and JUnit has @Test(expected=ExceptionName.class)

Dis-similarities between JUnit and TestNG

  • Annotations - Unlike TestNG, JUnit does not provide @BeforeSuite, @AfterSuite, @BeforeTest and @AfterTest annotations.
  • TestNG provides Grouping of test cases whereas JUnit does not.
  • TestNG provides parallel execution of test cases whereas JUnit does not.
  • Achieving Parametrization in JUnit is more complex than that of TestNG.
  • TestNG provides Dependency of a method on other methods functionality of test cases whereas JUnit does not.


Sunday, January 20, 2019

How To Handle Hidden Elements in Selenium WebDriver | Working with hidden controls in Selenium

In this tutorial, we will learn how to handle Hidden Elements on the web-pages using Selenium WebDriver.




Handle Hidden Elements





Hidden elements are the elements which are not displayed on the Web-Pages, however, it is available in the HTML DOM structure.

Elements are hidden on the web-pages due to below-mentioned reasons - 
  • They have a CSS display value of none.
          style=”display: none;”
  • They are form elements with type="hidden"
  • Their width and height are explicitly set to 0.
  • An ancestor element is hidden, so the element is not shown on the page.

Issue - Selenium does not allow to interact with an element which is hidden on the web-page and if we try to do so, then it will throw ''Element Not Visible Exception".

Solution - Selenium provides one feature called 'Javascript Executor' to handle such scenario.


Note - I will take 'https://learn.letskodeit.com/p/practice' website to explain the above concept.

If you open the above link and scroll down a bit, then on the right side you will get one section as displayed in the below image.





 - There are two buttons - 'Hide' and 'Show'
 - Currently, the 'Hide/Show Example' text box is displayed.
 - Once you click on the 'Hide' button, the text box will be hidden.
 - Again you click on the 'Show' button, the text box will be displayed.


Scenario 1 - Write a program to enter text in the text box which is hidden on the web-page.  

Case 1: I will hide the text box and then simply try to enter text 'text123' in the text box. "Element Not Visible Exception" will be thrown. See the below program -


 package com.sessions;  
   
 import org.openqa.selenium.By;  
 import org.openqa.selenium.JavascriptExecutor;  
 import org.openqa.selenium.WebDriver;  
 import org.openqa.selenium.chrome.ChromeDriver;  
   
 public class HiddenElementTest {  
   
      public static void main(String[] args) throws Exception {  
     System.setProperty("webdriver.chrome.driver", "F:\\software\\chromedriver_win32\\chromedriver.exe");  
             
           WebDriver driver = new ChromeDriver();  
             
           driver.get("https://learn.letskodeit.com/p/practice");  
             
           driver.manage().window().maximize();  
             
           //Clicking on the Hide button  
           driver.findElement(By.xpath("//input[@id='hide-textbox']")).click();  
                       
           driver.findElement(By.xpath("//input[@id='displayed-text']")).sendKeys("text123");;  
             
   
   
      }  
   
 }  
   


Output -





Case 2: This time I will handle Scenario 1 using Javascript Executor. See the below program -


 package com.sessions;  
   
 import org.openqa.selenium.By;  
 import org.openqa.selenium.JavascriptExecutor;  
 import org.openqa.selenium.WebDriver;  
 import org.openqa.selenium.chrome.ChromeDriver;  
   
 public class HiddenElementTest {  
   
      public static void main(String[] args) throws Exception {  
     System.setProperty("webdriver.chrome.driver", "F:\\software\\chromedriver_win32\\chromedriver.exe");  
             
           WebDriver driver = new ChromeDriver();  
             
           driver.get("https://learn.letskodeit.com/p/practice");  
             
           driver.manage().window().maximize();  
             
           //Clicking on the Hide button  
           driver.findElement(By.xpath("//input[@id='hide-textbox']")).click();  
                       
           JavascriptExecutor js = (JavascriptExecutor)driver;  
             
           // Identifying the element using ID attribute and Entering the value in the text box  
     js.executeScript("document.getElementById('displayed-text').value='text123'");  
             
             
           }  
   
 }  
   


Explanation -

  • JavascriptExecutor - It is an interface provided by Selenium WebDriver to execute Javascript commands in the Selenium Script.
  • getElementById() - It is a Javascript method that is used to locate an element on the web-page using ID attribute of that element.
  • executeScript() - It is a method of JavascriptExecutor interface to execute the javascript commands in the Selenium Script.

Note - Since the text box is hidden, so you won't be able to see the text entered in the text box. Run the program and you will find that it runs successfully without any exception. Now,  If you click on the 'Show' button then you will see the text is entered in the box.


That's all guys!!! Do comment and post your doubts related to Selenium!!!