API and UI Test Automation with Playwright

This project demonstrates an automation framework using Playwright for both API and UI testing. It automates interactions with two systems:

1. Restful Booker API: Manages bookings via a REST API, testing CRUD operations. You can access the API here.
2. Swag Labs Web Application: A sample e-commerce platform for automating UI tests such as login, product management, and checkout. You can access the web app here.

Test Coverage

API Tests

• Restful Booker API:
  • Create Booking: Validates that a booking can be successfully created via the API.
  • Get Booking: Verifies that a booking can be retrieved after creation.
  • Delete Booking: Ensures that a booking can be deleted correctly.
  • Patch Booking: Tests partial updates on booking details.
  • Put Booking: Verifies the ability to update a booking completely.

UI Tests

• Swag Labs Web App:
  • Login: Verifies user login functionality with valid credentials (Standard user) and invalid credentials (Locked-out user).
  • Checkout Process: Automates the product selection, checkout, and payment flow, ensuring the user can complete a purchase and see the order confirmation message.
  • Product Management: Validates adding products to the cart, removing products from the cart, and verifying cart contents.
  • Product Sorting: Ensures products can be sorted by price (low to high and high to low).
  • Checkout Details: Verifies that the user can view payment, shipping, and total price information before completing the checkout.

How-to Tests

These tests demonstrate how to automate common actions and interact with various web elements:

• Alert Handling: Automates accepting or dismissing alerts.
• Drag and Drop: Simulates moving elements between areas.
• File Upload and Download: Tests uploading and downloading files.
• Iframe Interaction: Handles elements inside iframes.
• New Page Handling: Manages new tabs.
• Table Interaction: Automates editing and submitting table data.

Project Structure

.
├── package.json
├── playwright.config.ts
├── README.md
├── test-results
│   └── TEST-playwright.xml
└── tests
    ├── how-to
    │   ├── config.ts
    │   ├── dependencies
    │   │   └── sampleJPG.jpg
    │   ├── handleAlert.spec.ts
    │   ├── handleDragAndDrop.spec.ts
    │   ├── handleIframe.spec.ts
    │   ├── handleNewPage.spec.ts
    │   ├── handleTable.spec.ts
    │   └── handleUploadDownloadFile.spec.ts
    │   └── sites.config.ts
    ├── restful-booker
    │   ├── config.ts
    │   ├── helpers
    │   │   └── ApiHelpers.ts
    │   ├── restfulBooker.spec.ts
    │   ├── sites.config.ts
    │   └── test-data
    │       ├── booking.ts
    │       └── updateBooking.ts
    └── swag-labs
        ├── checkoutProcess.spec.ts
        ├── config.ts
        ├── fixtures
        │   └── swagLabsPagesTest.ts
        ├── login.spec.ts
        ├── pages
        │   ├── CheckoutPage.ts
        │   ├── InventoryPage.ts
        │   └── LoginPage.ts
        ├── productSorting.spec.ts
        ├── sites.config.ts
        ├── types
        │   └── inventory.d.ts
        └── utils
            └── clickAndExpectToBeVisible.ts

Contributing

Your contributions are always welcome! Collaboration helps us all grow together!