Skip to main content

Section outline

    • Introduction to Playwright & Architecture
    • Setting up Playwright with TypeScript
    • Understanding Playwright Spec File Structure
    • Creating & Running Basic Playwright Tests
    • Running Tests in Headless/UI Mode
    • Debugging Playwright Tests (Inspector, Pause, HTML Reports)

    Hands-on Lab: Running Playwright tests across multiple browsers.

        • Recording Tests using Codegen
        • Locators & Object Identification (CSS & XPath)
        • Interacting with UI Elements (Click, Type, Retrieve Text)
        • Tracing Feature for Debugging & Execution Analysis
        • Handling Dynamic Dropdowns & Traversing Child Elements

    • Hands-on Lab: Automating complex UI interactions.
    • Mouse Actions & Synchronization Techniques
    • Assertions (Hard & Soft Assertions)
    • Testing Mobile & Localized Web Pages
    • Viewport Simulation & Notification Permissions
    • Playwright Hooks & Execution Status Tracking
    • Data-Driven Testing with CSV, Arrays, & Environment Variables

    Hands-on Lab: Implementing data-driven Playwright test scenarios.

    • Handling Browser Popups, Frames & Alerts
    • Page Object Model (POM) Implementation
    • Validating Local Storage, Session Storage & Cookies
    • API Testing with Playwright (Validating Embedded REST APIs)
    • Re-running Failed Tests & Visual Testing
    • Performance Testing with Playwright
      • Validating Page Load Time & Resource Performance

    Hands-on Lab: Building an end-to-end Playwright API & Performance test suite.

    • Introduction to BDD & Gherkin Syntax
    • Setting up CucumberJS with Playwright
    • Writing Feature Files & Step Definitions
    • Implementing Playwright Hooks inside Cucumber
    • Generating Playwright Cucumber HTML Reports
    • Executing Playwright Tests via Jenkins CI/CD
    • Final Case Study: End-to-End Playwright Automation Framework

    Hands-on Lab: Running Playwright tests in a CI/CD pipeline (Jenkins integration).