2026-End to End Test Automation with Playwright (TS/C#/Java)

Explore the fundamental building blocks of Playwright with TypeScript and JavaScript, including browser context as an incognito-like window, creating pages, and parallel testing across browsers.

Write a simple Playwright script in JavaScript to launch Chromium, open google.com, and navigate, then compare with TypeScript code and note the asynchronous block usage.

Learn how to write Playwright tests in TypeScript, handle imports with from, install and transpile TS, and run TS code efficiently, highlighting TS advantages over JavaScript.

Explore Playwright locators and selectors, including CSS, XPath, and text selectors, and learn how to use conditional locators and has text to perform reliable clicks and fills.

Explore Playwright element locators using CSS selectors, XPath, IDs, and has text to identify a login link, including has for parent or descendant relations and comma-separated locators.

Learn to locate elements in real-time applications using data-id and data-test-id attributes, hover menus, and CSS chaining selectors with Playwright for robust end-to-end tests.

Master Playwright locators to click elements by text, role, or id, using first() or nth() to target items, and apply end operation for precise matching.

Explore converting tests to Playwright test and running them from the test explorer for easier debugging, parallel execution, and artifact capture.

Learn to write Playwright tests from VSCode or the command line, using fixtures and the page context, and leverage the Playwright Test runner to run and debug tests across browsers.

Learn how to validate UI actions with assertions using Playwright test and the expect library, including concrete checks like text content and title verification.

Master Playwright assertions by leveraging custom matchers to verify page title, URL, and locator visibility with to be visible and to be not visible.

Learn to extend Playwright assertions with custom matchers, verify text and attributes such as data target and id, and simplify UI automation with clearer, readable checks.

Learn how soft assertions in Playwright let tests keep running after failures, accumulate errors, and report them at the end, with configurable timeouts and expectations.

Learn to add video recording and screenshot capture in Playwright, configure a video directory, and use slow motion to observe actions and failures.

Explore how to use the Playwright test runner to automatically capture failure screenshots and videos, configure browser options, and generate integrated reports.

Explore how to customize Playwright tests with beforeEach and afterEach hooks, share the page object across tests, run tests in parallel, and capture screenshots after each execution.

Learn to structure end-to-end Playwright tests using describe blocks in a bdd style. Run tests from the command line and read detailed reports that show hooks and test steps.

Reformat code to improve readability by using test steps within a describe block, detailing actions like hovering the category root and clicking the launch link. Highlight async flow with the weight keyword and split tests into smaller test step modules to improve report clarity and reliability with locator details.

Learn how to skip Playwright tests based on browser conditions using test.skip, retrieve the browser name, and selectively run or slow down tests across Firefox and WebKit.

Use the test info object to dynamically name screenshots from the test title, with string interpolation and trim, and explore configuring parallel runs, slow mode, and skip logic in Playwright.

Configure Playwright test settings to run tests in parallel, set timeouts, enable videos and screenshots on failure, and test mobile viewports using device presets like pixel 5.

Override Playwright configuration from the command line to run tests on a chosen browser (Firefox or Chrome), using CLI options for retries, debug, and traces with videos and screenshots.

Apply Playwright's retry option to automatically re-run failed tests across browser configurations via the reprise and candidates file. Learn how traces, screenshots, and videos document failures during parallel runs.

Learn how Playwright 1.42 introduces tags and annotations to label tests, run targeted tests from the CLI with grep, and enrich reports with type, description, and issue links.

Create a test list file in Playwright to run tests in a defined order, import tests, and control execution with single workers to observe ordered runs and retries.

Explore changes in Playwright configuration, compare reporting options, and learn how to create custom reporting for end-to-end test automation.

Update to the latest Playwright version (1.35.1) and run tests with npx playwright test across browsers; fix url and locator failures and adjust Playwright configuration.

Explore migrating to define config in Playwright, using it to start web servers, set base URL, and configure tests with use options for component testing.

Use Playwright's test.use options to set base URL and browser name in the test context, centralizing configurations for consistent app URLs and browser behavior.

Explore how to customize Playwright reports using the reporter option in the config, choosing html, dot, line, json, and junit, and directing outputs to files like report.json.

Discover how to use the allure playwright custom reporter in Playwright to generate detailed allure reports, including installations, configuration, and viewing results from Chromium and WebKit.

Discover Playwright's new array locators and the get by role, label, test id, and aria roles approaches for robust UI element identification in TypeScript, JavaScript, and C#.

Explore how playwright's new locator mechanism, including get by role and get by label, changes codegen output since version 1.27. Compare legacy page.locator usage with label-based locators.

Learn how aria locators power Playwright's element identification by using accessibility roles and names, inspect the accessibility tree view, and convert existing locators to get by label or name.

Converting existing playwright locators to ARIA locators using get by role, improving readability and stability, with filters, hover and click verifications using accessibility identifiers.

Learn to locate elements in Playwright with get by test ID using data-test-id attributes, and configure the test ID attribute in playwright.config.ts for reliable tests.

Explore end-to-end test automation with Playwright by configuring GitHub actions for ci/cd, including NodeJS setup, installing Playwright, generating Allure and Playwright reports, and artifact uploads.

Create and clone a GitHub repository, copy and commit your code, push to main, and begin building GitHub actions workflows for CI/CD.

Create and run a GitHub Actions workflow for Playwright, install nodejs 18, install dependencies, run tests with npx playwright test, and upload the playwright html report.

Enable headless mode in Playwright by updating the config.ts and use block, push changes to GitHub actions, and verify passing test executions with Allure and HTML reports.

install and generate allure reports in a GitHub actions workflow, generate from the allure results directory, and upload the report as a Playwright artifact.

Learn to run Playwright tests in parallel across multiple machines with sharding, configure blob reports, and merge results in GitHub Actions for scalable end-to-end test automation.

Leverage Playwright sharding to run tests in parallel across multiple GitHub Actions runners, configure a matrix strategy, and publish blob and merged reports.

Learn how to integrate playwright with Azure DevOps by importing the existing GitHub repo, creating a build pipeline, and running tests with npx folio in an Azure DevOps CI/CD workflow.

Explore how to integrate Playwright with Azure DevOps, configure browser params (chromium), run tests, handle dependencies, and capture artifacts across CI/CD pipelines.

Explore playwright's modern features for end-to-end app testing, including performance metrics during page load, tracing via Chrome DevTools, and video and pdf captures while emulating browsers across environments.

Learn to use Playwright's add location handler functionality to automatically handle unexpected overlays, such as cookie consent, with configurable times and no wait after, integrating accessibility checks.

Explore tags and annotations in playwright 1.42, learn to tag tests, filter runs via the command line grep, and view annotated reports that reveal test details and issues.

Learn to run only the failed tests in Playwright using the --last-failed flag (Playwright version 1.44), with npx playwright test to retry specific tests and save time.

Explore aria snapshots in Playwright, generating YAML representations of the accessibility tree with aria locators to create reliable end-to-end UI tests and snapshot them against baselines.

Learn to use UI mode in Playwright with the Visual Studio Code plugin, and explore the trace viewer across versions 1.32 to 1.35, with automatic screenshots and logs.

Explore Playwright's UI mode to watch test execution with trace logs, line-by-line code, screenshots, and video attachments for debugging in real time.

Learn how to perform a file upload in Playwright by identifying the file input and using set input files to upload a local image across browsers.

learn to trace pages with Playwright by recording performance, generating trace json files, and capturing screenshots to analyze load times, scripting, and rendering.

Generate end-to-end performance traces with trace.js, capture screenshots, and review trace.json data for login flows and other actions, with category filters like devtools timeline.

Learn to extract screenshots from Playwright traces by parsing trace.json, filtering trace events by the screenshots category, and saving base64 snapshots as image files.

Configure video capture in Playwright to record test execution with browser context or page level recording, specifying video path and size to save the recording.

Generate a PDF of a web page with Playwright using the page.pdf operation, adjust headless versus headful mode, and save a full-page PDF with embedded links for reporting.

Learn to run Playwright tests on chrome by specifying the executable path, switching from chromium to a full local chrome browser, and debugging visibly.

Emulate pages in Playwright by configuring devices on the context level, using presets like iPhone 11 Pro, and adjusting viewports, locale, time zone, geo locations, and permissions for realistic testing.

Explore network interception in Playwright to block images and other resources before rendering, using routes, resource type checks, and request.abort to modify content for modern web apps.

Get page events and error logs from Chrome DevTools to capture console messages, page errors, and request failures during Playwright testing.

Build a solid foundation in modern end-to-end test automation with Playwright and prepare for advanced concepts as the hands-on section begins.

Learn to build an in-house ad blocker with network interception in Playwright, blocking ads via route aborts and a mini ad database while advancing browser automation skills.

Intercept API requests and inject mock data with a fake json server in Playwright, using a local db.json to test network responses.

Intercept the api server to inject mock data and verify responses by intercepting db.json data, using route.fulfill to set a mock json response and confirm end-to-end Playwright testing.

Learn why intercepting production site requests is blocked by the same-origin policy and cors, and how to simulate it on a testing site with a fake json server.