feat(issues): added scenario outline example (#45)

Author: igniteram

config/config.ts

@@ -9,7 +9,7 @@ export const config: Config = {
 
     SELENIUM_PROMISE_MANAGER: false,
 
-    baseUrl: "http://www.google.com",
+    baseUrl: "https://www.google.com",
 
     capabilities: {
         browserName: "chrome",
@@ -33,7 +33,7 @@ export const config: Config = {
         format: "json:./reports/json/cucumber_report.json",
         require: ["../../typeScript/stepdefinitions/*.js", "../../typeScript/support/*.js"],
         strict: true,
-        tags: "@TypeScriptScenario or @CucumberScenario or @ProtractorScenario",
+        tags: "@CucumberScenario or @ProtractorScenario or @TypeScriptScenario or @OutlineScenario",
     },
 
     onComplete: () => {

features/ScenarioOutline.feature

@@ -0,0 +1,16 @@
+Feature: To search keywords in google
+
+@OutlineScenario
+Scenario Outline: Searching on google
+  
+  Given I am on "<search>" search page
+  When I type "<search keyword>"
+  Then I click on search button
+  Then I clear the search text
+
+  Examples:
+    | search | search keyword | 
+    |  google   | cucumber |
+    |  cucumber | protractor |
+    |  protractor | typescript | 
+  

features/cucumber.feature renamed to features/evalCucumber.feature

@@ -2,7 +2,7 @@ Feature: To search cucumber in google
 
 @CucumberScenario
 Scenario: Cucumber Google Search
-Given I am on google page
-When I type "Cucumber"
-Then I click on search button
+Given I am on "google" search page
+When I type "cucumber"
+When I click on search button
 Then I clear the search text

features/protractor.feature renamed to features/evalProtractor.feature

@@ -2,7 +2,7 @@ Feature: To search protractor in google
 
 @ProtractorScenario
 Scenario: Protractor Google Search
-Given I am on cucumber search results page
-When I type "Protractor"
-Then I click on search button
+Given I am on "cucumber" search page
+When I type "protractor"
+When I click on search button
 Then I clear the search text

features/evalTypescript.feature

@@ -0,0 +1,9 @@
+Feature: To search typescript in google
+
+@TypeScriptScenario
+Scenario: Typescript Google Search
+Given I am on "protractor" search page
+When I type "typescript"
+When I click on search button
+Then I clear the search text
+Then I click on google logo

features/typescript.feature

@@ -1,11 +1,13 @@
-import { $ } from "protractor";
+import { $, ElementFinder } from "protractor";
 
 export class SearchPageObject {
-    public searchTextBox: any;
-    public searchButton: any;
+    public searchTextBox: ElementFinder;
+    public searchButton: ElementFinder;
+    public logo: ElementFinder;
 
     constructor() {
         this.searchTextBox = $("#lst-ib");
         this.searchButton = $("input[value='Google Search']");
+        this.logo = $('#logo > img');
     }
 }

pages/searchPage.ts

@@ -6,14 +6,12 @@ const expect = chai.expect;
 
 const search: SearchPageObject = new SearchPageObject();
 
-Given(/^I am on google page$/, async () => {
-    await expect(browser.getTitle()).to.eventually.equal("Google");
-});
-
-Given(/^I am on cucumber search results page$/, async () => {
-    await expect(browser.getTitle()).to.eventually.equal("Cucumber - Google Search");
-});
-
-Given(/^I am on protractor search results page$/, async () => {
-    await expect(browser.getTitle()).to.eventually.equal("Protractor - Google Search");
+Given(/^I am on "(.*?)" search page$/, async (text) => {
+    if(text === 'google') {
+        await expect(browser.getTitle()).to.eventually.equal("Google");
+    } else if(text === 'cucumber') {
+        await expect(browser.getTitle()).to.eventually.equal(text+" - Google Search");
+    } else if(text === 'protractor') {
+        await expect(browser.getTitle()).to.eventually.equal(text+" - Google Search");
+    }   
 });

stepdefinitions/homePage.ts

@@ -8,6 +8,10 @@ When(/^I type "(.*?)"$/, async (text) => {
     await search.searchTextBox.sendKeys(text);
 });
 
-Then(/^I click on search button$/, async () => {
+When(/^I click on search button$/, async () => {
     await browser.actions().sendKeys(protractor.Key.ENTER).perform();
 });
+
+Then(/^I click on google logo$/, async () => {
+    await search.logo.click();
+});

stepdefinitions/search.ts

@@ -1,9 +1,9 @@
-const { BeforeAll, After, Status } = require("cucumber");
+const { BeforeAll, After, AfterAll, Status } = require("cucumber");
 import * as fs from "fs";
 import { browser } from "protractor";
 import { config } from "../config/config";
 
-BeforeAll({timeout: 10 * 1000}, async () => {
+BeforeAll({timeout: 100 * 1000}, async () => {
     await browser.get(config.baseUrl);
 });
 
@@ -14,3 +14,7 @@ After(async function(scenario) {
          this.attach(screenShot, "image/png");
     }
 });
+
+AfterAll({timeout: 100 * 1000}, async () => {
+    await browser.quit();
+});