OrderDetailsPage

PageObjects/OrderDetailsPage.js

@@ -0,0 +1,29 @@
+const { expect } = require('@playwright/test');
+
+class OrderDetailsPage{
+
+    constructor(page){
+        this.page = page;
+        this.rows = page.locator("tbody tr");
+        this.details = page.locator(".col-text");
+    }
+
+    async selectingOrderDetails(orderId){
+        await this.rows;
+        for (let i = 0; i < await this.rows.count(); ++i) {
+            const rowOrderId = await this.rows.nth(i).locator("th").textContent();
+            console.log(rowOrderId);
+            if (orderId.includes(rowOrderId)) {
+               await this.rows.nth(i).locator("button").first().click();
+               break;
+            }
+        }
+
+    }
+
+    async validatingOrderDetails(orderId){
+        const orderIdDetails = await this.details.textContent();
+        expect(orderId.includes(orderIdDetails)).toBeTruthy();
+    }
+}
+module.exports = {OrderDetailsPage};

PageObjects/POManager.js

@@ -2,6 +2,8 @@ const {LoginPage} = require('../PageObjects/LoginPage');
 const {DashboardPage} = require('../PageObjects/DashboardPage');
 const {CartPage} = require('../PageObjects/CartPage');
 const {PaymentPage} = require('../PageObjects/PaymentPage');
+const {ThankyouPage} = require('../PageObjects/ThankyouPage');
+const {OrderDetailsPage} = require('../PageObjects/OrderDetailsPage');
 
 class POManager{
 
@@ -11,6 +13,8 @@ class POManager{
         this.dashboardPage = new DashboardPage(page);
         this.cartPage = new CartPage(page);
         this.paymentPage = new PaymentPage(page);
+        this.thankyouPage = new ThankyouPage(page);
+        this.orderDetailsPage = new OrderDetailsPage(page);
     }
 
     getLoginPage(){
@@ -28,5 +32,13 @@ class POManager{
     getPaymentPage(){
         return this.paymentPage;
     }
+
+    getThankyouPage(){
+        return this.thankyouPage;
+    }
+
+    getOrderDetailsPage(){
+        return this.orderDetailsPage;
+    }
 }
 module.exports = {POManager};

PageObjects/PaymentPage.js

@@ -1,12 +1,33 @@
+const { expect } = require('@playwright/test');
+
 class PaymentPage{
 
     constructor(page){
         this.page = page;
         this.country = page.locator("[placeholder*='Country']");
+        this.dropdown = page.locator(".ta-results");
+        this.buttons = this.dropdown.locator("button");
+        this.emailIdPresent = page.locator(".user__name [type='text']");
+        this.submitBtn = page.locator(".action__submit");
     }
 
     async selectCountry(){
         await this.country.pressSequentially("ind");
+        await this.dropdown.waitFor();
+        const optionsCount = await this.buttons.count();
+        for (let i = 0; i < optionsCount; ++i) {
+           const text = await this.buttons.nth(i).textContent();
+           if (text === " India") {
+              await this.buttons.nth(i).click();
+              break;
+           }
+        }
+    }
+
+    async validatingEmail(email){
+        await expect(this.emailIdPresent.first()).toHaveText(email);
+        await this.submitBtn.click();
+
     }
 }
 module.exports = {PaymentPage};

PageObjects/ThankyouPage.js

@@ -0,0 +1,24 @@
+const { expect } = require('@playwright/test');
+
+class ThankyouPage{
+
+    constructor(page){
+        this.page = page;
+        this.thanksText = page.locator(".hero-primary");
+        this.orderIdPresent = page.locator(".em-spacer-1 .ng-star-inserted");
+        this.myOrderBtn = page.locator("button[routerlink*='myorders']");
+        this.element = page.locator("tbody");
+    }
+
+    async validateOrderId(){
+        await expect(this.thanksText).toHaveText(" Thankyou for the order. ");
+        return await  this.orderIdPresent.textContent();
+
+    }
+
+    async myOrder(){
+        await this.myOrderBtn.click();
+        await this.element.waitFor();
+    }
+}
+module.exports = {ThankyouPage};

tests/EndToEndPageObject.spec.js

@@ -19,45 +19,22 @@ test('@Client App login', async ({ page }) => {
    await dashboardPage.navigateToCart();
 
    const cartPage = poManager.getCartPage();
-   cartPage.checkAddedProduct();
-   cartPage.checkOut();
+   await cartPage.checkAddedProduct();
+   await cartPage.checkOut();
 
    const paymentPage = poManager.getPaymentPage();
-   paymentPage.selectCountry();
-
-   const dropdown = page.locator(".ta-results");
-   await dropdown.waitFor();
-   const optionsCount = await dropdown.locator("button").count();
-   for (let i = 0; i < optionsCount; ++i) {
-      const text = await dropdown.locator("button").nth(i).textContent();
-      if (text === " India") {
-         await dropdown.locator("button").nth(i).click();
-         break;
-      }
-   }
-
-   await expect(page.locator(".user__name [type='text']").first()).toHaveText(email);
-   await page.locator(".action__submit").click();
-   await expect(page.locator(".hero-primary")).toHaveText(" Thankyou for the order. ");
-   const orderId = await page.locator(".em-spacer-1 .ng-star-inserted").textContent();
+   await paymentPage.selectCountry();
+   await paymentPage.validatingEmail(email);
+
+   const thankyouPage = poManager.getThankyouPage();
+   const orderId = await thankyouPage.validateOrderId();
    console.log(orderId);
+   await thankyouPage.myOrder();
 
-   await page.locator("button[routerlink*='myorders']").click();
-   await page.locator("tbody").waitFor();
-   const rows = await page.locator("tbody tr");
+   const orderDetailsPage = poManager.getOrderDetailsPage();
+   await orderDetailsPage.selectingOrderDetails(orderId);
+   await orderDetailsPage.validatingOrderDetails(orderId);
 
-
-   for (let i = 0; i < await rows.count(); ++i) {
-      const rowOrderId = await rows.nth(i).locator("th").textContent();
-      if (orderId.includes(rowOrderId)) {
-         await rows.nth(i).locator("button").first().click();
-         break;
-      }
-   }
-   const orderIdDetails = await page.locator(".col-text").textContent();
-   expect(orderId.includes(orderIdDetails)).toBeTruthy();
-
-
 });