Merge pull request #20 from auto-qa-hub/po-for-checkout

po-for-checkout-steps

Author: andrew-ksv

fixtures/usersBillingData.json

@@ -1,5 +1,5 @@
 {
     "firstname": "TestName",
     "lastname": "TestLastName",
-    "zip": 92618
+    "zip": "92618"
   }  

page_objects_ts/CheckoutCompletePage.ts

@@ -0,0 +1,34 @@
+import { Locator, expect, Page } from "@playwright/test";
+export class CheckoutCompletePage {
+  page: Page;
+  confirmationMessage: Locator;
+  orderStatusMessage: Locator;
+  backHomeButton: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.confirmationMessage = page.locator(".complete-header");
+    this.orderStatusMessage = page.locator(".complete-text");
+    this.backHomeButton = page.locator('[data-test="back-to-products"]');
+  }
+
+  async getConfirmationMessage(): Promise<string> {
+    return (await this.confirmationMessage.textContent()) ?? "";
+  }
+
+  async getOrderStatusMessage(): Promise<string> {
+    return (await this.orderStatusMessage.textContent()) ?? "";
+  }
+
+  async clickBackHome(): Promise<void> {
+    await this.backHomeButton.click();
+  }
+
+  async verifyPageElements(): Promise<void> {
+    await expect(this.confirmationMessage).toHaveText( "Thank you for your order!");
+    await expect(this.orderStatusMessage).toContainText("Your order has been dispatched");
+    await expect(this.backHomeButton).toBeVisible();
+  }
+}
+
+module.exports = { CheckoutCompletePage };

page_objects_ts/CheckoutStepOnePage.ts

@@ -0,0 +1,39 @@
+import { Locator, Page } from "@playwright/test";
+export class CheckoutStepOnePage{
+  page: Page;
+  firstNameInput: Locator;
+  lastNameInput: Locator;
+  zipCodeInput: Locator;
+  continueButton: Locator;
+  cancelButton: Locator;
+  errorMessage: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.firstNameInput = page.locator("#first-name");
+    this.lastNameInput = page.locator("#last-name");
+    this.zipCodeInput = page.locator("#postal-code");
+    this.continueButton = page.locator("#continue");
+    this.cancelButton = page.locator("#cancel");
+    this.errorMessage = page.locator('[data-test="error"]');
+  }
+
+  async enterCheckoutDetails(firstName: string, lastName: string, zipCode: string) {
+    await this.firstNameInput.fill(firstName);
+    await this.lastNameInput.fill(lastName);
+    await this.zipCodeInput.fill(zipCode);
+  }
+
+  async submitCheckout() {
+    await this.continueButton.click();
+  }
+
+  async cancelCheckout() {
+    await this.cancelButton.click();
+  }
+
+  async getErrorMessage(): Promise<string> {
+    return await this.errorMessage.innerText();
+  }
+}
+module.exports = { CheckoutStepOnePage };

page_objects_ts/CheckoutStepTwoPage.ts

@@ -0,0 +1,46 @@
+import { Locator, Page } from "@playwright/test";
+export class CheckoutStepTwoPage{
+  page: Page;
+  productNames: Locator;
+  itemTotal: Locator;
+  taxAmount: Locator;
+  totalAmount: Locator;
+  finishButton: Locator;
+  cancelButton: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.productNames = page.locator(".inventory_item_name");
+    this.itemTotal = page.locator(".summary_subtotal_label");
+    this.taxAmount = page.locator(".summary_tax_label");
+    this.totalAmount = page.locator(".summary_total_label");
+    this.finishButton = page.locator("#finish");
+    this.cancelButton = page.locator("#cancel");
+  }
+
+  async getProductNames(): Promise<string[]> {
+    return await this.productNames.allTextContents();
+  }
+
+  async getItemTotal(): Promise<string> {
+    return await this.itemTotal.innerText();
+  }
+
+  async getTaxAmount(): Promise<string> {
+    return await this.taxAmount.innerText();
+  }
+
+  async getTotalAmount(): Promise<string> {
+    return await this.totalAmount.innerText();
+  }
+
+  async completeCheckout() {
+    await this.finishButton.click();
+  }
+
+  async cancelCheckout() {
+    await this.cancelButton.click();
+  }
+}
+
+module.exports = { CheckoutStepTwoPage };