Add "Checkout Process" and "Purchase Confirmation" tests. Added a new page object to support address validation. Updated test-plan.md.

Author: destrutoyt

docs/test-plan.md

@@ -1,6 +1,6 @@
 # Test Plan for AutomationPractice by Miguel Garces
 *Project Owner: Miguel Garces*  
-*Latest Revision: 8/13/2025*
+*Latest Revision: 8/19/2025*
 
 ## Project Overview
 This project performs end-to-end testing to the demo website [Automation Exercise](https://automationexercise.com/). It extensively covers major user flows such as login/registration, product filtering, checkout, and API functionality.
@@ -33,9 +33,9 @@ This project performs end-to-end testing to the demo website [Automation Exercis
 | Product Search & Filters | UI | ✅ | Filter by category and other options available |
 | Product Preview | UI | ✅ | Verifies product information is matches with listing |
 | Add to Cart | UI + Validation | ✅ | Validates product is in the cart |
-| Checkout Process | UI | 🔄 | N/A |
-| Purchase Confirmation | UI + Validation | 🔄 | Ensure successful purchase and verify product is found in "Orders" |
-| Contact Form | UI + Form Validation | ⏳ | N/A |
+| Checkout Process | UI | ✅ | N/A |
+| Purchase Confirmation | UI + Validation | ✅ | Ensure successful purchase and verify product is found in "Orders" |
+| Contact Form | UI + Form Validation | 🔄 | N/A |
 | User Login (POST) | API | ⏳ | N/A |
 | Get Products (GET) | API | ⏳ | N/A |
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "qa-automation-automationexercise",
-	"version": "2.3",
+	"version": "2.4",
 	"description": "QA automation project showcasing UI, API, and visual tests for AutomationExercise. Integrated with Docker, Allure, and CI/CD pipelines.",
 	"main": "index.js",
 	"directories": {

page-objects/AddressValidation.ts

@@ -0,0 +1,59 @@
+import { Page, Locator } from "@playwright/test";
+
+export class AddressValidation {
+  private page: Page;
+
+  // Locators
+  private fullNameLocator: Locator;
+  private addressLines: Locator;
+  private cityStateZipLocator: Locator;
+  private countryLocator: Locator;
+  private phoneLocator: Locator;
+
+  // Properties to hold normalized values
+  fullname = '';
+  firstName = '';
+  lastName = '';
+  address1 = '';
+  address2 = '';
+  city = '';
+  state = '';
+  zipcode = '';
+  country = '';
+  mobileNumber = '';
+
+  constructor(page: Page) {
+    this.page = page;
+
+    this.fullNameLocator = page.locator("#address_delivery li.address_firstname.address_lastname");
+    this.addressLines = page.locator("#address_delivery li.address_address1.address_address2");
+    this.cityStateZipLocator = page.locator("#address_delivery li.address_city.address_state_name.address_postcode");
+    this.countryLocator = page.locator("#address_delivery li.address_country_name");
+    this.phoneLocator = page.locator("#address_delivery li.address_phone");
+  }
+
+  /**
+   * Load and normalize address data from the page.
+   */
+  async load() {
+    await this.page.waitForSelector("#address_delivery");
+
+    const fullNameRaw = (await this.fullNameLocator.textContent()) ?? '';
+    this.fullname = fullNameRaw.replace(/^(Mr\.|Mrs\.|Miss\.|Ms\.)\s*/i, '').trim();
+    [this.firstName, this.lastName] = this.fullname.split(' ');
+
+    const address1Raw = (await this.addressLines.nth(1).textContent()) ?? '';
+    const address2Raw = (await this.addressLines.nth(2).textContent()) ?? '';
+    this.address1 = address1Raw.trim();
+    this.address2 = address2Raw.trim();
+
+    const cityStateZipRaw = (await this.cityStateZipLocator.textContent()) ?? '';
+    const parts = cityStateZipRaw.trim().split(/\s+/);
+    this.zipcode = parts.pop() ?? '';
+    this.state = parts.pop() ?? '';
+    this.city = parts.join(' ') ?? '';
+
+    this.country = ((await this.countryLocator.textContent()) ?? '').trim();
+    this.mobileNumber = ((await this.phoneLocator.textContent()) ?? '').trim();
+  }
+}

playwright.config.ts

@@ -16,8 +16,8 @@ export default defineConfig({
   testDir: './tests',
   fullyParallel: true,
   retries: 1,
-  workers: 10,
-  timeout: 30 * 1000, // Maximum time one test can run for (30 seconds)
+  workers: 3,
+  timeout: 60 * 1000, // Maximum time one test can run for (30 seconds)
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: 'allure-playwright',
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */

tests/cart-checkout.spec.ts

@@ -1,17 +1,21 @@
 import { test, expect } from '@playwright/test'
 import { UserLogin } from '../page-objects/Login'
-import { ProductTypes } from '../utils/types/productTypes'
+import { RegistrationTypes, ProductTypes } from '../utils/types/'
 import products from '../utils/fixtures/productData.json'
+import registrationData from '../utils/fixtures/registrationData.json'
+import { AddressValidation } from '../page-objects/AddressValidation'
 
-const productData: ProductTypes[] = products.products
+
+export const productData: ProductTypes[] = products.products
+export const userData: RegistrationTypes = structuredClone(registrationData)
 
 test.beforeEach(async ({ page }) => {
 	const userLogin = new UserLogin(page)
 	await userLogin.autoLogin() // Uses predefined credentials from loginData.json. Manual login with provided credentials is available.
 	await page.goto('/products')
 })
 
-test.only('@CART - Add product to cart and validate it', async ({ page }) => {
+test('@CART - Add product to cart and validate it', async ({ page }) => {
 
     const cartTable = page.locator('#cart_info_table tbody');
     let productID : number = productData[0].id;
@@ -24,4 +28,48 @@ test.only('@CART - Add product to cart and validate it', async ({ page }) => {
     // Goes to "View Cart" and confirms product is in cart
     await page.click('.modal-content a[href="/view_cart"]')
     await expect(cartTable.locator(`tr#product-${productID}`)).toBeVisible() // getByText() can cause issues if one or more items are named "Blue Top"
+})
+test('@CART - Checkout process', async ({ page }) => {
+
+    // Proceed to checkout
+    await page.click('a[href="/view_cart"]');
+    await page.getByText("Proceed To Checkout").click();
+
+    // Confirm address details
+    // Raw Data
+    const addressValidator = new AddressValidation(page);
+    await addressValidator.load();
+
+    expect(addressValidator.fullname).toBe(userData.name);
+    expect(addressValidator.address1).toBe(userData.address.address);
+    expect(addressValidator.address2).toBe(userData.address.address2);
+    expect(addressValidator.city).toBe(userData.address.city);
+    expect(addressValidator.state).toBe(userData.address.state);
+    expect(addressValidator.zipcode).toBe(userData.address.zipcode);
+    expect(addressValidator.country).toBe(userData.address.country);
+    expect(addressValidator.mobileNumber).toBe(userData.address.mobile_number);
+
+    // Validate order
+    const cartTable = page.locator('#cart_info tbody');
+    let productID : number = productData[0].id;
+    await expect(cartTable.locator(`tr#product-${productID}`)).toBeVisible() // getByText() can cause issues if one or more items are named "Blue Top"
+
+    // Place order
+    await page.getByText("Place Order").click();
+
+    // Insert card details
+    await page.fill('[data-qa="name-on-card"]', userData.name);
+    await page.fill('[data-qa="card-number"]', '4111111111111111');
+    await page.fill('[data-qa="expiry-month"]', '12');
+    await page.fill('[data-qa="expiry-year"]', '2025');
+    await page.fill('[data-qa="cvc"]', '123');
+
+    // Submit order
+    await page.click('[data-qa="pay-button"]');
+
+    // Wait for URL to load and validates
+    await page.waitForURL('https://automationexercise.com/payment_done/500');
+
+    // Validates order placement
+    expect(page.locator('[data-qa="order-placed"]')).toBeVisible();
 })