Description
In this course, you will :
- JavaScript principles for novices are required to automate in the Playwright.
- How to set up Playwright from scratch, run and debug tests, and analyze test results.
- How to find any web element on a website using Playwright best practices.
- How to interact with various UI components, including input fields, radio buttons, check boxes, lists, tooltips, date pickers, web tables, sliders, and iFrames.
- What is the Page Object Model, and how do you organize test code using it?
- How to use APIs in Playwright: API mimicking, API queries, API call interception, shared authentication, and API authentication.
- Advanced topics include global setup and teardown, visual testing, mobile device emulation, fixtures, environment variables, and test execution in Docker containers.
Syllabus:
1. JavaScript Fundamentals
- Hello World
- Variables, Constants and Data Types
- Concatenation and Interpolation
- Objects and Arrays
- Relational and Equality Operators
- Logical Operators
- Conditional Statements
- Loops
- Functions
- Class and Methods
- TypeScript vs JavaScript
2. Playwright Hands-On Overview
- Playwright Installation
- Test Execution with CLI
- Test Execution with UI
- Trace View and Debug
- Tests Structure
- Hooks and Flow Control
3. Interaction with Web Elements
- DOM Terminology
- Locator Syntax Rules
- User-Facing Locators
- Child Elements
- Parent Elements
- Reusing Locators
- Extracting Values
- Assertions
- Auto-Waiting
- Timeouts
4. UI Components
- Input Fields
- Radio Buttons
- Checkboxes
- Lists and Dropdowns
- Tooltips
- Dialog Boxes
- Web Tables (Part 1)
- Web Tables (Part 2)
- Date Picker (Part 1)
- Date Picker (Part 2)
- Sliders
- Drag & Drop with iFrames
5. Page Object Model
- What Is Page Objects
- First Page Object
- Navigation Page Object
- Locators in Page Objects
- Parametrized Methods
- Date Picker Page Object
- Page Objects Manager
- Page Objects Helper Base
6. Working with APIs
- What is API
- Setup New Project
- Mocking API
- Modify API Response
- Perform API Request
- Intercept Browser API Response
- Sharing Authentication State
- API Authentication
7. Advanced
- NPM Scripts and CLI Commands
- Test Data Generator
- Test Retries
- Parallel Execution
- Screenshots and Videos
- Environment Variables
- Configuration File
- Fixtures
- Project Setup and Teardown
- Global Setup and Teardown
- Test Tags
- Mobile Device Emulator
- Reporting
- Visual Testing
- Vistual Testing with Applitools (Part 1)
- Vistual Testing with Applitools (Part 2)
- Playwright with Docker Container
- GitHub Actions and Argos CI