Add user test

src/test/functional/data.ts

@@ -1,9 +1,21 @@
-  export const normalUserTestData = {
-    password: "QAtpx123#",
-    userName: "Normal User"
-  };
-
-  export const adminUserTestData = {
-    password: "QAtpx123#",
-    userName: "Admin User"
-  };
+export const normalUserTestData = {
+  password: 'QAtpx123#',
+  userName: 'Normal User',
+};
+
+export const adminUserTestData = {
+  password: 'QAtpx123#',
+  userName: 'Admin User',
+};
+
+export const adminUserTestDataNOTlocalhost = {
+  userName: 'Admin',
+  password: 'admin123',
+};
+
+export const newEmployeeData = {
+  newEmployeeName: 'FirstName',
+  newEmployeeMiddleName: 'MiddleName',
+  newEmployeeLastName: 'lastName',
+  password: 'Password123',
+};

src/test/functional/locators.ts

@@ -0,0 +1,6 @@
+export const loginPageLocator = {
+  nameInput: '[name="username"]',
+  passwordInput: '[name="password"]',
+  loginButton: '[type="submit"]',
+  userNameAfterLogin: '.oxd-userdropdown-name',
+};

src/test/functional/pages/BasePage.ts

@@ -1,6 +1,6 @@
-import { Page, Browser, chromium, Locator } from "@playwright/test";
+import { Browser, chromium, Page } from '@playwright/test';
 
-import config from "../../playwright.config";
+import config from '../../playwright.config';
 
 export class BasePage {
   private browser: Browser | null = null;
@@ -25,10 +25,7 @@ export class BasePage {
     await this.page.waitForURL(config.baseUrl);
   }
 
-  async navigateToSubPage(locator: Locator): Promise<void> {
-    if (typeof locator === "string") {
-      locator = this.page.locator(locator);
-    }
-    await locator.click();
+  public async navigateToSubPage(pageName: string): Promise<void> {
+    await this.page.getByRole('link', { name: pageName }).click();
   }
 }

src/test/functional/pages/PersonalDetailsPage.ts

@@ -0,0 +1,67 @@
+import { expect } from '@playwright/test';
+import { Locator, Page } from 'playwright';
+
+import { randomNumber } from '../utils/utils';
+
+const nationality = 'Algerian',
+  nickname = 'NicknameTest',
+  maritalStatus = 'Married',
+  gender = 'Female',
+  smoker = 'Yes';
+
+export class PersonalDetailsPage {
+  readonly page: Page;
+  readonly pageHeader: Locator;
+  readonly selectDropdown: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.pageHeader = page.getByRole('heading', { name: 'Personal Details' });
+    this.selectDropdown = page.getByText('-- Select --');
+  }
+
+  public async verifyIfPersonalDetailsPageIsOpened(): Promise<void> {
+    await expect(this.pageHeader).toBeVisible();
+  }
+
+  public async fillPersonalDetails(): Promise<void> {
+    await this.fillTextboxField('Nickname', 3, nickname);
+    await this.fillTextboxField('Other Id', 1, randomNumber);
+    await this.fillTextboxField("Driver's License Number", 2, randomNumber);
+    await this.fillDatePicker('License Expiry Date', '2020-02-02');
+    await this.fillDatePicker('Date of Birth', '2000-01-01');
+    await this.selectDropdown.nth(1).click();
+    await this.chooseOptionFromDropdown(maritalStatus);
+    await this.clickCheckbox(gender, 'span');
+    await this.selectDropdown.first().click();
+    await this.chooseOptionFromDropdown(nationality);
+    await this.clickCheckbox(smoker, 'i');
+  }
+
+  async fillDatePicker(text: string, date: string): Promise<void> {
+    await this.page
+      .locator('form div')
+      .filter({
+        hasText: text,
+      })
+      .getByPlaceholder('yyyy-mm-dd')
+      .fill(date);
+  }
+
+  async fillTextboxField(label: string, nth: number, text: string): Promise<void> {
+    await this.page
+      .locator('form div')
+      .filter({ hasText: label })
+      .getByRole('textbox')
+      .nth(nth)
+      .fill(text);
+  }
+
+  async chooseOptionFromDropdown(option: string): Promise<void> {
+    await this.page.getByRole('option', { name: option }).click();
+  }
+
+  async clickCheckbox(label: string, locator: string): Promise<void> {
+    await this.page.locator('label').filter({ hasText: label }).locator(locator).click();
+  }
+}

src/test/functional/pages/PimPage.ts

@@ -1,6 +1,63 @@
-import { BasePage } from "./BasePage";
+import { Locator, Page } from 'playwright';
 
