Latihan check testing Login github menggunakan Cucumber maven selenium

1. Pastikan Aplikasi dibawah ini sudah terinstal:

   • Java
   • Maven
   • Plugin Maven sudah terinstal dieclipse
   • Plugin Cucumber sudah terinstal dieclipse

2. Buka aplikasi eclipse terlebih dahulu kemudian ikutin step seperti dibawah ini:

   • Klik File –> NEW

   • Pilih –> OTHERS

     

   • Kemudian pilih folder MAVEN dan pilih MAVEN PROJECT

     

   • Centang create simple project

   • Kemudian Klik button Next

     

   • Isi file seperti gambar dibawah ini:
     • GroupId : com.book.cucumber
     • Artifat Id : com.book.cucumber
     • Name : com.book.cucumber
     • Description : com.book.cucumber

     

3. Buka file Pom.xml dibawah folder target

   

4. Tambahkan source di pom.xml seperti dibawah ini :

  <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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.book.cucumber</groupId>
  <artifactId>com.book.cucumber</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <name>com.book.cucumber</name>
  <description>com.book.cucumber</description>
  <dependencies>
  	<dependency>
  		<groupId>info.cukes</groupId>
  		<artifactId>cucumber-junit</artifactId>
  		<version>1.2.2</version>
  		<scope>test</scope>
  	</dependency>
  	<dependency>
  		<groupId>info.cukes</groupId>
  		<artifactId>cucumber-java</artifactId>
  		<version>1.2.2</version>
  		<scope>tets</scope>
  	</dependency>
  	<dependency>
  		<groupId>org.seleniumhq.selenium</groupId>
  		<artifactId>selenium-java</artifactId>
  		<version>2.45.0</version>
  	</dependency>
  </dependencies>
  	<build>
  	<plugins>
  		<plugin>
               <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>2.5.1</version>
                <configuration>
                    <encoding>UTF-8</encoding>
                    <source>1.8</source>
                    <target>1.8</target>
                </configuration>
            </plugin>
  		<plugin>
  			<groupId>org.apache.maven.plugins</groupId>
  			<artifactId>maven-surefire-plugin</artifactId>
  			<version>2.14</version>
                <executions>
                    <execution>
                        <id>acceptance-test</id>
                        <phase>integration-test</phase>
                        <goals>
                            <goal>test</goal>
                        </goals>
                        <configuration>
                            <forkCount>${surefire.fork.count}</forkCount>
                            <reuseForks>false</reuseForks>
                            <argLine>-Duser.language=en</argLine>
                            <argLine>-Xmx1024m</argLine>
                            <argLine>-XX:MaxPermSize=256m</argLine>
                            <argLine>-Dfile.encoding=UTF-8</argLine>
                            <useFile>false</useFile>
                            <includes>
                                <include>**/RunCukesLogin.class</include>
                                <!--<include>**/*AT.class</include>-->
                            </includes>
                            <testFailureIgnore>false</testFailureIgnore>
                        </configuration>
                    </execution>
                </executions>
  		</plugin>
  	</plugins>
  </build>
  </project>

1. Buatlah struktur project seperti dibawah ini :

   • Membuat Package didalam src/tets/java
   • Klik kanan di src/tets/java

   • Klik New Package

     

   • Inputkan nama package seperti dibawah ini :

     cucumber.selenium.features , cucumber.selenium.selenium , cucumber.selenium.StepDef

     

2. Kemudian buat Junit configurasi class untuk memanggil file feature dan file StepDef

   • Tambahkan file class RunCukes.java didalam package cucumber.selenium.StepDef
   • Klik New –> Class –> Name: RunCukes
   • Tambahkan source seperti dibawah ini:

package cucumber.selenium.StepDef;
import org.junit.runner.RunWith;
import cucumber.api.CucumberOptions;
import cucumber.api.junit.Cucumber;
@RunWith(Cucumber.class)
@CucumberOptions(
		features="src/test/java/cucumber/selenium/features",
		glue ="cucumber.selenium.StepDef",
		plugin= {
			"pretty",
			"html:target/cucumber"
				}
				)
public class RunCukesLogin {
			}

1. Buat Scenario test didalam package com.selenium.StepDef

   • Klik kanan dipackage com.selenium.StepDef
   • Klik New –> File
   • Tambahkan file dengan : LoginGithub.feature
   • Kemudian Klik Finish
   • Kita akan mengetes page https://www.github.com

   • Buat Scenario seperti dibawah ini

        Feature: As user want to check Screen and user can login 
     
            Scenario: user can click sign in without username & pass
                Given user can see homepage github 
                When user can click link Sign in 
                Then user is displayed login screen 
     
            Scenario: user want  back to homepage 
                Given user can back to homepage
                Then user is displayed homepage screen
     
            Scenario: user want to login with use username & pass
                Given user want to login 
                When user can input username & pass
                Then user can see dashboard github
     
     

Keterangan Scenario diatas :

1. User membuka halaman homepage github dan dapat mengklik SIGN IN tanpa username & pass

2. User ingin kembali ke halaman homepage github yang sebelumnya berada dihalaman Login github

3. User ingin Login dengan username dan password 

1. Run Scenario tersebut:

   • Klik kanan –> pilih Run As –> Cucumber Feature muncul definisi error seperti gambar dibawah:

   

2. Buat file StepDefinitionLogin.java didalam package com.selenium.StepDef , kemudian copy definisi error yang sebelumnya dirun cucumber .feature

            package cucumber.selenium.StepDef;
   
            import java.net.MalformedURLException;
   
            import cucumber.selenium.selenium.seleniumFunction;
            import cucumber.api.PendingException;
            import cucumber.api.java.en.Given;
            import cucumber.api.java.en.Then;
            import cucumber.api.java.en.When;
   
            public class StepDefinitionLogin {
   
   
                @Given("^user can see homepage github$")
                public void user_can_see_homepage_github() tthrows Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @When("^user can click link Sign in$")
                public void user_can_click_link_Sign_in() throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @Then("^user is displayed login screen$")
                public void user_is_displayed_login_screen() throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @Given("^user can back to homepage$")
                public void user_can_back_to_homepage()throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @Then("^user is displayed homepage screen$")
                public void user_is_displayed_homepage_screen() throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @Given("^user want to login$")
                public void user_want_to_login()throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @When("^user can input username & pass$")
                public void user_can_input_username_pass()throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
                @Then("^user can see dashboard github$")
                public void user_can_see_dashboard_github()throws Throwable {
                // Write code here that turns the phrase above into concrete actions
                throw new PendingException();
                }
   
            }
   
   

3. Kemudian buat file seleniumFuntion.java didalam package com.selenium.selenium, file tersebut untuk mengatur driver browsernya dan membuat variabel-variabel setiap Step-stepnya. Berikut source code yang harus ditambahkan:

       package cucumber.selenium.selenium;
   
   
       import java.net.MalformedURLException;
       import java.util.concurrent.TimeUnit;
   
       import org.openqa.selenium.chrome.ChromeDriver;
       import org.openqa.selenium.By;
       import org.openqa.selenium.WebDriver;
       import org.openqa.selenium.support.ui.ExpectedConditions;
       import org.openqa.selenium.support.ui.WebDriverWait;
   
       public class seleniumFunction {
   
           public static WebDriver driver=null;
           public static WebDriverWait waitVar=null;
   
           public static String baseURL="https://github.com";
   
           public void createDriver() throws MalformedURLException,InterruptedException{
               System.setProperty("webDriver.chrome.driver","/home/sitiwulandari/chromedriver");
               driver =  new ChromeDriver();
   
               driver.manage().window().maximize();
               driver.manage().timeouts().implicitlyWait(15, TimeUnit.SECONDS);
   
               driver.get(baseURL);
   
               waitVar = new WebDriverWait(driver,15);
           }
   
           public void tearDown(){
               driver.quit();
           }
   
           public void inhomepageDisplayed(){
               driver.findElement(By.linkText("Sign in")).isDisplayed();
               driver.findElement(By.className("jumbotron-home")).isDisplayed();
           }
   
           public void clickSignin (){
               driver.findElement(By.linkText("Sign in")).click();
           }
   
           public void isDisplayedLogin(){
               driver.findElement(By.linkText("Create an account")).isDisplayed();
               driver.findElement(By.name("login")).isDisplayed();
           }
   
           public void backhomepage(){
               driver.findElement(By.className("header-logo")).click();
           }
   
           public void loginUsernamePass(){
               driver.findElement(By.name("login")).sendKeys("sitiwulan");
               driver.findElement(By.name("password")).sendKeys("xxxxx");
               driver.findElement(By.name("commit")).click();
           }
   
           public void isDisplayedDashboard(){
               driver.findElement(By.linkText("Pull requests")).isDisplayed();
           }
       }
   
   

4. Setelah itu update StepDefinitionLogin.java silakan update seperti source code dibawah ini:

   package cucumber.selenium.StepDef;
   
   import java.net.MalformedURLException;
   
   import cucumber.selenium.selenium.seleniumFunction;
   import cucumber.api.PendingException;
   import cucumber.api.java.en.Given;
   import cucumber.api.java.en.Then;
   import cucumber.api.java.en.When;
   
   public class StepDefinitionLogin {
   
       seleniumFunction sf = new seleniumFunction();
       @Given("^user can see homepage github$")
       public void user_can_see_homepage_github() throws MalformedURLException,InterruptedException{
   
           sf.createDriver();
           sf.inhomepageDisplayed();
       }
   
       @When("^user can click link Sign in$")
       public void user_can_click_link_Sign_in() {
           sf.clickSignin();
       }
   
       @Then("^user is displayed login screen$")
       public void user_is_displayed_login_screen(){
           sf.isDisplayedLogin();
       }
   
       @Given("^user can back to homepage$")
       public void user_can_back_to_homepage(){
           sf.backhomepage();
       }
   
       @Then("^user is displayed homepage screen$")
       public void user_is_displayed_homepage_screen() {
           sf.inhomepageDisplayed();
       }
   
       @Given("^user want to login$")
       public void user_want_to_login(){
           sf.clickSignin();
           sf.isDisplayedLogin();
       }
   
       @When("^user can input username & pass$")
       public void user_can_input_username_pass(){
           sf.loginUsernamePass();
       }
   
       @Then("^user can see dashboard github$")
       public void user_can_see_dashboard_github(){
           sf.isDisplayedDashboard();
           sf.tearDown();
       }
   
   }
   
   

5. Kemudian jalankan mvn clean install di CMD –> untuk mengjalankan si file scenario tersebut

   • masuk ke console
   • Kemudian masuk ke file project yang telah anda tambahkan
   • jalankan mvn clean install
   • Setelah itu akan membuka browser otomatis page github tersebut sesuai dengan scenario yang telah dibuat