POM

Author: akshayp7

lib/BasePages.ts

@@ -0,0 +1,13 @@
+import { LoginPage } from '../pageFactory/pageRepository/LoginPage';
+import { test as baseTest } from '@playwright/test';
+
+const test = baseTest.extend<{
+ loginPage: LoginPage;
+
+}>({
+ loginPage: async ({ page }, use) => {
+ await use(new LoginPage(page));
+ }
+});
+
+export default test;

lib/WebActions.ts

@@ -18,7 +18,7 @@ export class WebActions {
  async decipherPassword(): Promise<string> {
  const key = `SECRET`;
  //ENCRYPT
- // const cipher = CryptoJS.AES.encrypt('Pasword',key);
+ // const cipher = CryptoJS.AES.encrypt('demouser',key);
  // console.log(cipher.toString());
  return CryptoJS.AES.decrypt(loginData.password, key).toString(CryptoJS.enc.Utf8);
  }
@@ -149,7 +149,7 @@ export class WebActions {
  throw new Error(`${errorMessage}`);
  }
  }
- 
+
  async expectToBeValue(expectedValue: string, actualValue: string, errorMessage: string): Promise<void> {
  try {
  expect(expectedValue.trim()).toBe(actualValue);

package.json

@@ -5,7 +5,7 @@
  "main": "index.js",
  "scripts": {
  "test": "npx playwright test",
- "test:single": "npx playwright test GoogleSearch.test.ts --project=Chrome",
+ "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:api": "npx playwright test --grep @api --workers=1 --project=Chrome",

pageFactory/objectRepository/LoginPageObjects.ts

@@ -0,0 +1,7 @@
+export class LoginPageObjects {
+ EMAIL_EDITBOX_XPATH = `//input[@name=' Femail']`;
+ PASSWORD_EDITBOX_XPATH = `//input[@name='password']`;
+ LOGIN_BUTTON_XPATH = `//span[text()='Login']`;
+
+
+}

pageFactory/pageRepository/LoginPage.ts

@@ -0,0 +1,33 @@
+import { LoginPageObjects } from "../objectRepository/LoginPageObjects";
+import { WebActions } from "../../lib/WebActions";
+import type { Page } from 'playwright';
+import fs from 'fs';
+
+const loginData = JSON.parse(fs.readFileSync('./testData.json', 'utf-8'));
+
+let webActions: WebActions;
+
+export class LoginPage {
+ readonly page: Page;
+
+ constructor(page: Page) {
+ this.page = page;
+ webActions = new WebActions(this.page);
+ }
+
+ loginPageObjects = new LoginPageObjects();
+
+ async navigateToURL() {
+ await this.page.goto(loginData.URL);
+ }
+
+ async loginToApplication() {
+ 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);
+ }
+
+
+
+}

playwright.config.ts

@@ -21,17 +21,17 @@ module.exports = {
  channel: `chrome`,
 
  //Browser Mode
- headless: `true`,
+ headless: false,
 
  //Slows down execution by ms
  slowMo: 0,
 
  //Browser height and width
  viewport: { width: 1500, height: 730 },
- ignoreHTTPSErrors: `true`,
+ ignoreHTTPSErrors: true,
 
  //Enable File Downloads in Chrome
- acceptDownloads: `true`,
+ acceptDownloads: true,
 
  //Artifacts
  screenshot: `only-on-failure`,
@@ -43,11 +43,11 @@ module.exports = {
  name: `Chromium`,
  use: {
  browserName: `chromium`,
- headless: `true`,
+ headless: true,
  slowMo: 0,
  viewport: { width: 1500, height: 730 },
- ignoreHTTPSErrors: `true`,
- acceptDownloads: `true`,
+ ignoreHTTPSErrors: true,
+ acceptDownloads: true,
  screenshot: `only-on-failure`,
  video: `retain-on-failure`,
  trace: `retain-on-failure`,
@@ -58,11 +58,11 @@ module.exports = {
  name: `Firefox`,
  use: {
  browserName: `firefox`,
- headless: `true`,
+ headless: true,
  slowMo: 0,
  viewport: { width: 1500, height: 730 },
- ignoreHTTPSErrors: `true`,
- acceptDownloads: `true`,
+ ignoreHTTPSErrors: true,
+ acceptDownloads: true,
  screenshot: `only-on-failure`,
  video: `retain-on-failure`,
  trace: `retain-on-failure`,
@@ -74,11 +74,11 @@ module.exports = {
  use: {
  browserName: `chromium`,
  channel: `msedge`,
- headless: `true`,
+ headless: false,
  slowMo: 0,
  viewport: { width: 1500, height: 730 },
- ignoreHTTPSErrors: `true`,
- acceptDownloads: `true`,
+ ignoreHTTPSErrors: true,
+ acceptDownloads: true,
  screenshot: `only-on-failure`,
  video: `retain-on-failure`,
  trace: `retain-on-failure`,
@@ -88,11 +88,11 @@ module.exports = {
  name: `WebKit`,
  use: {
  browserName: `webkit`,
- headless: `true`,
+ headless: true,
  slowMo: 0,
  viewport: { width: 1500, height: 730 },
- ignoreHTTPSErrors: `true`,
- acceptDownloads: `true`,
+ ignoreHTTPSErrors: true,
+ acceptDownloads: true,
  screenshot: `only-on-failure`,
  video: `retain-on-failure`,
  trace: `retain-on-failure`,
@@ -103,10 +103,10 @@ module.exports = {
  use: {
  ...devices[`iPhone 12 Pro Max`],
  browserName: `chromium`,
- headless: `true`,
+ headless: true,
  slowMo: 0,
- ignoreHTTPSErrors: `true`,
- acceptDownloads: `true`,
+ ignoreHTTPSErrors: true,
+ acceptDownloads: true,
  screenshot: `only-on-failure`,
  video: `retain-on-failure`,
  trace: `retain-on-failure`,

testData.json

@@ -1,8 +1,8 @@
 {
  "waitForElement": 300000,
- "URL": "https://www.google.com",
- "username": "admin",
- "password": "password",
+ "URL": "https://phptravels.org/index.php?rp=/login",
+ "username": "user@phptravels.com",
+ "password": "U2FsdGVkX1+viC6x/NN+BmiAKY0bSWljucVMQedC6d0=",
  "dbUsername": "",
  "dbPassword": "",
  "dbServerName": "",

tests/api/POST.test.ts

@@ -14,7 +14,7 @@ test(`@API postUsers`, async () => {
 
  const responseBodyParams = (await apiActions.readValuesFromTextFile(`postUsers`)).split(`#`)[1];
  await apiActions.verifyResponseBody(responseBodyParams, response.body, expect.getState().currentTestName, `Respomse Body`);
- // console.log(JSON.stringify(response.headers).trim());
+
  const responseBodyHeaders = (await apiActions.readValuesFromTextFile(`postUsers`)).split(`#`)[2];
  await apiActions.verifyResponseBody(responseBodyHeaders, response.headers, expect.getState().currentTestName, `Respomse Headers`);
 });

tests/functional/Login.test.ts

@@ -0,0 +1,6 @@
+import test from '../../lib/BasePages';
+
+test(`Login to PHP travels.`, async ({ loginPage }) => {
+ await loginPage.navigateToURL();
+ await loginPage.loginToApplication();
+});