
Explore end-to-end testing with Playwright and learn fundamentals in TypeScript. Apply the course content to API testing, CI/CD integration with Jenkins, GitLab, and GitHub actions, and AI powered test creation.
Prepare your environment by installing a recent Node.js with npm, verifying versions, and setting up Visual Studio Code with the official Microsoft Playwright extension and the Playwright testing view.
Identify and fix common Playwright and JavaScript errors by reading clear error messages, avoiding typos. Ensure correct invocation and proper use of await with promises.
Apply getByRole to locate buttons and links in Playwright, handle the cookie banner with accept or decline, and verify navigation to the feedback form via URL checks.
Learn to locate form inputs with Playwright's get by label locator, fill fields, and use the Playwright inspector. Explore related locators like get by placeholder, alt text, and test id.
Explore an optional section on locators in Playwright, covering get by test id locator, css locators, and child–parent index locators, plus tools to quickly identify the right locator.
Learn how to locate elements with get by test ID, a robust tester-focused locator using data test ID attributes, and apply it in Playwright tests to handle dynamic content.
Learn to handle keyboard events with Playwright using field actions to fill and clear fields, simulate individual key presses, and verify the form’s name field empties.
Use Playwright to test local storage and form persistence by filling name and email, saving progress, and reloading to verify data remains.
Apply Playwright test configurations across global, file, and describe levels using the use object and test.use, shaping language, base URL, and browser options for reliable runs.
Speed up end-to-end tests by leveraging playwright's parallel execution and adjustable workers, defaulting to half your processors; fine-tune globally or per file with test.describe.configure to optimize CI/CD performance.
Explore practical Playwright features in a real life web shop scenario, including cart operations, register and login, while learning page object model, step function, and authentication session persistence.
Discover how Playwright page object models structure tests with reusable actions across product and cart pages, using a functional approach to reduce repetition and improve readability and maintainability.
Build a complete checkout workflow in Playwright e2e testing, filling contact, shipping, and payment fields with mock data, placing the order, and tracking the resulting order ID.
Use the Playwright test step function to structure tests into clear steps and improve test reports, like add product to cart, go to checkout, and complete checkout information.
Persist sign-up credentials by saving email and password to a json file in a git-ignored playwright/auth folder after validating login, using node path and file system utilities.
Install GitHub Copilot in Visual Studio Code via the Copilot icon or extensions, log in with GitHub, and test functionality with a simple hello prompt.
Explore generating Playwright test scenarios with MCP using agent mode in GitHub Copilot, create reusable prompts, and automatically draft end-to-end tests such as guest checkout with data test IDs.
Discover how code completions from GitHub Copilot appear as you type in your IDE, how to accept or dismiss them, and how to configure or disable completions, including GPT-4.
Explore how AI tools like GitHub Copilot and Playwright MCP accelerate end-to-end test creation, debugging, refactoring, and exploring web apps while emphasizing critical reasoning and up-to-date practices.
Learn to write playwright tests that perform a simple get request to fetch a list of products from a products endpoint, parse the json response, and start making assertions.
Learn to make API requests from Playwright, show how Playwright supports API testing, and how it can pair with end-to-end tests, with resources and docs.
Automate end-to-end playwright tests in a CI/CD pipeline, applying continuous integration and continuous deployment with Jenkins, GitLab CI/CD, or GitHub actions, and publish and review test reports.
Install and run Jenkins with Docker, then create a Jenkinsfile and set up a pipeline from SCM to build, test, and deploy a mock release.
This hands-on course is designed for complete beginners who want to master end-to-end testing with Playwright using JavaScript and TypeScript.
Starting from the very first installation and project setup, you’ll learn how to write robust, maintainable tests that automate real-world browser workflows—from logging in and filling forms to navigating multi-page applications.
Along the way, you’ll build confidence with Playwright’s intuitive context/page model, powerful selector strategies, and built-in fixtures and hooks to organize your test suites.
You’ll discover how to:
Interact with pages: Automate clicks, typing, drag-and-drop, dialogs, and frame navigation.
Assert application state: Use Playwright’s TypeScript expect API for visibility, timing, text, and value checks.
Handle networks: Intercept and mock HTTP requests to simulate back-end failures, control test data, and speed up execution.
Scale tests: Run suites in parallel across Chromium, Firefox, and WebKit for broad browser coverage.
Structure frameworks: Implement the Page Object Model, reusable utilities, and custom fixtures for scalable, team-ready code.
Playwright automation: Automate your workflows with Playwright automation tools. You may even use it for web scrapping.
Use AI tools and Playwright MCP to generate and manage test cases.
Add API checks: Send REST requests via APIRequestContext, validate response payloads, and chain API flows alongside UI tests.
Integrate CI/CD: Configure GitHub Actions (or your preferred pipeline) to run tests on every commit, generate HTML reports, and fail builds on regressions.
Use Playwright with TypeScript: Use the most popular programming language for Playwright automation. All the TypeScript code is clean, properly formatted and professionally written.
Whether you’re a manual tester stepping into automation, a developer wanting to catch regressions early, or a QA professional seeking modern JavaScript/TypeScript tools, this course will equip you with everything you need to deliver fast, reliable, and maintainable end-to-end and API tests.
Legal Disclaimer
This course is an independent training program and is not endorsed by, sponsored by, or affiliated with Playwright, Microsoft, or any of their subsidiaries. All product names, logos, and trademarks are the property of their respective owners.
This course contains promotional materials.