Playwright Automation Testing Complete Bootcamp UI+API[2025]

Explore how Playwright enables reliable end-to-end testing across browsers and platforms with a single API, supporting multiple languages, mobile emulation, auto wait, tracing, and codegen.

Master Playwright browser basics by creating a browser context, navigating pages, and logging the page title, while setting up node.js, npm, and cross-browser testing across chromium and firefox.

Set up Playwright, install dependencies, and configure parallel tests for Chromium and Firefox. Write your first test to visit example.com and verify the title equals example domain using Playwright test.

Write Playwright tests to verify h1 content is not empty and a link can be clicked, using role-based assertions. Run tests across chromium, firefox, and mobile UI mode.

Create a Playwright test that navigates to example.com, selects all anchor tags, and asserts their href attributes match the expected value across Chromium, Firefox, and mobile.

Explore Playwright selectors, including CSS, XPath, text, and attribute selectors, and learn to locate elements by class and id while validating text content and CSS properties.

Learn to target web elements with XPath selectors in Playwright, write XPath-based tests, verify visibility, and compare XPath with CSS selectors in a hands-on bootcamp lesson.

Master text and attribute selectors in Playwright with practical examples using page.locator, locating by visible text and by href attributes, and validating element visibility in tests.

Learn to automate a simple counter UI with Playwright by building plus minus buttons, wiring vanilla JS, and validating initial, increment, and decrement states using page.locator and expect.

Master network interceptions and mock API calls with Playwright, and test requests and responses while building a simple API call HTML page using the random users API.

Learn to mock an API call in Playwright by intercepting the route and returning a mock JSON response, then validate the UI shows the mocked user John.

Learn to mock and intercept API calls in Playwright, verify data in the UI, intercept responses, parse JSON, and log results to validate test behavior.

Test authentication flows with Playwright by simulating login, handling sessions and cookies, and validating both successful and failed logins on a simple login page.

Manage sessions in Playwright by creating a new browser context, logging in to capture the authentication cookie, then reuse the cookie in a second context to verify login successful.

Learn visual regression testing with Playwright by taking and matching screenshots against snapshots across multiple viewports, including mobile, tablet, and desktop.

Demonstrates data driven and parameterized testing in Playwright by validating a basic HTML form with multiple inputs and expected results across test cases.

Learn to use Playwright's trace viewer for error handling and debugging, run tests with npx playwright test, inspect traces, logs, API calls, and debug in VS Code with breakpoints.

Define CI/CD as continuous integration and delivery, automate building, testing, and deployment, merge code from multiple developers, detect integration issues early, and push production-ready changes through a staging environment.

Integrate Playwright with CI/CD to detect issues early and support continuous quality assurance through automated tests. Provide instant feedback, enable automated regression testing, and reduce manual effort across environments consistently.

Create a GitHub repo, initialize git, and push to enable a Playwright test in a CI/CD workflow; configure a main.yml to checkout, set up Node.js, install dependencies and Playwright browsers.

configure a github action workflow that installs a global http server, serves files on port 8080 in background, waits for readiness with curl, and runs data-driven playwright tests.

Switch the workflow to a self-hosted runner, install playwright browsers, fix the install command, and push updates to ensure nine tests across three projects pass in the ci cd pipeline.

Cache dependencies in a GitHub actions workflow using actions/cache v2 to preserve node_modules, npm files, and package.json, speeding up tests and enabling ci cd pipelines with Playwright.

Install and run Jenkins, unlock the instance, and configure a Jenkinsfile to run playwright tests in Docker using a node latest image, triggering GitHub actions pipelines.

Set up a Jenkins pipeline from SCM using a public GitHub repo, use the main branch, and run the Jenkinsfile to initialize, clone, and verify the tests pass.

Extend the Jenkins workflow to run Playwright tests inside a Docker node, installing Playwright dependencies, listing tests, and executing browser tests (Chromium, WebKit, Firefox) after resolving missing system dependencies.

Set up a Jenkins workflow to install and run an http server on port 8080, wait for readiness via curl checks, and prepare for executing tests and generating reports.

Install dependencies for Playwright and the HTTP server, and verify the Jenkins workflow can run a test. Generate an HTML report and email it to the user, regardless of outcome.