+import { newEmployeeData } from '../data';
+
+import { BasePage } from './BasePage';
+import { PersonalDetailsPage } from './PersonalDetailsPage';
+
+const randomNumber = (Math.random() * 1000).toString().substring(0, 3);
 export class PimPage extends BasePage {
+  readonly page: Page;
+  readonly pimPageButton: Locator;
+  readonly addButton: Locator;
+  readonly nameInput: Locator;
+  readonly middleNameInput: Locator;
+  readonly lastNameInput: Locator;
+  readonly employeeId: Locator;
+  readonly createLoginDetailsCheckbox: Locator;
+  readonly username: Locator;
+  readonly password: Locator;
+  readonly passwordConfirmed: Locator;
+  readonly saveButton: Locator;
+  readonly cancelButton: Locator;
+  readonly personalDetailsPage: Page;
+
+  constructor(page: Page) {
+    super(page);
+    this.page = page;
+    this.pimPageButton = page.getByRole('link', { name: 'PIM' });
+    this.addButton = page.getByRole('button', { name: 'Add' });
+    this.nameInput = page.getByPlaceholder('First Name');
+    this.middleNameInput = page.getByPlaceholder('Middle Name');
+    this.lastNameInput = page.getByPlaceholder('Last Name');
+    this.employeeId = page.locator('input:below(:text("Employee Id"))').first();
+    this.createLoginDetailsCheckbox = page
+      .locator('input:below(:text("Create Login Details"))')
+      .first();
+    this.username = page.locator('div:has-text(“Username”) + div').first();
+    this.passwordConfirmed = page.locator('input[type="password"]').nth(1);
+    this.saveButton = page.getByRole('button', { name: 'Save' });
+    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
+  }
 
+  public async addEmployeeWithLoginCredentials(): Promise<void> {
+    await this.addButton.click();
+    await this.nameInput.fill(newEmployeeData.newEmployeeName + ' ' + randomNumber);
+    await this.middleNameInput.fill(newEmployeeData.newEmployeeMiddleName);
+    await this.lastNameInput.fill(newEmployeeData.newEmployeeLastName);
+    await this.employeeId.fill('' + randomNumber);
+    await this.createLoginDetailsCheckbox.click();
+    await this.username.fill(newEmployeeData.newEmployeeName + ' ' + randomNumber);
+    await this.password.fill(newEmployeeData.password);
+    await this.passwordConfirmed.fill(newEmployeeData.password);
+    await this.saveButton.click();
+  }
 
+  public async fillNewEmployeePersonalDetails(): Promise<void> {
+    const personalDetailsPage = new PersonalDetailsPage(this.page);
+    await personalDetailsPage.verifyIfPersonalDetailsPageIsOpened();
+    await personalDetailsPage.fillPersonalDetails();
+    await this.saveButton.click();
+    await this.page.getByText('Success').isVisible();
+  }
 }

src/test/functional/tests/addUser.spec.ts

@@ -0,0 +1,27 @@
+import { expect, test } from '@playwright/test';
+
+import { adminUserTestData } from '../data';
+import { LoginPage } from '../pages/LoginPage';
+import { PimPage } from '../pages/PimPage';
+
+let loginPage: LoginPage, pimPage: PimPage;
+
+test.describe('Adding a new employee', () => {
+  test.beforeEach(async ({ page }) => {
+    loginPage = new LoginPage(page);
+    pimPage = new PimPage(page);
+    await loginPage.initialize();
+    await loginPage.loginUser(adminUserTestData.userName, adminUserTestData.password);
+    await loginPage.navigateToSubPage('PIM');
+    await expect(page.getByRole('heading', { name: 'Employee Information' })).toBeVisible();
+  });
+
+  test.afterEach(async () => {
+    await loginPage.close();
+  });
+
+  test('Add new employee user with account  & fill new employee personal details', async () => {
+    await pimPage.addEmployeeWithLoginCredentials();
+    await pimPage.fillNewEmployeePersonalDetails();
+  });
+});

src/test/functional/utils/utils.ts

@@ -0,0 +1 @@
+export const randomNumber = (Math.random() * 1000).toString().substring(0, 3);

src/test/playwright.config.ts

@@ -10,6 +10,7 @@ const config: CustomConfig = {
     {
       name: 'desktop-chromium',
       use: {
+        browserName: 'chromium',
         headless: false,
         viewport: { width: 1280, height: 720 },
         screenshot: 'only-on-failure',
@@ -34,7 +35,7 @@ const config: CustomConfig = {
       maxDiffPixelRatio: 0.1,
     },
   },
-  baseUrl: 'http://localhost:8888/web/index.php/auth/login'
+  baseUrl: 'http://localhost:8888/',
 };
 
 export default config;