Topics:
TypeScript Introduction
Async/await, HTML & CSS
• Introduction to Playwright
• Installing Playwright
• Initializing Playwright project
• Understanding project structure
• Writing first test
• Running tests (headless/headed mode)
• Running specific tests & multiple tests
• UI Mode overview
Playwright Locators
• getByText, getByRole, getByLabel
• locator(), page.locator()
Basic Actions
• Typing text, clicking buttons
• Handling radio buttons, checkboxes
• Dropdown
• Tooltips
iFrames
• Locating elements inside iframes
Capture Text of the Elements
• innerText() vs textContent()
• allInnerTexts() vs allTextContents()
• all() Method
Dialogs, Windows & Tabs
• Handling alerts, prompts, confirm dialogs
• Switching between tabs/windows
Mouse Actions
• Hover, right-click, double-click, drag & drop
Scrolling
• Scrolling to elements
• Infinite scrolling techniques
File Upload & download
ShadowDOM
WebTables
GeoLocation
Browser Context & Pages
• Working with new contexts
• Multi-tab and isolated sessions
Auto-waiting, Timeouts & Assertions
• Auto-waiting mechanism
• Test and Expect Timeouts
• Assertions (Auto-retrying & Non-retrying assertions)
Record the tests (Test Generator/Codegen)
• Record the tests using Codegen
• Identify locators in Codegen
• Modifying generated tests
Debugging tests
• Live debugging, editing locators
• Run in Debug Mode
• Picking a Locator
Screenshots & Videos
• Capturing screenshots
• Recording test runs
• Viewport
Tracing with Trace Viewer
• Enabling tracing
• opening trace files for debugging
• Retries and handle Flaky tests
Mid Assessment
Grouping Tests & Hooks
• grouping tests with describe()
• Hooks - beforeAll, afterAll, beforeEach, afterEach
• Annotations – only, skip, fail, fixme, slow
• Tagging Tests
Parallel Test Execution
• Setting parallelism in config
• Worker-level isolation & Limiting workers
• Running tests in spec file parallel
• Running spec files in a folder in parallel
Authentication using StorageState
Reporting
• Default reports
Page Object Model (POM)
• Creating reusable page classes
• Encapsulating page actions
• End-to-end Scenario implementation using POM, Data Driven and Fixtures
API Testing with Playwright
• Rest API Testing - Get, POST, PUT, DELETE
• Post using .json payloads
Playwright AI :
Integrating Playwright MCP Server with Claude AI
• Playwright MCP configuration in VS Code and generate testscripts
• Using Playwright AI Agent
