Functional Test Cases

akshayp7 · akshayp7 · commit daf068cd5960 · 2021-09-06T14:00:09.000+05:30
diff --git a/README.md b/README.md
@@ -163,3 +163,19 @@ npm run test:report
 npx playwright show-trace trace.zip
 ```
 
+## Reports
+
+- <b>Overall Report</b>
+  ![Overall Report Screenshot][overall-report-screenshot]
+
+- <b>Detailed Report</b>
+  ![Detailed Report Screenshot][detailed-report-screenshot]
+
+- <b>Failure Report</b>
+  ![Failure Report Screenshot][failure-report-screenshot]
+
+<!-- MARKDOWN LINKS & IMAGES -->
+
+[overall-report-screenshot]: ReadMeImages/OverallReport.PNG
+[detailed-report-screenshot]: ReadMeImages/DetailedReport.PNG
+[failure-report-screenshot]: ReadMeImages/FailureReport.PNG
diff --git a/ReadMeImages/DetailedReport.PNG b/ReadMeImages/DetailedReport.PNG
diff --git a/ReadMeImages/FailureReport.PNG b/ReadMeImages/FailureReport.PNG
diff --git a/ReadMeImages/OverallReport.PNG b/ReadMeImages/OverallReport.PNG
diff --git a/lib/BasePages.ts b/lib/BasePages.ts
@@ -1,12 +1,27 @@
-import { LoginPage } from '../pageFactory/pageRepository/LoginPage';
 import { test as baseTest } from '@playwright/test';
+import { LoginPage } from '../pageFactory/pageRepository/LoginPage';
+import { MyAccountPage } from '../pageFactory/pageRepository/MyAccountPage';
+import { MyAddressesPage } from '../pageFactory/pageRepository/MyAddressesPage'
+import { MyPersonalInformationPage } from '../pageFactory/pageRepository/MyPersonalInformationPage';
 
 const test = baseTest.extend<{
     loginPage: LoginPage;
+    myAccountPage: MyAccountPage;
+    myAddressesPage: MyAddressesPage;
+    myPersonalInformationPage: MyPersonalInformationPage;
 
 }>({
     loginPage: async ({ page }, use) => {
         await use(new LoginPage(page));
+    },
+    myAccountPage: async ({ page }, use) => {
+        await use(new MyAccountPage(page));
+    },
+    myAddressesPage: async ({ page }, use) => {
+        await use(new MyAddressesPage(page));
+    },
+    myPersonalInformationPage: async ({ page }, use) => {
+        await use(new MyPersonalInformationPage(page));
     }
 });
 
diff --git a/lib/WebActions.ts b/lib/WebActions.ts
@@ -15,10 +15,14 @@ export class WebActions {
         this.page = page;
     }
 
+    async navigateToURL(url: string) {
+        this.page.goto(url);
+    }
+
     async decipherPassword(): Promise<string> {
         const key = `SECRET`;
         //ENCRYPT
-        // const cipher = CryptoJS.AES.encrypt('password',key);
+        // const cipher = CryptoJS.AES.encrypt('demouat',key);
         // console.log(cipher.toString());
         return CryptoJS.AES.decrypt(loginData.password, key).toString(CryptoJS.enc.Utf8);
     }
diff --git a/package.json b/package.json
@@ -5,9 +5,9 @@
   "main": "index.js",
   "scripts": {
     "test": "npx playwright test",
-    "test:single": "npx playwright test Login.test.ts --project=Chrome",
-    "test:parallel": "npx playwright test --grep @Regression --project=Chrome",
-    "test:serial": "npx playwright test --grep @Regression --workers=1 --project=Chrome",
+    "test:single": "npx playwright test MyAddress.test.ts --project=Chrome",
+    "test:parallel": "npx playwright test --grep @Smoke --project=Chrome",
+    "test:serial": "npx playwright test --grep @Smoke --workers=1 --project=Chrome",
     "test:api": "npx playwright test --grep @api --workers=1 --project=Chrome",
     "test:db": "npx playwright test DB.test.ts",
     "test:record": "npx playwright codegen",
diff --git a/pageFactory/objectRepository/LoginPageObjects.ts b/pageFactory/objectRepository/LoginPageObjects.ts
@@ -1,7 +1,5 @@
 export class LoginPageObjects {
-    EMAIL_EDITBOX_XPATH = `//input[@name=' Femail']`;
-    PASSWORD_EDITBOX_XPATH = `//input[@name='password']`;
-    LOGIN_BUTTON_XPATH = `//span[text()='Login']`;
-
-
+    EMAIL_EDITBOX_ID = `#email`;
+    PASSWORD_EDITBOX_ID = `#passwd`;
+    SIGN_IN_BUTTON_ID = `#SubmitLogin`;
 }
