Who should attend
Manual testers moving to automation, automation engineers and developers building browser end-to-end tests.
Prerequisites
Basic testing concepts and JavaScript/TypeScript fundamentals are recommended. A short TypeScript primer may be included.
Learning outcomes
- Set up Playwright with TypeScript and understand its test runner.
- Design reliable locators, assertions and maintainable tests.
- Automate forms, navigation, tables, dialogs, files and browser contexts.
- Use fixtures, hooks, test data and page-object patterns appropriately.
- Debug failures and produce trace, screenshot and HTML reports.
- Run tests across browsers and integrate a suite into CI.
Detailed curriculum
8 modules01Automation foundations and setup
- Automation strategy, test pyramid and suitable automation candidates
- Node.js, npm, TypeScript and project structure overview
- Installing Playwright and browser binaries
- playwright.config.ts, projects, baseURL and environment configuration
- First test, test discovery and running tests
02Locators and web interactions
- Role, label, text, placeholder, test ID and CSS locators
- Locator strictness, chaining, filtering and locator best practices
- Click, fill, check, selectOption, hover and keyboard actions
- Auto-waiting and actionability checks
- Handling tables, lists, dynamic elements and shadow DOM basics
03Assertions and test organisation
- Web-first assertions and retry behaviour
- Soft assertions and custom expect messages
- Test.describe, test, hooks and test annotations
- Grouping, tags, grep and selective execution
- Test isolation, independent tests and avoiding fixed sleeps
04Browser, pages and contexts
- Browser, BrowserContext and Page lifecycle
- Multiple tabs, popups and new pages
- Dialogs, frames and iframe interactions
- Cookies, local storage, session state and authentication reuse
- Viewport, device emulation and cross-browser projects
05Fixtures, data and reusable design
- Built-in fixtures and custom fixtures
- beforeEach, afterEach, beforeAll and afterAll use cases
- Test data creation, parameterisation and data-driven tests
- Page Object Model and component-object patterns
- APIRequestContext for setup and teardown
06Advanced browser scenarios
- File upload, download and file chooser handling
- Network interception, route mocking and request waiting
- Handling dynamic waits and eventual UI updates
- Visual comparison concepts and accessibility checks
- Date pickers, drag-and-drop and complex widgets
07Debugging and reporting
- VS Code debugging and Playwright Inspector
- Trace Viewer, screenshots, videos and HTML reports
- Retries, flaky-test diagnosis and root-cause analysis
- Parallel workers, sharding concepts and resource management
- Test annotations, attachments and failure triage
08CI/CD and project delivery
- Headless execution and browser installation in CI
- Git workflow and environment variables/secrets
- Running tests in GitHub Actions or equivalent CI
- Test reports as build artefacts and failure notifications
- Suite maintenance, code review and automation metrics
How you will practise
Learn through instructor-led sessions using realistic, live applications. Then apply each concept through guided assignments on a separate hands-on practice application, with feedback to help you build practical skills and confidence.
Practical exercises and labs
- Automate login, registration, search, product selection and checkout on a practice application.
- Create reusable page objects and authenticated storage state.
- Mock an API response and validate the UI under error conditions.
- Debug a deliberately flaky test using traces and reports.
Capstone project
Build a TypeScript Playwright framework for a practice e-commerce or CRM app with configuration, fixtures, page objects, test data, cross-browser execution, reports and a CI workflow.
Tools and technologies
Playwright, TypeScript, Node.js, npm, VS Code, Git and a CI platform such as GitHub Actions.
Assessment approach
- Module-wise knowledge checks or short practical tasks.
- Hands-on exercise review using an agreed checklist or rubric.
- Final project demonstration and explanation of design decisions, test evidence or outputs, as applicable.
- Completion criteria, attendance requirements and any certificate conditions must be separately approved and published by TrainingRite.
Schedule and fees
Upcoming batch schedules are shared by our TrainingRite team. Please submit an enquiry and our team will contact you by email or phone with the latest schedule. TrainingRite does not publish course fees or discounts on the website. Our counselling team will share the applicable course fee and other details with you by email or phone after you submit an enquiry.
Frequently asked questions
Who should join this course?
Manual testers moving to automation, automation engineers and developers building browser end-to-end tests.
Do I need prior experience?
Basic testing concepts and JavaScript/TypeScript fundamentals are recommended. A short TypeScript primer may be included.
Is the training online?
TrainingRite programmes are delivered online.
Will I get hands-on practice?
Sessions are instructor-led and use realistic applications. You then apply each concept through guided assignments on a separate practice application.
How can I enquire about fees and the next batch?
Fees and batch schedules are not published on the website. Submit the enquiry form on this page and our counselling team will share them with you by email or phone.