@anddone/paymentlinkportaltestautomation 1.1.1

package/.github/workflows/npm-release.yml

@@ -0,0 +1,100 @@
+name: Release PaymentLinkPortalTestAutomation
+
+on:
+  workflow_dispatch:
+    inputs:
+      release_type:
+        description: "Release type (semantic versioning)"
+        required: true
+        default: patch
+        type: choice
+        options:
+          - patch
+          - minor
+          - major
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+
+    steps:
+      # 1. Checkout repo
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      # 2. Setup Node
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          registry-url: https://registry.npmjs.org/
+
+      # 3. Install dependencies
+      - run: npm install
+
+      # 4. Build project
+      - run: npm run build
+
+      # 5. Configure Git for tags/commits
+      - name: Configure Git
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
+
+      # 6. Bump version safely
+      - name: Bump version
+        run: |
+          # Get release type (patch/minor/major)
+          RELEASE_TYPE=${{ inputs.release_type }}
+
+          # Get current version
+          CURRENT_VERSION=$(node -p "require('./package.json').version")
+
+          # Calculate new version without creating a tag yet
+          NEW_VERSION=$(npm version $RELEASE_TYPE --no-git-tag-version)
+
+          echo "Current version: $CURRENT_VERSION"
+          echo "New version: $NEW_VERSION"
+
+          # Commit package.json changes
+          git add package.json
+          git commit -m "chore(release): $NEW_VERSION"
+
+          # Delete tag if exists (avoid errors in CI)
+          if git rev-parse "v$NEW_VERSION" >/dev/null 2>&1; then
+            git tag -d "v$NEW_VERSION"
+            git push origin :refs/tags/v$NEW_VERSION
+          fi
+
+          # Create new tag
+          git tag "v$NEW_VERSION"
+
+          # Push commit + tag
+          git push origin master --follow-tags
+
+      # 7. Publish to npm
+      - name: Publish to npm
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.TESTAUTOMATIONAUTH }}
+
+      # 8. Slack Success Notification
+      - name: Slack Success
+        if: success()
+        run: |
+          PACKAGE_NAME="@anddone/PaymentLinkPortalTestAutomation"
+          VERSION=$(node -p "require('./package.json').version")
+          curl -X POST -H 'Content-type: application/json' \
+          --data "{
+            \"username\": \"PaymentLinkPortalTestAutomation\",
+            \"text\": \":white_check_mark: npm package published!\n*Package:* $PACKAGE_NAME\n*Version:* $VERSION\n*Release Notes:*\n• Updated Admin page \n• Updated Admin page Names\"
+          }" \
+          ${{ secrets.SLACK_WEBHOOK_URL }}
+
+      # 9. Slack Failure Notification
+      - name: Slack Failure
+        if: failure()
+        run: |
+          curl -X POST -H 'Content-type: application/json' \
+          --data '{"text":":x: npm publish failed. Check GitHub Actions logs."}' \
+          ${{ secrets.SLACK_WEBHOOK_URL }}

package/.github/workflows/playwright.yml

