Basics of JavaScript for Playwright

Duration: 7 to 8 Hours

Course Overview

This course introduces JavaScript as a prerequisite for automation testing with Playwright. You will learn:

The fundamental constructs of JavaScript
How to manipulate web page elements
Essential JavaScript functions for automation

Course Objectives

Understand the types of applications that can be built using JavaScript
Learn key JavaScript concepts such as arrays, loops, and variables
Apply JavaScript knowledge in automation testing with Cypress

Course Agenda

JavaScript Basics for Automation

✔ Introduction to JavaScript
✔ Variables and Data Types
✔ Conditional Statements
✔ Loops
✔ Functions & Arrow Functions
✔ Objects & Working with Objects
✔ Arrays & Working with Arrays
✔ Strings & Working with Strings
✔ Numbers & Working with Numbers
✔ Class, Constructor & Static Methods
✔ Object-Oriented Programming (OOPs)
✔ Synchronous vs Asynchronous Programming
✔ Callbacks, Promises, Async & Await

Playwright Automation Testing Course

Version: 1.49.1
Trainer: G Thimmaraju
Course Code: Playwright
Provider: DBS QA Technologies

Course Summary

This course provides an in-depth understanding of the Playwright Automation Tool, covering:
✔ Setting up and running Playwright tests
✔ Playwright Hooks, Grouping, Tags, and Annotations
✔ Page Object Model (POM)
✔ Web element interactions (Checkboxes, Dropdowns, Alerts, File Uploads)
✔ Reporting (Video Reports, HTML Reports, Allure Reports)
✔ API Testing Integration & BDD Cucumber

Learning Outcomes

✅ Build fast & reliable automation tests for web applications using Playwright
✅ Gain hands-on experience in Playwright framework design
✅ Understand Playwright components, reporting, and debugging tools
✅ Learn JavaScript fundamentals essential for Playwright automation
✅ Develop Playwright BDD Cucumber and Mocha Frameworks

Playwright Course Content

Introduction to Playwright

Benefits of Automation & When to Automate
Comparison: Selenium vs Playwright vs Cypress
Understanding Playwright Architecture & Features
Installation & Environment Setup (NodeJS, GitBash, VS Code)

Playwright Fundamentals

Running Playwright Tests (Command Line & GUI)
Playwright Test Runner & Project Structure
Playwright API & Key Commands (Goto, Click, Type, Fill)
Playwright Hooks, Test Grouping, Tags & Annotations
Assertions & Web-first Assertions

Handling Web Elements

Locators: XPath, CSS, and Built-in Playwright Locators
Working with Checkboxes, Radio Buttons, Dropdowns
Handling Alerts, File Uploads & Downloads
Handling Tables, Iframes, Shadow DOM Elements
Mouse Actions: Drag & Drop, Scroll, Double Click

Test Execution & Configuration

Running Tests in Multiple Browsers (Chrome, Firefox, Webkit)
Playwright Inspectors, Trace Viewers & Codegen Tools
Parallel & Cross-Browser Testing
Configuring Timeouts & Synchronization
Screenshots, Video Recordings & Session Storage

Advanced Playwright Features

API Testing (GET, POST, PUT, DELETE)
Network Interception (Spying, Stubbing, Mocking)
Playwright with Cucumber BDD
Data-Driven Testing using Excel to JSON
Playwright Debugging (Trace Mode, Inspector, Console Logs)

CI/CD & Reporting

Playwright Integration with GitHub Actions
Inbuilt Reports & Allure Reports
Pushing & Pulling Test Frameworks to GitHub

Additional Resources

📌 Official Playwright Docs: https://playwright.dev/
📌 Cucumber BDD Docs: https://cucumber.io/
📌 Community Support: Discord, StackOverflow, YouTube Tutorials