End-to-End Automation with Playwright and TypeScript: From Fundamentals to Framework Design – Live Training
Master Automation with Playwright & TypeScript!
This beginner-friendly course guides you through UI and API automation using Playwright, integrated with TypeScript. Build robust frameworks, write effective test scripts, and integrate with CI/CD pipelines. Perfect for aspiring Automation Test Engineers—no coding background needed!
About the Instructor:
|
Cyril is a seasoned Test Automation Engineer with over 8+ years of industry experience, specializing in modern web automation using TypeScript and Playwright. Having successfully trained more than 180+ professionals, he is known for delivering hands-on, project-driven learning experiences that bridge the gap between theory and real-world QA practices. This course, designed and led by the trainer, is built to take learners from TypeScript fundamentals—including variables, types, functions, interfaces, and classes—all the way to advanced automation topics like browser context handling, network interception, and CI/CD integration. With deep technical expertise, the trainer guides students through the Playwright framework, focusing on locators, page interactions, waits, assertions, and parallel execution. The training also emphasizes framework design using the Page Object Model (POM), building reusable components, integrating with tools like GitHub Actions, and generating reports and debugging output. Learners complete a capstone project to apply their knowledge in real-world scenarios and benefit from mock interviews and Q&A sessions to prepare for technical roles. With a focus on practical skills and industry alignment, this course ensures participants are ready to take on modern automation challenges with confidence. |
Sample Videos:
“End-to-End Automation with Playwright and TypeScript: From Fundamentals to Framework Design”-Day 1 Video
Live Sessions Price:
For LIVE sessions – Offer price after discount is 129 USD 109 89 USD Or USD15000 INR 9900 INR 6900 Rupees.
OR
Free Day 2 On:
18th July @ 7:30 AM – 8:30 AM (IST) (Indian Timings)
17th July @ 10 PM – 11 PM (EST) (U.S Timings)
18th July @ 3 AM – 4 AM (BST) (UK Timings)
Class Schedule:
For Participants in India: Monday to Friday @ 7:30 AM – 8:30 AM (IST)
For Participants in US: Sunday to Thursday @ 10 PM – 11 PM (EST)
For Participants in UK: Monday to Friday @ 3 AM – 4 AM (BST)
What student’s have to say about Trainer :
| Sandeep Excellent course! The instructor breaks down complex concepts into simple, practical steps, making it easy to grasp and apply in real-world automation projects. Rathod Smitha Priya Rajan Rajesh Patil Meenakshi |
Pre-requisite :
Willingness to learn, no coding background required. Course is designed for absolute beginners
What will I Learn by the end of this course?
- Understand TypeScript Fundamentals
- Grasp the core concepts of TypeScript, including types, interfaces, functions, and classes, to build a solid programming foundation.
- Set Up and Configure a Playwright Environment
- Install and configure Playwright with TypeScript to start writing end-to-end automation tests.
- Write Effective UI Automation Scripts
- Use Playwright’s powerful locator strategies and APIs to interact with web elements and automate complex user interactions.
- Work with Web Elements, Frames, and Events
- Handle real-world web automation challenges such as dropdowns, alerts, frames, popups, and more.
- Perform API Testing and Mocking with Playwright
- Intercept network calls, validate API requests/responses, and simulate backend behavior using mocks.
- Implement Test Automation Best Practices
- Apply best practices like Page Object Model (POM), modular design, and robust assertions for maintainable test suites.
- Generate Reports and Debug Tests
- Capture screenshots, videos, and traces to analyze test failures and generate insightful test reports.
- Integrate Tests into CI/CD Pipelines
- Configure and run Playwright tests in continuous integration tools like GitHub Actions or GitLab CI.
- Build a Mini Framework
- Develop a lightweight test automation framework combining UI and API testing, showcasing the full capabilities of Playwright with TypeScript.
- Prepare for Automation Roles and Interviews
- Get exposure to real-world testing scenarios and prepare for interviews with code-based exercises and mock Q&A sessions.
Salient Features:
- 25 Hours of Live Training along with recorded videos
- Lifetime access to the recorded videos
- Course Completion Certificate
Who can enroll in this course?
- Beginners with no coding background
- Manual testers looking to switch to automation
- Freshers aiming to start a career in testing
- Developers interested in test automation
- Anyone who wants to learn Playwright with TypeScript from scratch
Course syllabus:
Module 1: TypeScript Fundamentals (6 hrs)
– Introduction to TypeScript
- What is TypeScript and Why Use It?
- Installing js & TypeScript
- Setting up TypeScript project
– Variables, Types, and Operators
- Basic types (string, number, boolean)
- Arrays, Tuples, Enums
- Type inference and type assertions
– Functions and Scope
- Function syntax and return types
- Optional/default parameters
- Arrow functions
- Scope & closures
– Objects and Interfaces
- Defining object types
- Interfaces types
- Optional and readonly properties
– Classes and Inheritance
- Class basics
- Constructors, access modifiers
- Inheritance and interfaces
– Modules and Compilation
- Import/export
- json
- Compiling TypeScript
- Integrating with js
Module 2: Introduction to Playwright (4 hrs)
– Getting Started with Playwright
- What is Playwright?
- Installing Playwright
- Project structure and configuration
– First Test Script
- Writing your first Playwright script
- Launching browsers (Chromium, Firefox, WebKit)
- Locators and page interactions
– Debugging and Tracing
- Debugging with `debug` mode
- Tracing and screenshot/video capture
Module 3: Core Playwright Concepts (7 hrs)
– Locators Deep Dive
- Understanding Locator strategies
- Best practices for reliable locators
– Element Interactions
- Click, fill, check, hover, drag & drop
- Mouse actions
- Keyboard actions
- File uploads and downloads
– Assertions
- `expect` library
- Soft hard assertions
– Waits and Timeouts
- Auto-waiting mechanism
- Handling dynamic content
- `waitForSelector`, `waitForLoadState`
– Browser Contexts and Pages
- Browser context vs. page
- Isolated test sessions
– Test Hooks & Parallelism
- Setup/teardown
- Running tests in parallel
- Using `beforeAll`, `afterEach`
Module 4: Advanced Playwright Features (7 hrs)
– Handling Web Elements
- Dropdowns, checkboxes, radio buttons
- Alerts and popups
– Frames and iFrames
- Working with nested frames
- Selecting elements inside frames
– Network Interception & Mocking
- Mocking API responses
- Logging network traffic
- Request/response interception
– Authentication Handling
- Login scenarios
- Storage state reuse for sessions
– File Handling
- Download validations
- Upload simulations
– Playwright Test Runner
- Writing test cases with Playwright Test
- Configuration (playwright.config.ts)
- Grouping tests with `describe`
Module 5: Framework Design & Best Practices (6 hrs)
– Page Object Model (POM)
- Creating reusable page classes
- Organizing test code
– Reporting and Debugging
- Using HTML reports
- Debug with VSCode
- Screenshot/video generation
– CI/CD Integration Basics
- GitHub Actions
- Gitlab pipelines scheduling jobs
- Running Playwright in pipelines
– Best Practices & Patterns
- Test data handling
- Retry strategies
- Environment management
Module 6: Capstone Project & Review (5 hrs)
– Mini Framework Development
- Build a small test framework using POM
- Automate 2-3 test scenarios (e.g., login, search, form submit)
– Review & Mock Interview
- Review all key concepts
- Sample interview questions
- Feedback and Q&A session