Learn to send Jenkins reports via email by archiving Playwright reports and using the Email Extension plugin to attach results with a subject showing the job name and build number.

Configure Jenkins to send test email notifications via SMTP, using Gmail with TLS on port 587 and app password authentication from a two-factor enabled Google account.

Push changes to GitHub and run the Jenkins CI/CD pipeline to execute tests, archive artifacts, and send email reports with successful results and notifications, and enable third-party integrations.

Learn to run Playwright tests in GitLab CI/CD by importing a repo, configuring a .gitlab-ci.yml with node 20, caching node_modules, starting an http server, and executing auth.spec.js tests.

Create a Python API using Flask, define a get route /resources, return mock resources as JSON with status 200, and set up tests in tests/api_test.py using pi test.

Write and run your first Python API test using requests, defining a base URL and resources route, asserting a 200 status and JSON structure with pytest.

Learn to design and validate api endpoints by writing tests for get resource by id, handling not found, and verifying json responses with python requests and assertions.

Implement an api authentication endpoint at /secure-resource that requires a bearer token in the authorization header. Return 200 for valid tokens and 401 for unauthorized requests, with tests in python.

Build an xml response endpoint, verify xml content with automated tests, perform data validation, and connect tests to a ci/cd workflow such as a GitHub workflow.

Push your Python API tests to GitHub, set up a GitHub Actions workflow, install dependencies from requirements.txt, start a Flask server, and run pytest tests.

Build a node.js api from scratch, set up npm testing tools, and write a mocha chai supertest test to fetch resources. Validate the test asserts a 200 response.

Configure mocha reporter in a dot mocha rc to generate html and json test reports, then expand routes and write tests for creating and retrieving resources.

Develop a Node.js API delete endpoint by id, return 200 with resource deleted, or not found for missing resources; validate with asynchronous tests covering existing and non-existing deletions.

Create a node js api route that protects a secure resource with a bearer token and mocha tests for access with valid and invalid tokens.

Create a nodejs endpoint that returns xml data, set content type to application/xml, and validate the xml response with mocha and supertest tests.

Run Node.js API tests in a CI/CD pipeline using GitHub Actions, setting up a workflow to install dependencies, run mocha tests, generate reports, and upload artifacts.

Explore front-end testing with Playwright and React.js by comparing component testing and end-to-end testing, covering props, state changes, data fetching, and user login journeys.

Set up a basic React app and enable Playwright testing by installing Playwright as a dev dependency, configuring the test directory and base URL, then run npm run start.

Create a React button component with an onclick handler and state, display 'button clicked' on click, and write a Playwright test to verify the message appears.

Create a React form component with useState to capture input and prevent default on submit. Display the value in a div with id out, and verify it with Playwright tests.

Build and test a reusable modal component in React using useState, open/close actions, and Playwright tests to verify visibility and dismissal.

Demonstrates testing a data fetching component that calls an API and shows loading, then renders the fetched title, with Playwright tests that mock API responses.

Master advanced React testing topics—Redux state management, Context API, and custom hooks—while mocking and spying on functions, and setting up a React app with Redux Toolkit and Playwright.

Define a todo slice with add, toggle, and delete reducers, configure the Redux store, and wrap the app with Provider to access the global state.

Build a Redux-powered React todo app with components for todo item, add todo, and todo list. Dispatch toggle and delete actions, manage input, and render completed items with a line-through.

Write and run Playwright tests for a to-do app, creating a test suite, navigating to the home page, and verifying adding, toggling, and deleting to-dos with assertions.

Apply visual regression testing with Percy in a Playwright workflow by capturing homepage snapshots across multiple widths, configuring Percy, and running regression checks on a todo app.

Set up a React context API for theme with a provider and a custom hook, then create a toggle theme component and write test cases for the context and hooks.

Develop Playwright tests for a React context theme by verifying the initial theme and toggling it with the 'toggle team' button on the local route.

Create a custom hook use counter in a React app with initial value zero and increment/decrement functions. Write Playwright tests to verify the counter updates.

Learn to mock function calls and spy on them in a React component with Playwright tests, then verify the spy was called on button click.