Playwright using TypeScript with AI - Web&API for beginners

Course is updated on 08-December-2025 with below concepts:

• Overview on AI

• Overview on LLM

• Overview on RAG

• Overview on Generative AI

• Overview on Memory

• Overview on AI Agent

• Overview on LangChain & LangGraph

• Overview on MCP Server

• Overview on Human In the loop , Hallucination & Guardrails

• Overview on Fine-Tuning

• Overview on Context

• Overview on Prompts

• ChatGPT vs CoPilot vs CURSOR

• Overview on OpenAI

• Overview on AI Models

• Overview on n8n workflow

• Generate API Key in OpenAI

• Create workflow in n8n

• Create Public Chat in n8n workflow

• Overview on OpenAI Tokens

• CURSOR - Create a Chrome Extension for Record & Playback

• CURSOR - Create an OTP Shield Mobile APP

• Generate Playwright test using Cursor Editor

Playwright Automation using TypeScript with AI from scratch

This course is designed for complete beginners in which we covered Web, API & AI automation.

If you are a complete beginner on Playwright or TypeScript this course helps you to master the tool. Very basic step by step videos to guide you from scratch

Get started with Playwright Automation .

Topics :

Introduction to Typescript & Configuration

Overview on GitHub Copilot & Configuration

TS - Hello world program

Primitive Datatypes with examples

Overview on Constants

Operators with examples

   Arithmetic Operator

   Assignment Operator

   Comparison Operator

   Logical Operator

   Ternary Operator

Overview on Conditional Statements

Switch Statements with example

Overview on loops - for , while, do-while & for-each with examples

String methods with examples

Overview on Array

Overview on Function

Function Overloading & Arrow Function

Rest Parameters

Tuple with examples

Overview on Class

Inheritance with example

Method Overriding

Overview on This & Super keyword

Constructor with Example

Access Modifiers with Examples

Overview on Module

Interface with example

var vs let with example

Overview on Playwright & installation using terminal & VSCode Extension

Create & Execute Playwright test

Debug Playwright test

Overview on Playwright configuration file

Execute Playwright test using VSCode extension & UI mode

Skip a test & ExecuteOnly options

Overview on Trace

Create a Playwright test for opening an application

Overview on locators with examples

Program to login to SauceDemo application

Page.getByRole() with example

Page.getByLabel() & Page.getByPlaceholder() with example

Page.getByTitle() & Page.getByText() with example

Page.getByAltText() & Page.getByTestId() with example

Other locators - CSS locator with examples

Overview on XPATH & Filtering with examples

Record Test using VSCode Extension | Codegen | page.pause()

Playwright Builtin Annotations

Overview on Group tests

Tag tests with example

Overview on Hooks with examples

Assertions

Overview on Auto Waiting

Overview on timeouts

How to handle text fields

How to get text from a button

How to handle Radio Buttons

How to handle Checkboxes

How to handle multiple checkboxes

How to Select value from Dropdown

How to Select values from Multi Select Dropdown

Handling Mouse Click, Type characters & Keys

Handling Frames

Handling Tooltips

Handling Drag & Drop

Handling Date Picker

Handling Webtables

How to handle Alert

Handling Auto Suggestions

How to upload files

How to capture Screenshot

How to capture videos

Execute Playwright test on Mobile Emulator

Handling Multiple Windows

Playwright configuration file - Parallel execution

E2E Scenario automation

Overview on built-in Reports with examples

Custom Reports - Allure

Overview on Page Object Model & example

Visual comparisons with examples

Overview on API & REST

GET, POST, PUT & Delete Request with examples

Reading Data from CSV File & JSON File

Handling Basic Authorization

Overview on GIT & Push Code

Overview on GitHub Actions

Overview on LLM, Prompt & MCP

Install Playwright MCP to VSCode

Create & Execute a program to launch bing using Playwright MCP

Create & Execute a program to login to saucedemo using Playwright MCP

Create Context using which Create a program to select radio button in bing

Create & Execute a program to handle multiple windows using Playwright MCP

Generate Manual Test cases by creating context

Playwright Agents Overview with example