add-po-manager-file

Author: YuliiaKuzmenko

page_objects_ts/POManager.ts

@@ -0,0 +1,52 @@
+import { CartPage } from "./CartPage";
+import { CheckoutCompletePage } from "./CheckoutCompletePage";
+import { CheckoutStepOnePage } from "./CheckoutStepOnePage";
+import { CheckoutStepTwoPage } from "./CheckoutStepTwoPage";
+import { InventoryPage } from "./InventoryPage";
+import { MainPage } from "./MainPage";
+import { UserMenuPage } from "./UserMenuPage";
+import { expect, type Locator, type Page } from "@playwright/test";
+
+export class POManager {
+  page: Page;
+  cartPage: CartPage;
+  checkoutCompletePage: CheckoutCompletePage;
+  checkoutStepOnePage: CheckoutStepOnePage;
+  checkoutStepTwoPage: CheckoutStepTwoPage;
+  inventoryPage: InventoryPage;
+  mainPage: MainPage;
+  userMenuPage: UserMenuPage;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.cartPage = new CartPage(this.page);
+    this.checkoutCompletePage = new CheckoutCompletePage(this.page);
+    this.checkoutStepOnePage = new CheckoutStepOnePage(this.page);
+    this.checkoutStepTwoPage = new CheckoutStepTwoPage(this.page);
+    this.inventoryPage = new InventoryPage(this.page);
+    this.mainPage = new MainPage(this.page);
+    this.userMenuPage = new UserMenuPage(this.page);
+  }
+  getCartPage() {
+    return this.cartPage;
+  }
+  getCheckoutCompletePage() {
+    return this.checkoutCompletePage;
+  }
+  getCheckoutStepOnePage() {
+    return this.checkoutStepOnePage;
+  }
+  getCheckoutStepTwoPage() {
+    return this.checkoutStepTwoPage;
+  }
+  getInventoryPage() {
+    return this.inventoryPage;
+  }
+  getMainPage() {
+    return this.mainPage;
+  }
+  getUserMenuPage() {
+    return this.userMenuPage;
+  }
+}
+module.exports = { POManager };

tests/lockedUser.spec.ts

@@ -1,21 +1,21 @@
 import { test, expect } from "@playwright/test";
-import { MainPage } from "../page_objects_ts/MainPage";
 import usersData from "../fixtures/usersData.json";
+import { POManager } from "../page_objects_ts/POManager";
 
 test.describe("Tests for locked user", () => {
   test("Attempt to login with locked user creds", async ({ page }) => {
-    const mainPage = new MainPage(page);
+    const poManager = new POManager(page);
     const username = usersData.users[1];
     const password = usersData.password;
 
-    await mainPage.visitMainPage();
-    await mainPage.fillUsername(username);
-    await mainPage.fillPassword(password);
+    await poManager.mainPage.visitMainPage();
+    await poManager.mainPage.fillUsername(username);
+    await poManager.mainPage.fillPassword(password);
 
     await expect(page.locator('input[name="user-name"]')).toHaveValue(username);
     await expect(page.locator('input[name="password"]')).toHaveValue(password);
 
-    await mainPage.loginButton();
+    await poManager.mainPage.loginButton();
     await page.getByPlaceholder("Username").isVisible();
     await expect(page.locator("svg.error_icon").first()).toBeVisible();
     await page.getByPlaceholder("Password").isVisible();

tests/mainPage.spec.ts

@@ -1,10 +1,10 @@
 import { test, expect } from '@playwright/test';
-import { MainPage } from '../page_objects_ts/MainPage';
+import { POManager } from '../page_objects_ts/POManager';
 
 test.describe("Main Page tests", () => {
     test('Visit Main Page', async ({ page }) => {
-        const mainPage = new MainPage(page);
-        await mainPage.visitMainPage();
+        const poManager = new POManager(page);
+        await poManager.mainPage.visitMainPage();
 
     //Verify that the "Username" field is displayed
     await expect(page.locator('input[data-test="username"]')).toBeVisible();

tests/standardUser.spec.ts

@@ -1,21 +1,21 @@
 import { test, expect } from '@playwright/test';
-import { MainPage } from '../page_objects_ts/MainPage';
 import usersData from '../fixtures/usersData.json';
+import { POManager } from '../page_objects_ts/POManager';
 
 test.describe("Standard user tests", () => {
     test('Standard user path', async ({ page }) => {
-        const mainPage = new MainPage(page);
+        const poManager = new POManager(page);
         const username = usersData.users[0];
         const password = usersData.password;
 
-        await mainPage.visitMainPage();
-        await mainPage.fillUsername(username);
-        await mainPage.fillPassword(password);
+        await poManager.mainPage.visitMainPage();
+        await poManager.mainPage.fillUsername(username);
+        await poManager.mainPage.fillPassword(password);
 
         await expect(page.locator('input[name="user-name"]')).toHaveValue(username);
         await expect(page.locator('input[name="password"]')).toHaveValue(password);
 
-        await mainPage.loginButton();
+        await poManager.mainPage.loginButton();
 
         await page.waitForURL('/inventory.html');
 

tests/visualUser.spec.ts

@@ -1,33 +1,29 @@
 import { test, expect } from "@playwright/test";
-import { MainPage } from "../page_objects_ts/MainPage";
 import usersData from "../fixtures/usersData.json";
-import { InventoryPage } from "../page_objects_ts/InventoryPage";
-import { UserMenuPage } from "../page_objects_ts/UserMenuPage";
+import { POManager } from "../page_objects_ts/POManager";
 
 
 test.describe("Visual user tests", () => {
   test("Visual user issues", async ({ page }) => {
-    const mainPage = new MainPage(page);
-    const inventoryPage = new InventoryPage(page);
-    const userMenuPage = new UserMenuPage(page);
+    const poManager = new POManager(page);
     const username = usersData.users[5];
     const password = usersData.password;
 
-    await mainPage.visitMainPage();
-    await mainPage.fillUsername(username);
-    await mainPage.fillPassword(password);
+    await poManager.mainPage.visitMainPage();
+    await poManager.mainPage.fillUsername(username);
+    await poManager.mainPage.fillPassword(password);
 
     await expect(page.locator('input[name="user-name"]')).toHaveValue(username);
     await expect(page.locator('input[name="password"]')).toHaveValue(password);
 
-    await mainPage.loginButton();
+    await poManager.mainPage.loginButton();
 
     await page.waitForURL("/inventory.html");
-    await userMenuPage.UserMenuIcon();
+    await poManager.userMenuPage.UserMenuIcon();
     await expect(
       page.locator('img[class*="bm-cross visual_failure"]')
     ).toBeVisible();
-    await userMenuPage.closeMenuIcon();
+    await poManager.userMenuPage.closeMenuIcon();
     await expect(
       page.locator('img[class*="bm-cross visual_failure"]')
     ).toBeVisible();
@@ -50,12 +46,12 @@ test.describe("Visual user tests", () => {
     await expect(shoppingCart).toHaveClass(
       /shopping_cart_container\s+visual_failure/
     );
-    await inventoryPage.addToCartFirstItem();
+    await poManager.inventoryPage.addToCartFirstItem();
     await expect(
       page.locator('a span[class="shopping_cart_badge"]')
     ).toBeVisible();
 
-    await inventoryPage.ShopContainerIcon();
+    await poManager.inventoryPage.ShopContainerIcon();
     await page.goto("/cart.html");
     // Locate the item name using data-test attribute
     const itemName = page.locator('[data-test="inventory-item-name"]');