Playwright
  • Introduction
    • Playwright With TS
  • Automation the right things with Playwright
  • Setup
    • Setting Up Your Environment
    • Typescript fundamental
    • Setup Playwright TS Project in VS code
    • Record and Playback with Code Generation using VS Code Playwright Extension
    • Record and Playback using Playwright Codegen with Inspector
  • Playwright config file
  • Implement Test Cases
    • Open Browser
    • Fake Geolocation
    • Form Authentication
    • Checkboxes
    • Dropdown
    • Hyperlink
    • Web Table
    • Drag Drop
    • Frame
    • Horizontal Slide
    • Context Click - Right Click
  • Hover
  • Take Screenshot
  • Automatic screenshots on failure:
  • Page Object Model
    • Understanding the Page Object Model pattern
  • Implementing POM with Login Page
  • Combine POM with Playwright Fixture
  • API Testing
    • API Docs
  • GET
  • API POST
  • PUT
  • DELETE
  • CI/CD And Reporting
    • Setup Allure Report
    • Run in Github Actions
  • Playwright & AI
    • Debug & Generate Playwright Tests with AI
Powered by GitBook
On this page
  • Playwright and TypeScript Automation Testing Course with Practice Project
  • Course Overview
  • Prerequisites
  • Tools
  • Learning Outcomes
  1. Introduction

Playwright With TS

NextAutomation the right things with Playwright

Last updated 1 month ago

Playwright and TypeScript Automation Testing Course with Practice Project

Course Overview

This 8-session course (3 hours per session) guides participants in building an automation testing project from scratch using Playwright and TypeScript. The project targets the practice website . Each session includes hands-on exercises, step-by-step instructions, and checks to ensure progress. By the end, participants will deliver a complete automation suite with maintainable tests, CI/CD integration, and detailed reporting.

Prerequisites

  • Programming Skills:

    • Intermediate JavaScript: ES6+ (arrow functions, promises, async/await).

    • Basic TypeScript: Types, interfaces, tsconfig.json.

    • OOP: Classes, objects, inheritance.

    • Asynchronous programming: Promises, async/await.

    • Command-line basics: npm, git.

  • Other:

    • Web basics: HTML, CSS, DOM.

    • Git: Cloning, committing, pushing.

    • Laptop with internet.

    • GitHub account.

Tools

  • Node.js (LTS)

  • VS Code

  • Playwright

  • TypeScript

  • Git

  • GitHub Actions

  • Allure Reporting

Learning Outcomes

  • Build a Playwright and TypeScript automation project.

  • Write scalable tests using POM.

  • Test dynamic content and APIs.

  • Integrate with CI/CD.

  • Generate professional reports.

the-internet.herokuapp.com
Page cover image