Playwright with JavaScript
Build expertise in Playwright with JavaScript, enabling you to create robust, fast, and cross-browser automation scripts for web applications.
- Create scalable test scripts using Playwright.
- Test modern web applications across multiple browsers.
- Learn automation debugging and error handling.
- Optimize performance through parallel test execution.
4.9 (146 reviews)
Created
Mohit
Level
Beginner
Duration
120 Hours
Lessons
3 Video
Webinar
4 Hours
Course Content
Introduction to JavaScript Basics
- Variables (var, let, const)
- Data types (String, Number, Boolean, etc.)
- Operators (arithmetic, comparison, logical)
- Conditional statements (if, else, switch)
- Loops (for, while, do-while)
Functions in JavaScript
- Function declarations and expressions
- Arrow functions
- Callback functions
Error Handling in JavaScript
- try, catch, finally
- Common JavaScript errors
DOM Manipulation
- Accessing elements (getElementById, querySelector)
- Modifying HTML and CSS dynamically
- Event handling (click, change, etc.)
Asynchronous JavaScript
- Promises and .then
- Async/Await
- Fetch API
Modern JavaScript (ES6+)
- Template literals
- Destructuring
- Spread/rest operators
- Modules (import/export)
Introduction to Testing
- Software testing basics (Unit, Integration, End-to-End)
- JavaScript testing frameworks (e.g., Jest)
- Writing basic test cases
Debugging
- Debugging with browser developer tools
- Debugging JavaScript in VS Code
Playwright Curriculum for Software Testers (JavaScript)
Introduction to Playwright
- Overview of Playwright
- Differences between Playwright, Selenium, and Cypress
- Installing Playwright (npm init playwright@latest)
Setting Up the Environment
- Installing Node.js and npm
- Initializing a Playwright project (npm init)
- Project structure in Playwright
- Configuring playwright.config.js
Core Concepts of Playwright
- Launching browsers (Chromium, Firefox, WebKit)
- Browser contexts and incognito mode
- Pages and navigation
- Basic browser interactions (click, type, wait)
Locators and Selectors
- Types of locators (CSS, XPath, text, role-based locators)
- Using Playwright’s locator strategy (locator())
- Handling dynamic elements
Assertions in Playwright
- Using built-in Playwright assertions (toBeVisible, toHaveText, etc.)
- Custom assertions for specific scenarios
Handling UI Interactions
- Working with forms (fill, select, check, uncheck)
- File uploads and downloads
- Handling popups and dialogs
- Mouse and keyboard events
Wait Mechanisms
- Explicit waits (waitForSelector, waitForTimeout)
- Handling timeouts effectively
- Using Playwright’s auto-wait mechanism
Test Automation Framework Setup
- Creating a folder structure for tests (tests, fixtures, utils)
- Reusable helper functions
- Integrating Page Object Model (POM) design pattern
- Parameterizing tests using data-driven techniques
Advanced Features of Playwright
- Working with iframes
- Handling multiple tabs/windows
- Capturing screenshots and videos
- Capturing network requests and mocking API responses
Running Tests in Playwright
- Running tests locally (npx playwright test)
- Configuring headless and headed modes
- Parallel test execution
- Filtering and grouping tests
Reporting and Logs
- Generating HTML test reports
- Configuring Playwright Test Reporter
- Analyzing test logs and error screenshots
Cross-Browser and Cross-Platform Testing
- Running tests on different browsers
- Testing on mobile emulation and devices
- Configuring tests for CI/CD pipelines (e.g., GitHub Actions, Jenkins)
Debugging in Playwright
- Using the Playwright Inspector tool
- Debugging with VS Code
- Tracing test execution with Playwright Trace Viewer
Integrating with Frameworks and Tools
- Integrating Playwright with Jest/Mocha for unit and integration tests
- Using Allure for advanced reporting
- Continuous Integration setup with Playwright
Download Course Brochure
Sign up and start learning today
Flexibility in Planning and Teaching
Theoretical Knowledge
Adipiscing bibendum est ultricies integer. Magnis dis parturient montes nascetur ridiculus mus mauris
Practical Skills
Facilisi nullam vehicula ipsum a arcu cursus vitae. Interdum velit laoreet id donec ultrices tincidunt arcu
Sessions with Mentors
Lectus magna fringilla urna porttitor rhoncus dolor purus non. Orci dapibus ultrices in iaculis