Automation of functional testing of web applications using Playwright and TypeScript

During the workshop, participants will gain practical skills in automating E2E tests with Playwright and TypeScript. Together, we will build a test environment from scratch, write sets of stable tests, and discuss techniques for working with locators, API mocking, test isolation, and environment control. Special emphasis will be placed on creating tests that follow design patterns and building a POM architecture that scales with the project. After the training, participants will be able to prepare a complete test automation process, integrate it with CI/CD, and effectively detect regressions in web applications of various scales.

Who this
training is for

This workshop works best for participants who want to turn knowledge into practical project decisions and code written in realistic conditions.

This training is for you if

  • you want to organize your knowledge and see how to apply it in day-to-day work
  • you work on applications or tools that need to stay readable, maintainable, and testable
  • you value practical exercises, trade-off discussions, and examples close to real projects

This is not the best choice if

  • you are looking only for a theoretical lecture without workshop practice
  • you need a very basic introduction to programming from scratch
  • you expect ready-made recipes without discussing context, constraints, and consequences

Trainer

Mateusz
Jabłoński

Senior Frontend Developer, trainer, and author of technical materials. Since 2016, I have been running training sessions on JavaScript, TypeScript, React, testing, and tools that support software developers.

14+years of experience
2016teaching since
4.7 / 5based on 143 responses
Get to know me

Training program

Project Setup and Configuration

  1. Preparing the development environment
  2. Creating a project based on Node.js/TypeScript
  3. Overview of `package.json` and available configuration options

TypeScript — Refresher

  1. Variables, data types, and scope
  2. Loops and conditional statements
  3. Functions and objects
  4. Asynchronous programming, Promises, and Async/Await
  5. Functional vs object-oriented programming
  6. Complex types, interfaces, and type guards
  7. Enumerations
  8. Generic types

Introduction to Playwright

  1. Overview of the Playwright framework
  2. Installation and configuration
  3. First run
  4. Locators vs selectors
  5. Actions — interacting with webpage elements
  6. Handling navigation, iframes, and popups
  7. Test structure
  8. Assertions — validating page content and expected results
  9. Running test suites and creating custom configurations

Playwright — Advanced Features

  1. Page Object Model
  2. Visual assertions
  3. Generating screenshots and video recordings
  4. Debugging tests in UI mode
  5. Report generation
  6. Simulating keyboard interactions
  7. Multi-browser support
  8. File upload and download handling
  9. API mocking
  10. Session management and browser authentication

Tools and Best Practices

  1. Organizing test code
  2. Defining environments and global variables
  3. Automating code quality checks

Summary

  1. Q&A session
  2. Best practices recap
  3. Next steps for learning Playwright

Workshops already
behind us

Below you will find a list of workshop editions I have run. Each one means a new group, different challenges, and concrete results.

Total editions5
  • Sages

    Training scheduled

  • Sages

    4.8(average rating)

  • Sages

    4.83(average rating)

  • Sages

    4.03(average rating)

  • COI

    Sages

    4.58(average rating)