@@ -0,0 +1,65 @@
+name: Playwright Tests
+
+on:
+  workflow_dispatch:
+    inputs:
+      env:
+        description: "Environment"
+        required: true
+        default: QAT
+        type: choice
+        options:
+          - QAT
+          - UAT
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    environment: ${{ inputs.env }}
+
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install deps
+        run: npm ci
+
+      - name: Map secrets based on ENV
+        run: |
+          echo "ENV=${{ inputs.env }}" >> $GITHUB_ENV
+
+          if [ "${{ inputs.env }}" = "UAT" ]; then
+            echo "BASE_URL=${{ secrets.BASE_URL_UAT }}" >> $GITHUB_ENV
+            echo "MERCHANT_PORTAL_URL_UAT=${{secrets.MERCHANT_PORTAL_URL_UAT}}" >> $GITHUB_ENV
+
+          else
+            echo "BASE_URL=${{ secrets.BASE_URL_QAT }}" >> $GITHUB_ENV
+            echo "MERCHANT_PORTAL_URL_QAT=${{secrets.MERCHANT_PORTAL_URL_QAT}}" >> $GITHUB_ENV
+          fi
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
+      - name: Run Playwright tests
+        run: npx playwright test
+        env:
+           DOTENVX_QUIET: true
+           ACH_ACCOUNT_HOLDER: ${{ secrets.ACH_ACCOUNT_HOLDER }}
+           ACH_ROUTING_NUMBER: ${{ secrets.ACH_ROUTING_NUMBER }}
+           ACH_ACCOUNT_NUMBER: ${{ secrets.ACH_ACCOUNT_NUMBER }}
+
+           CC_NAME: ${{ secrets.CC_NAME }}
+           CC_NUMBER: ${{ secrets.CC_NUMBER }}
+           CC_EXPIRY: ${{ secrets.CC_EXPIRY }}
+           CC_CVV: ${{ secrets.CC_CVV }}
+
+           DC_NAME: ${{ secrets.DC_NAME }}
+           DC_NUMBER: ${{ secrets.DC_NUMBER }}
+           DC_EXPIRY: ${{ secrets.DC_EXPIRY }}
+           DC_CVV: ${{ secrets.DC_CVV }}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@anddone/paymentlinkportaltestautomation",
+  "version": "1.1.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AndDone-LLC/PaymentLinkPortalTestAutomation.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "bugs": {
+    "url": "https://github.com/AndDone-LLC/PaymentLinkPortalTestAutomation/issues"
+  },
+  "homepage": "https://github.com/AndDone-LLC/PaymentLinkPortalTestAutomation#readme",
+  "devDependencies": {
+    "@playwright/test": "^1.58.1",
+    "@types/dotenv": "^6.1.1",
+    "@types/node": "^25.2.0"
+  },
+  "dependencies": {
+    "@anddone/coretestautomation": "^1.0.4",
+    "dotenv": "^17.2.4"
+  }
+}

package/playwright.config.ts

