Skip to content
Michał Kochaniak
All Projects
01 / 08

Playwright Web E2E Demo

Local web regression pack focused on critical user journeys, fast feedback, and CI-ready diagnostics

New / Open Source
PlaywrightTypeScriptNode.jsCritical User JourneysSmoke PackFailure DiagnosticsGitHub ActionsHTML Reporting

Overview

This project demonstrates how I approach modern web UI automation when the goal is not broad checkbox coverage, but reliable protection of the most business-critical user flows. The suite is built around a local demo app and focuses on a small set of high-value journeys — login, cart interaction, and purchase completion — supported by Playwright, HTML reporting, and failure diagnostics. The result is a compact, service-ready example of a repeatable smoke/regression layer that can be run locally or in CI.

Challenge

Teams often need quick, trustworthy feedback on core web journeys without investing in a large bespoke test environment upfront.

External dependencies and unstable environments can turn small regression suites into flaky maintenance burdens.

Manual smoke testing around login and checkout remains common, even when these flows are the most business-critical.

Early-stage automation efforts need to be understandable, portable, and easy to wire into CI from day one.

Approach

Built a local demo application with synthetic data so the suite can run safely and repeatably without depending on third-party systems.

Selected a narrow but valuable scope: invalid login handling, successful login and checkout, and rule enforcement for empty-cart payment attempts.

Used Playwright for fast browser automation, failure screenshots, retry support, and HTML reporting that gives immediate diagnostic value.

Prepared the project for CI execution with GitHub Actions so the same quality signal is available both locally and in automation pipelines.

Added a no-sudo bootstrap path for local Node execution to keep the demo portable across different developer environments.

Technology Stack

Core

PlaywrightTypeScriptNode.js

Test Design

Critical User JourneysSmoke PackFailure Diagnostics

Execution

GitHub ActionsHTML ReportingLocal Demo App

Outcomes

Demonstrates how a manual smoke path can be turned into a repeatable, automated quality gate.

Shows a modern web automation stack that is easy to run locally and simple to integrate into CI.

Provides a compact reference implementation for teams starting with Playwright-based web regression.

Keeps all execution local and synthetic, which makes the demo safe, portable, and easy to present publicly.

Summary

Effective web automation starts with business-critical journeys and operational simplicity. This project shows how a small Playwright suite can deliver immediate regression value without unnecessary system complexity.