Scribd
Upload
66 views5 pages

Playwright JS Course Planner-TestLeaf

The document outlines a comprehensive course planner for a Playwright JS course, covering topics from JavaScript fundamentals to advanced Playwright features. It includes sections on TypeScript, API requests, Object-Oriented Programming (OOP), and test runners, along with practical applications like CI integration and interview preparation. The course is structured to progressively build skills necessary for effective test automation using Playwright and TypeScript.

Uploaded by

dnr212000
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
66 views5 pages

Playwright JS Course Planner-TestLeaf

The document outlines a comprehensive course planner for a Playwright JS course, covering topics from JavaScript fundamentals to advanced Playwright features. It includes sections on TypeScript, API requests, Object-Oriented Programming (OOP), and test runners, along with practical applications like CI integration and interview preparation. The course is structured to progressively build skills necessary for effective test automation using Playwright and TypeScript.

Uploaded by

dnr212000
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Playwright JS Course Planner

Subject Topic
□ PW Introduction
□ JS Introduction and History
□ Variables
□ Data Types
Javascript Fundamentals □ Operators
□ Conditional Statements
□ Loops
□ Functions
□ Arrow Functions

□ Introduce asynchronous programming


□ Promise, Async, Await
□ Introduction to arrays
Javascript Fundamentals
□ Solve Array JS Problems
□ Introduction to string
□ Solve string JS Problems
□ Introduction to Typescript (TS)
Typescript Fundamentals □ Install and configure TS
□ Compile and Run TS

□ Understand Playwright architecture


□ Key Browser, Context, Page
□ Write a basic first test script
Get started with □ Selectors/Locators
Playwright □ Learn basic CSS syntax
□ Locate a DOM element (by title, by label, by role etc)
Get started with
Playwright

□ Write additional scripts and perform actions


□ Synchronization/Auto waiting
□ Assertions using expect library

□ Playwright Configuration
□ Headless/Headed mode
□ Debug failed test scripts
□ Multiple elements
Dig deeper into □ iframes
playwright □ Shadow DOM
□ Alerts
□ Keyboard/mouse actions

□ File upload / Download Tabs


□ Multiple Tabs / Windows

□ Typescript types
□ Type inference
□ Explicit types
Typescript □ Functions with type
□ Annotations
□ Enums in Type
□ Type assertion

Playwright Advanced □ Handle Multi Page and user context

□ Reading Data from (.env file, json file, csv files)


□ Storage state (Skip Login)
□ Persistent context

Playwright Advanced
□ Test suite Structure
□ Reporter
Playwright Advanced □ Trace Viewer
□ Video Capture
□ Device Emulation
□ Geolocation
□ Console Logs

□ Code Gen Basics


Playwright Features □ Playwright Inspector
□ Visual Testing
□ API Fundamentals
□ RestFul API Payloads and Verbs
API Requests / Responses □ Request context
□ Build API requests
□ Parse API responses
□ Network interceptions

□ Classes in TS
□ Constructor
OOPS for □ Access modifiers
Playwright
□ OOPS principles
□ OOPS implementations in Project

□ Introduction to Page Object Model


□ Refactor existing script with POM
□ Implement Page actions
Paject Object Model
□ Design Base Page
□ Implement Wrapper methods
□ Refactoring and Best Practices
□ Implement Exception Handling
Page Object Model □ Add Pages,Tests
□ Debug and Execute Tests
□ Introduction to Test runner
□ Grouping
□ Filtering
□ Skipping
□ Only keyword
Test Runner
□ Test level configuration

□ Test Retry
□ Overriding config at Test & Project Level
□ Test Parameterization

□ Test Suite
□ Test Steps
□ Cross browser testing
□ Show Reports
Test Runner/ Reporter
□ Global Setup/ Tear downs
□ Implement custom reporters
□ Framework Best Practices

□ GIT Basic Commands


□ Clone repo from GitHub
□ Add GitHub action
CI Integration □ Execute E2E pipeline
□ Clone repo from GitLab
□ Add GitLab file
□ Execute E2E pipeline

Interview Prep □ Interview Prep Guidelines and Next Steps

You might also like