@@ -0,0 +1,79 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+import dotenv from 'dotenv';
+import path from 'path';
+dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './tests',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('')`. */
+    // baseURL: 'http://localhost:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
+
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    // },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  // webServer: {
+  //   command: 'npm run start',
+  //   url: 'http://localhost:3000',
+  //   reuseExistingServer: !process.env.CI,
+  // },
+});

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./pages/PaymentLinkPortalLandingPage";
+export * from "./pages/receiptPage";
+export * from "./pages/summaryPage";

package/src/pages/PaymentLinkPortalLandingPage.ts

@@ -0,0 +1,477 @@
+import { Page, Locator, expect } from "@playwright/test";
+import { CommonUtils } from '@anddone/coretestautomation/dist';
+
+export class PaymentLinkPortalLandingPage {
+  readonly page: Page;
+
+  //-----LEFT SUMMARY PANEL----
+  readonly merchantName: Locator;
+  readonly shopperName: Locator;
+  readonly transactionAmount: Locator;
+  readonly merchantReference: Locator;
+  readonly accountNumber: Locator;
+  readonly purposeOfPayment: Locator;
+
+  //-----CONTACT INFO-----
+  readonly companyNameInput: Locator;
+  readonly firstNameInput: Locator;
+  readonly lastNameInput: Locator;
+  readonly emailInput: Locator;
+  readonly phoneInput: Locator;
+
+  //-----PAYMENT METHOD
+  readonly achOption: Locator;
+  readonly cardOption: Locator;
+  readonly achSameNameCheckbox: Locator;
+  readonly cardSameNameCheckbox: Locator;
+
+  //-----ACH FIELDS----
+  readonly routingNumberInput: Locator;
+  readonly accountNumberInput: Locator;
+  readonly verifyAccountNumberInput: Locator;
+  readonly bankNameInput: Locator;
+  readonly accountHolderName: Locator;
+
+  //------CARD FIELDS-----
+  readonly cardNumberInput: Locator;
+  readonly expiryInput: Locator;
+  readonly cvvInput: Locator;
+  readonly cardHolderName: Locator;
+
+  //-----=====BILLING ADDRESS
+  readonly billingAddressInput: Locator;
+  readonly billingSuiteInput: Locator;
+  readonly billingCityInput: Locator;
+  readonly billingCountrySelect: Locator;
+  readonly billingStateSelect: Locator;
+  readonly billingPostalCodeInput: Locator;
+
+  //-----PRICE SUMMARY-----
+  readonly totalAmountValue: Locator;
+
+  //-----SUBMIT BUTTON-----
+  readonly submitButton: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+
+    // ----- CONTACT INFO -----
+    this.companyNameInput = page.locator('#inputCompanyName');
+    this.firstNameInput = page.locator('#inputFirstName');
+    this.lastNameInput = page.locator('#inputLastName');
+    this.emailInput = page.locator('#inputEmail');
+    this.phoneInput = page.locator('#inputPhone');
+
+    // ----- LEFT PANEL -----
+    this.merchantName = page.locator('.pflite-business-name');
+    this.shopperName = page.locator('#named-insured-value');
+    this.transactionAmount = page.locator('[id*="transaction-total"]');
+    this.merchantReference = page.locator('#merchantRef');
+    this.accountNumber = page.locator('#referenceValue1');
+    this.purposeOfPayment = page.locator('#output-purpose');
+
+    // ----- PAYMENT METHOD -----
+    this.achOption = page.locator('#pay-ach');
+    this.cardOption = page.locator('#pay-card');
+    this.achSameNameCheckbox = page.locator('#ach-name-copy');
+    this.cardSameNameCheckbox = page.locator('#card-name-copy');
+
+    // ----- ACH DETAILS -----
+    this.routingNumberInput = page.locator('#inputRouting');
+    this.accountNumberInput = page.locator('#bankAccNum');
+    this.verifyAccountNumberInput = page.locator('#inputBankAcc2');
+    this.bankNameInput = page.locator('#bankName');
+    this.accountHolderName = page.locator(('#inputAccName'));
+
+    // -----CARD DETAILS -----
+    this.cardNumberInput = page.locator('#cardNumber');
+    this.expiryInput = page.locator('#inputExp');
+    this.cvvInput = page.locator('#inputSec');
+    this.cardHolderName = page.locator('#nameOnCard');
+
+
+    // ----- BILLING ADDRESS -----
+    this.billingAddressInput = page.locator('input[formcontrolname="StreetNumber"]');
+    this.billingSuiteInput = page.locator('input[formcontrolname="Street"]');
+    this.billingCityInput = page.locator('input[formcontrolname="City"]');
+    this.billingCountrySelect = page.locator('select[formcontrolname="Country"]');
+    this.billingStateSelect = page.locator('select[formcontrolname="State"]');
+    this.billingPostalCodeInput = page.locator('#inBillingZipCodePayLink');
+
+    // ----- PRICE -----
+    this.totalAmountValue = page.locator('#totalAmountValue');
+
+    // ----- SUBMIT -----
+    this.submitButton = page.locator('.confirm-button');
+
+  }
+
+  // ================= CONTACT INFO ACTIONS =================
+  async fillCompanyName(company: string) {
+    await CommonUtils.fill(this.companyNameInput, company, {
+      description: 'Company Name Input'
+    });
+  }
+
+  async fillFirstName(first: string) {
+    await CommonUtils.fill(this.firstNameInput, first, {
+      description: 'First Name Input'
+    });
+  }
+
+  async fillLastName(last: string) {
+    await CommonUtils.fill(this.lastNameInput, last, {
+      description: 'Last Name Input'
+    });
+  }
+
+  async fillEmail(email: string) {
+    await CommonUtils.fill(this.emailInput, email, {
+      description: 'Email Input'
+    });
+  }
+
+  async fillPhone(phone: string) {
+    await CommonUtils.fill(this.phoneInput, phone, {
+      description: 'Phone Input'
+    });
+  }
+  async fillContactInfo(
+    options: { first?: string; last?: string; email?: string; phone?: string; company?: string; }
+  ): Promise<void> {
+
+    if (options.company) {
+      await this.fillCompanyName(options.company);
+    }
+
+    if (options.first) {
+      await this.fillFirstName(options.first);
+    }
+
+    if (options.last) {
+      await this.fillLastName(options.last);
+    }
+
+    if (options.email) {
+      await this.fillEmail(options.email);
+    }
+
+    if (options.phone) {
+      await this.fillPhone(options.phone);
+    }
+  }
+
+  // ================= LEFT PANEL GETTERS =================
+
+  async getShopperName(): Promise<string> {
+    return await CommonUtils.getText(this.shopperName);
+  }
+
+  async getTransactionAmount(): Promise<string> {
+    return await CommonUtils.getText(this.transactionAmount);
+  }
+
+  async getMerchantReference(): Promise<string> {
+    return await CommonUtils.getText(this.merchantReference);
+  }
+
+  async getAccountNumber(): Promise<string> {
+    return await CommonUtils.getText(this.accountNumber);
+  }
+
+  async getPurposeOfPayment(): Promise<string> {
+    return await CommonUtils.getText(this.purposeOfPayment);
+  }
+  // ================= PAYMENT METHOD =================
+  private currentPaymentMethod: 'ACH' | 'CARD' = 'ACH';
+
+  async selectPaymentMethod(method: 'ACH' | 'CARD'): Promise<void> {
+    const option =
+      method === 'ACH'
+        ? this.achOption
+        : this.cardOption;
+
+
+    await CommonUtils.waitSeconds(5);
+    await CommonUtils.waitForVisible(option);
+    await CommonUtils.click(option, {
+      description: `${method} Payment Option`
+    });
+    this.currentPaymentMethod = method;
+  }
+
+  // ================= CHECKBOX METHOD =================
+
+  async waitForValueToStabilize(locator: Locator, checks = 3, gapMs = 200) {
+    let prev = await locator.inputValue();
+
+    for (let i = 0; i < checks; i++) {
+      await locator.page().waitForTimeout(gapMs);
+      const next = await locator.inputValue();
+      if (next !== prev) {
+        prev = next;
+        i = -1;
+      }
+    }
+  }
+  async checkOrUncheckCheckbox(shouldBeChecked: boolean) {
+    const checkbox =
+      this.currentPaymentMethod === 'ACH'
+        ? this.achSameNameCheckbox
+        : this.cardSameNameCheckbox;
+
+    const targetField =
+      this.currentPaymentMethod === 'ACH'
+        ? this.accountHolderName
+        : this.cardHolderName;
+
+    const isChecked = await CommonUtils.isChecked(checkbox);
+
+    if (isChecked !== shouldBeChecked) {
+      await CommonUtils.click(checkbox, {
+        description: `${this.currentPaymentMethod} Same Name Checkbox`
+      });
+
+      if (!shouldBeChecked) {
+        await this.page.waitForTimeout(500);
+      }
+
+      await expect(checkbox).toHaveJSProperty('checked', shouldBeChecked);
+      await this.waitForValueToStabilize(targetField);
+    }
+  }
+
+
+  async fillAccountHolderName(accountHolderName: string) {
+    await CommonUtils.fill(this.accountHolderName, accountHolderName, {
+      description: 'Account Holder Name Input'
+    });
+  }
+
+  async fillCardHolderName(cardHolderName: string): Promise<void> {
+    await CommonUtils.waitSeconds(2);
+    await CommonUtils.waitForVisible(this.cardHolderName, {
+      description: 'Card Holder Name Input'
+    });
+
+    await CommonUtils.fill(this.cardHolderName, cardHolderName, {
+      description: 'Card Holder Name Input'
+    });
+
+    await this.cardHolderName.press('Tab');
+  }
+
+
+  // ================= ACH DETAILS =================
+
+  async clickRoutingNumberInput(): Promise<void> {
+    await CommonUtils.click(this.routingNumberInput, {
+      description: 'Routing Number Input'
+    });
+  }
+
+  async typeRoutingNumberInput(routingNumber: string) {
+    await CommonUtils.typeText(this.routingNumberInput, routingNumber, {
+      description: 'Bank Routing Number Input'
+    });
+  }
+
+  async typeBankAccountNumberInput(account: string): Promise<void> {
+    await CommonUtils.typeText(this.accountNumberInput, account, {
+      description: 'Bank Account Number Input'
+    });
+  }
+
+  async typeVerifyBankAccountNumberInput(account: string): Promise<void> {
+    await CommonUtils.typeText(this.verifyAccountNumberInput, account, {
+      description: 'Verify Bank Account Number Input'
+    });
+  }
+
+  async fillACHDetails(
+    options: { routing?: string; account?: string; }
+  ): Promise<void> {
+
+    if (options.routing) {
+      await this.clickRoutingNumberInput();
+      await this.typeRoutingNumberInput(options.routing);
+    }
+
+    if (options.account) {
+      await this.typeBankAccountNumberInput(options.account);
+      await this.typeVerifyBankAccountNumberInput(options.account);
+    }
+  }
+
+  // ================= CARD DETAILS =================
+
+  async typeCardNumber(cardNum: string): Promise<void> {
+    // await CommonUtils.typeText(this.cardNumberInput, cardNum, {
+    //   description: 'Card Number Input'
+    // });
+    //await this.secureFill(this.cardNumberInput,cardNum);
+    await this.secureType(this.cardNumberInput,cardNum);
+  }
+  async typeExpiryDate(exp: string): Promise<void> {
+    // await CommonUtils.typeText(this.expiryInput, exp, {
+    //   description: 'Card Expiry Input'
+    // });
+   // await this.secureFill(this.expiryInput,exp);
+   await this.secureType(this.expiryInput,exp);
+  }
+  async typeCVV(cvv: string): Promise<void> {
+    // await CommonUtils.typeText(this.cvvInput, cvv, {
+    //   description: 'Card CVV Input'
+    // });
+ // await this.secureFill(this.cvvInput,cvv);
+    await this.secureType(this.cvvInput,cvv);
+  }
+
+  async fillCardDetails(
+    options: { cardNum?: string; exp?: string; cvv?: string; }
+  ): Promise<void> {
+
+    if (options.cardNum) {
+      await this.typeCardNumber(options.cardNum);
+    }
+
+    await CommonUtils.waitSeconds(4);
+    if (options.exp) {
+      await this.typeExpiryDate(options.exp);
+    }
+    await CommonUtils.waitSeconds(2);
+    if (options.cvv) {
+      await this.typeCVV(options.cvv);
+    }
+  }
+
+  async fillBillingAddressLine(address: string): Promise<void> {
+    await CommonUtils.fill(this.billingAddressInput, address, {
+      description: 'Billing Address'
+    });
+  }
+  async fillBillingSuite(suite: string): Promise<void> {
+    await CommonUtils.fill(this.billingSuiteInput, suite, {
+      description: 'Billing Suite'
+    });
+  }
+  async fillBillingCity(city: string): Promise<void> {
+    await CommonUtils.fill(this.billingCityInput, city, {
+      description: 'Billing City'
+    });
+  }
+  async selectBillingCountry(country: string): Promise<void> {
+    await CommonUtils.selectByText(this.billingCountrySelect, country, {
+      description: 'Billing Country'
+    });
+  }
+  async selectBillingState(state: string): Promise<void> {
+    await CommonUtils.selectByText(this.billingStateSelect, state, {
+      description: 'Billing State'
+    });
+  }
+  async fillBillingPostalCode(postalCode: string): Promise<void> {
+    await CommonUtils.fill(this.billingPostalCodeInput, postalCode, {
+      description: 'Billing Postal Code'
+    });
+  }
+
+  async fillBillingAddress(
+    options: {
+      address?: string; suite?: string; city?: string; country?: string; state?: string;
+      postalCode?: string;
+    }
+  ): Promise<void> {
+
+    await CommonUtils.waitForVisible(this.billingAddressInput, {
+      description: 'Billing Address Section'
+    });
+
+    if (options.address) {
+      await this.fillBillingAddressLine(options.address);
+    }
+
+    if (options.suite) {
+      await this.fillBillingSuite(options.suite);
+    }
+
+    if (options.city) {
+      await this.fillBillingCity(options.city);
+    }
+
+    if (options.country) {
+      await this.selectBillingCountry(options.country);
+    }
+
+    if (options.state) {
+      await this.selectBillingState(options.state);
+    }
+
+    if (options.postalCode) {
+      await this.fillBillingPostalCode(options.postalCode);
+    }
+  }
+
+
+  // ================= PRICE =================
+  async getTotalAmount(): Promise<string> {
+    return await CommonUtils.getText(this.totalAmountValue, {
+      description: 'Total Amount Value'
+    });
+  }
+
+  // ================= SUBMIT =================
+  async submitPayment(): Promise<void> {
+    const spinner = this.page.locator('.loading-spinner');
+
+    await CommonUtils.waitForInvisible(spinner, {
+      description: 'Submit Button Spinner'
+    });
+
+    await CommonUtils.click(this.submitButton, {
+      description: 'Submit Payment Button'
+    });
+  }
+
+  async clickOnCardMethod(): Promise<void> {
+    await CommonUtils.click(this.cardOption);
+  }
+
+async secureType(locator: Locator, value: string): Promise<void> {
+
+  await locator.waitFor({ state: 'visible' });
+
+  await locator.evaluate(async (element, val) => {
+    const input = element as HTMLInputElement;
+
+    input.focus();
+    input.value = '';
+
+    for (const char of val) {
+
+      // Create keyboard events
+      const keyDown = new KeyboardEvent('keydown', { key: char, bubbles: true });
+      const keyPress = new KeyboardEvent('keypress', { key: char, bubbles: true });
+      const keyUp = new KeyboardEvent('keyup', { key: char, bubbles: true });
+
+      input.dispatchEvent(keyDown);
+      input.dispatchEvent(keyPress);
+
+      // Append character
+      input.value += char;
+
+      // Trigger input event
+      input.dispatchEvent(new Event('input', { bubbles: true }));
+
+      input.dispatchEvent(keyUp);
+
+      // Small delay to mimic typing speed
+      await new Promise(res => setTimeout(res, 50));
+    }
+
+    input.dispatchEvent(new Event('change', { bubbles: true }));
+    input.dispatchEvent(new Event('blur', { bubbles: true }));
+
+  }, value);
+}
+}

package/src/pages/receiptPage.ts

@@ -0,0 +1,65 @@
+import { CommonUtils, TableUtils } from "@anddone/coretestautomation/dist";
+import { Page, Locator } from "@playwright/test";
+
+export class ReceiptPage {
+    readonly page: Page;
+    readonly transactionStatus: Locator;
+    readonly merchantDbaName: Locator;
+    readonly transactionAmount: Locator;
+    readonly receiptLabel_list: Locator;
+    readonly receiptValue_list: Locator;
+    readonly merchantAddress_value: Locator;
+    readonly merchantEmail_value: Locator;
+    readonly merchantPhone_value: Locator;
+    readonly shopperBehalf_value: Locator;
+    readonly accountNumber_value: Locator;
+    readonly transactionId_value: Locator;
+    readonly merchantRef_value: Locator;
+    readonly traceNumber_value: Locator;
+
+    constructor(page: Page) {
+        this.page = page;
+        this.transactionStatus = page.locator('span.transaction-status');
+        this.merchantDbaName = page.locator('#merchant-dba');
+        this.transactionAmount = page.locator('#transaction-amount');
+        this.receiptLabel_list = page.locator('td.label');
+        this.receiptValue_list = page.locator('tr td:not(.label)');
+        this.merchantAddress_value = page.locator('#merchant-address');
+        this.merchantEmail_value = page.locator('#merchant-email')
+        this.merchantPhone_value = page.locator('#merchant-phone');
+        this.shopperBehalf_value = page.locator('#shopper-behalf');
+        this.accountNumber_value = page.locator('#transaction-invoice');
+        this.transactionId_value = page.locator('#transaction-id');
+        this.merchantRef_value = page.locator('#transaction-ref');
+        this.traceNumber_value = page.locator('#transaction-trace');
+    }
+
+    async getReceiptLabels(): Promise<string[]> {
+        return CommonUtils.getAllInnerText(this.receiptLabel_list);
+    }
+
+    async getReceiptLabelValues(): Promise<string[]> {
+        return CommonUtils.getAllInnerText(this.receiptValue_list);
+    }
+
+    async getReceiptDataMap(): Promise<Record<string, string>> {
+        const labels = await this.getReceiptLabels();
+        const values = await this.getReceiptLabelValues();
+
+        const receiptMap: Record<string, string> = {};
+        if (!labels.length || !values.length) {
+            console.warn("⚠ Receipt labels or values are empty");
+            return receiptMap;
+        }
+        if (labels.length !== values.length) {
+            console.warn(
+                `⚠ Label/value count mismatch → labels: ${labels.length}, values: ${values.length}`
+            );
+        }
+        labels.forEach((label, index) => {
+            receiptMap[label.trim()] = values[index]?.trim() ?? "";
+        });
+        return receiptMap;
+    }
+
+}

package/src/pages/summaryPage.ts

@@ -0,0 +1,112 @@
+import { Page, Locator } from "@playwright/test";
+import { CommonUtils } from '@anddone/coretestautomation/dist'
+
+export class SummaryPage {
+    readonly page: Page;
+    readonly businessName: Locator;
+    readonly receiptHasBeenSent_txtLine: Locator;
+    readonly paymentSummary_label: Locator;
+    readonly viewReceipt_icon: Locator;
+    readonly transactionId: Locator;
+    readonly transactionSummary_label_list: Locator;
+    readonly contactInfo_name_value: Locator;
+    readonly contactInfo_email_value: Locator;
+    readonly contactInfo_phone_value: Locator;
+    readonly shopperCompanyName_value: Locator;
+    readonly purposeOfPayment_value: Locator;
+    readonly paymentMethod_value: Locator;
+    readonly lastFourDigitsOfCard:Locator;
+    readonly paymentWillAppearAs_value: Locator;
+    readonly amount_value: Locator;
+    readonly technologyFee_value: Locator;
+    readonly paymentTotal_value: Locator;
+    readonly footer: Locator;
+    readonly privacyPolicy_footer_link: Locator;
+    readonly termsOfUse_footer_link: Locator;
+
+    constructor(page: Page) {
+        this.page = page;
+        this.businessName = page.locator('h5.business-name')
+        this.paymentSummary_label = page.getByText("Payment Summary");
+        this.viewReceipt_icon = page.locator('.summary-column #receipt-icon');
+        this.transactionId = page.getByText(/Your Transaction ID is:/);
+        this.transactionSummary_label_list = page.locator('div.summary-column div.summary-row span.label');
+        this.contactInfo_name_value = page.locator('#insured-name');
+        this.contactInfo_email_value = page.locator('#insured-email');
+        this.contactInfo_phone_value = page.locator('#insured-phone');
+        this.shopperCompanyName_value = page.locator('#insured-behalf');
+        this.purposeOfPayment_value = page.locator('#insured-purpose');
+        this.paymentMethod_value = page.locator('#insured-payMethod');
+        this.lastFourDigitsOfCard=page.locator('#insured-lastFour');
+        this.paymentWillAppearAs_value = page.locator('#insured-merchant');
+        this.amount_value = this.page.locator('#insured-amount');
+        this.technologyFee_value = this.page.locator('#insured-fee');
+        this.paymentTotal_value = this.page.locator('#insured-total');
+        this.footer = page.locator('div.footer');
+        this.receiptHasBeenSent_txtLine = page.locator('div.summary-header span');
+        this.privacyPolicy_footer_link = page.locator('.links a[href*="/privacy/"]');
+        this.termsOfUse_footer_link = page.locator('.links a[href*="/terms/"]')
+    }
+
+    async isTransactionSummaryPageDisplayed(): Promise<boolean> {
+        return await CommonUtils.isVisible(this.paymentSummary_label);
+    }
+
+    async getTransactionId(): Promise<string> {
+        const text = await CommonUtils.getText(this.transactionId);
+        return text?.split("is:")?.[1]?.trim() ?? "";
+    }
+
+    async getSummaryLabels():Promise<string[]>{
+       return await CommonUtils.getAllText(this.transactionSummary_label_list);
+    }
+    
+    async getNameFromContactInfo():Promise<string>{
+        return await CommonUtils.getText(this.contactInfo_name_value,{description:'Name'})
+    }
+
+    async getEmailFromContactInfo():Promise<string>{
+        return await CommonUtils.getText(this.contactInfo_email_value,{description:'Email'})
+    }
+
+    async getPhoneFromContactInfo():Promise<string>{
+        return await CommonUtils.getText(this.contactInfo_phone_value,{description:'Phone'})
+    }
+
+    async getShopperCompanyName():Promise<string>{
+        return await CommonUtils.getText(this.shopperCompanyName_value,{description:'Phone'})
+    }
+
+    async getPurposeOfPayment():Promise<string>{
+        return await CommonUtils.getText(this.purposeOfPayment_value,{description:'Purpose of Payment'})
+    }
+
+    async getPaymentMethod():Promise<string>{
+        return await CommonUtils.getText(this.paymentMethod_value,{description:'Payment Method'})
+    }
+
+    async getLastFourDigitOfCard():Promise<string>{
+        return await CommonUtils.getText(this.lastFourDigitsOfCard)
+    }
+
+    async getPaymentWillAppearAs():Promise<string>{
+        return await CommonUtils.getText(this.paymentWillAppearAs_value)
+    }
+    
+    async getAmount():Promise<string>{
+        return await CommonUtils.getText(this.amount_value)
+    }
+
+    async getTechnologyFee():Promise<string>{
+        return await CommonUtils.getText(this.technologyFee_value)
+    }
+    
+    async getPaymentTotal():Promise<string>{
+        return await CommonUtils.getText(this.paymentTotal_value)
+    }
+
+    async clickOnViewReceiptIcon():Promise<void>{
+         await CommonUtils.click(this.viewReceipt_icon)
+    }
+
+}

package/tests/landingPageTest.spec.ts

@@ -0,0 +1,45 @@
+import { test, expect } from '@playwright/test';
+import { PaymentLinkPortalLandingPage } from '../src/pages/PaymentLinkPortalLandingPage';
+import { SummaryPage } from '../src/pages/summaryPage';
+import { AssertionUtils, CommonUtils,PageUtils } from '@anddone/coretestautomation/dist';
+
+
+test('Complete ACH payment flow', async ({ page }) => {
+  await PageUtils.navigateTo(page,'https://link.qat.anddone.com/#/qx7KNjWx1')
+
+  const paymentPage = new PaymentLinkPortalLandingPage(page);
+  const summaryPage = new SummaryPage(page);
+
+  await paymentPage.fillContactInfo({
+    company: 'ABC PVT', first: 'Aditi', last: 'Kadam',
+    email: 'abc@gmail.com', phone: '9876543210'
+  });
+  const value = await paymentPage.getShopperName();
+  console.log(value);
+
+
+  await paymentPage.selectPaymentMethod('CARD');
+  await paymentPage.checkOrUncheckCheckbox(false);
+  await paymentPage.fillCardHolderName('Ron Dixit');
+  await paymentPage.fillCardDetails({cardNum: '5555555555554444',exp: '03/30',cvv: '737'
+  });
+
+
+  await paymentPage.fillBillingAddress({address: '123 Main Street',suite: 'Apt 10A',
+    city: 'New York',country: 'USA',state: 'NY-New York',
+    postalCode: '400708456'
+  });
+
+  const totalAmount = await paymentPage.getTotalAmount();
+  console.log(totalAmount);
+
+  await paymentPage.submitPayment();
+
+  const transactionId=await summaryPage.getTransactionId();
+  console.log('Transactio Id: ',transactionId)
+  AssertionUtils.verifyNotNull(transactionId);
+
+  const amount = await summaryPage.getAmount();
+  console.log('Amount:',transactionId)
+
+});

package/tests/paymentLinkPortal.spec.ts

@@ -0,0 +1,38 @@
+import { test, expect } from '@playwright/test';
+import { PaymentLinkPortalLandingPage } from '../src/pages/PaymentLinkPortalLandingPage';
+import { SummaryPage } from '../src/pages/summaryPage';
+import { AssertionUtils, GenerationUtils, PageUtils } from '@anddone/coretestautomation/dist';
+
+
+test('Complete Cad payment flow', async ({ page }) => {
+  await PageUtils.navigateTo(page, 'https://link.qat.anddone.com/#/jxbYaaLv')
+
+  const paymentPage = new PaymentLinkPortalLandingPage(page);
+  const summaryPage = new SummaryPage(page);
+
+  await paymentPage.selectPaymentMethod('CARD');
+
+  await paymentPage.fillCardHolderName(GenerationUtils.randomFullName());
+  await paymentPage.fillCardDetails({
+    cardNum: process.env.CC_NUMBER, exp: process.env.CC_EXPIRY, cvv: process.env.CC_CVV
+  });
+
+  await paymentPage.fillBillingAddress({
+    address: GenerationUtils.randomAddressLine(), suite: 'Apt 10A',
+    city: 'New York', country: 'USA', state: 'NY-New York',
+    postalCode: '12131'
+  });
+
+  const totalAmount = await paymentPage.getTotalAmount();
+  console.log(totalAmount);
+
+  await paymentPage.submitPayment();
+
+  const transactionId = await summaryPage.getTransactionId();
+  console.log('Transactio Id: ', transactionId)
+  AssertionUtils.verifyNotNull(transactionId);
+
+  const amount = await summaryPage.getAmount();
+  console.log('Amount:', amount)
+
+});

package/tsconfig.json

@@ -0,0 +1,40 @@
+// {
+//   "compilerOptions": {
+//     "target": "ESNext",
+//     "module": "NodeNext",
+//     "moduleResolution": "NodeNext",
+
+//     "strict": true,
+//     "skipLibCheck": true,
+
+//     "sourceMap": true,
+
+//     "esModuleInterop": true,
+//     "allowSyntheticDefaultImports": true,
+
+//     "types": ["node", "playwright"],
+//     "ignoreDeprecations": "6.0",
+
+//     "resolveJsonModule": true,
+
+//     "verbatimModuleSyntax": false,
+//     "isolatedModules": false
+//   }
+// }
+
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "CommonJS",
+    "rootDir": "src",
+    "outDir": "dist",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}