diff --git a/pageFactory/objectRepository/MyAccountPageObjects.ts b/pageFactory/objectRepository/MyAccountPageObjects.ts
@@ -0,0 +1,4 @@
+export class MyAccountPageObjects {
+    MY_ACCOUNT_HDR_XPATH = `//h1[contains(text(),'My account')]`;
+    MY_ACCOUNT_LINKS_XPATH = `//span[contains(text(),'linkName')]`;
+}
diff --git a/pageFactory/objectRepository/MyAddressesPageObjects.ts b/pageFactory/objectRepository/MyAddressesPageObjects.ts
@@ -0,0 +1,4 @@
+export class MyAddressesPageObjects {
+    MY_ADDRESSES_HDR_XPATH = `//h1[contains(text(),'My addresses')]`;
+    ADDRESS_DETAILS_XPATH = `//h3[contains(text(),'qwert')]`;
+}
diff --git a/pageFactory/objectRepository/MyPersonalInformationPageObjects.ts b/pageFactory/objectRepository/MyPersonalInformationPageObjects.ts
@@ -0,0 +1,4 @@
+export class MyPersonalInformationPageObjects {
+    MY_PERSONAL_INFO_HDR_XPATH = `//h1[contains(text(),'Your personal information')]`;
+    FIRST_NAME_ID = `#firstname`;
+}
diff --git a/pageFactory/pageRepository/LoginPage.ts b/pageFactory/pageRepository/LoginPage.ts
@@ -17,17 +17,14 @@ export class LoginPage {
 
     loginPageObjects = new LoginPageObjects();
 
-    async navigateToURL() {
-        await this.page.goto(loginData.URL);
+    async navigateToURL(): Promise<void> {
+        await webActions.navigateToURL(loginData.URL);
     }
 
-    async loginToApplication() {
+    async loginToApplication(): Promise<void> {
         const decipherPassword = await webActions.decipherPassword();
-        await this.page.fill(this.loginPageObjects.EMAIL_EDITBOX_XPATH, loginData.username);
-        await this.page.fill(this.loginPageObjects.PASSWORD_EDITBOX_XPATH, decipherPassword);
-        await this.page.click(this.loginPageObjects.LOGIN_BUTTON_XPATH);
+        await webActions.enterElementText(this.loginPageObjects.EMAIL_EDITBOX_ID, loginData.username);
+        await webActions.enterElementText(this.loginPageObjects.PASSWORD_EDITBOX_ID, decipherPassword);
+        await webActions.clickElement(this.loginPageObjects.SIGN_IN_BUTTON_ID);
     }
-
-
-
 }
diff --git a/pageFactory/pageRepository/MyAccountPage.ts b/pageFactory/pageRepository/MyAccountPage.ts
@@ -0,0 +1,25 @@
+import { MyAccountPageObjects } from "../objectRepository/MyAccountPageObjects";
+import { WebActions } from "../../lib/WebActions";
+import type { Page } from 'playwright';
+import fs from 'fs';
+
+let webActions: WebActions;
+
+export class MyAccountPage {
+    readonly page: Page;
+
+    constructor(page: Page) {
+        this.page = page;
+        webActions = new WebActions(this.page);
+    }
+
+    myAccountPageObjects = new MyAccountPageObjects();
+
+    async verifyMyAccountHeader(): Promise<void> {
+        await webActions.verifyElementText(this.myAccountPageObjects.MY_ACCOUNT_HDR_XPATH, `My account`);
+    }
+
+    async clickOnMyAccountLinks(linkName: string): Promise<void> {
+        await webActions.clickElement(this.myAccountPageObjects.MY_ACCOUNT_LINKS_XPATH.replace(`linkName`, linkName));
+    }
+}
diff --git a/pageFactory/pageRepository/MyAddressesPage.ts b/pageFactory/pageRepository/MyAddressesPage.ts
@@ -0,0 +1,24 @@
+import { MyAddressesPageObjects } from "../objectRepository/MyAddressesPageObjects";
+import { WebActions } from "../../lib/WebActions";
+import type { Page } from 'playwright';
+
+let webActions: WebActions;
+
+export class MyAddressesPage {
+    readonly page: Page;
+
+    constructor(page: Page) {
+        this.page = page;
+        webActions = new WebActions(this.page);
+    }
+
+    myAddressesPageObjects = new MyAddressesPageObjects();
+
+    async verifyMyAddressesHeader(): Promise<void> {
+        await webActions.verifyElementText(this.myAddressesPageObjects.MY_ADDRESSES_HDR_XPATH, `My addresses`);
+    }
+
+    async verifyAdressDetails(): Promise<void> {
+        await webActions.verifyElementText(this.myAddressesPageObjects.ADDRESS_DETAILS_XPATH, `qwert`);
+    }
+}
diff --git a/pageFactory/pageRepository/MyPersonalInformationPage.ts b/pageFactory/pageRepository/MyPersonalInformationPage.ts
@@ -0,0 +1,24 @@
+import { MyPersonalInformationPageObjects } from '../objectRepository/MyPersonalInformationPageObjects'
+import { WebActions } from "../../lib/WebActions";
+import type { Page } from 'playwright';
+
+let webActions: WebActions;
+
+export class MyPersonalInformationPage {
+    readonly page: Page;
+
+    constructor(page: Page) {
+        this.page = page;
+        webActions = new WebActions(this.page);
+    }
+
+    myPersonalInformationPageObjects = new MyPersonalInformationPageObjects();
+
+    async verifyMyPersonalInfoHeader(): Promise<void> {
+        await webActions.verifyElementText(this.myPersonalInformationPageObjects.MY_PERSONAL_INFO_HDR_XPATH, `Your personal information`);
+    }
+
+    async verifyFirstName(firstName: string): Promise<void> {
+        await webActions.verifyElementText(this.myPersonalInformationPageObjects.FIRST_NAME_ID, firstName);
+    }
+}
diff --git a/testData.json b/testData.json
@@ -1,11 +1,11 @@
 {
-  "waitForElement": 300000,
-  "URL": "https://phptravels.org/index.php?rp=/login",
-  "username": "user@phptravels.com",
-  "password": "U2FsdGVkX1+viC6x/NN+BmiAKY0bSWljucVMQedC6d0=",
+  "waitForElement": 120000,
+  "URL": "http://automationpractice.com/index.php?controller=authentication&back=my-account",
+  "username": "demouat@gmail.com",
+  "password": "U2FsdGVkX1+6691EJeW/QG2vpjUvj47EQBrTIN5BqZg=",
   "dbUsername": "",
   "dbPassword": "",
   "dbServerName": "",
   "dbPort": "",
   "dbName": ""
-}
+}
diff --git a/tests/functional/Login.test.ts b/tests/functional/Login.test.ts
@@ -1,6 +1,7 @@
 import test from '../../lib/BasePages';
 
-test(`Login to PHP travels.`, async ({ loginPage }) => {
+test(`Login to PHP travels.`, async ({ loginPage, myAccountPage }) => {
     await loginPage.navigateToURL();
     await loginPage.loginToApplication();
+    await myAccountPage.verifyMyAccountHeader();
 });
diff --git a/tests/functional/MyAddress.test.ts b/tests/functional/MyAddress.test.ts
@@ -0,0 +1,24 @@
+import test from '../../lib/BasePages';
+
+// We can use Steps like in Cucmber format as shown below
+
+test(`@Smoke Verify My Address Details`, async ({ loginPage, myAccountPage, myAddressesPage }) => {
+    await test.step(`Navigate to Application`, async () => {
+        await loginPage.navigateToURL();
+    });
+    await test.step(`Login to Application`, async () => {
+        await loginPage.loginToApplication();
+    });
+    await test.step(`Verify User is Navigated to My Account page.`, async () => {
+        await myAccountPage.verifyMyAccountHeader();
+    });
+    await test.step(`Click on My Addresses Link`, async () => {
+        await myAccountPage.clickOnMyAccountLinks(`My addresses`);
+    });
+    await test.step(`Verify User is Navigated to My Addresses page.`, async () => {
+        await myAddressesPage.verifyMyAddressesHeader();
+    });
+    await test.step(`Verify User Addresses is displayed correctly in My Addresses page.`, async () => {
+        await myAddressesPage.verifyAdressDetails();
+    });
+});
diff --git a/tests/functional/MyPersonalDetails.test.ts b/tests/functional/MyPersonalDetails.test.ts
@@ -0,0 +1,10 @@
+import test from '../../lib/BasePages';
+
+test(`@Smoke Verify My Personal Information.`, async ({ loginPage, myAccountPage, myPersonalInformationPage }) => {
+    await loginPage.navigateToURL();
+    await loginPage.loginToApplication();
+    await myAccountPage.verifyMyAccountHeader();
+    await myAccountPage.clickOnMyAccountLinks(`My personal information`);
+    await myPersonalInformationPage.verifyMyPersonalInfoHeader();
+    await myPersonalInformationPage.verifyFirstName(`Demo`);
+});
