Playwright and TypeScript Automation Project with Copilot

Name: Playwright and TypeScript Automation Project with Copilot
Rating: 4.5 (3 reviews)

Build Web Automation project on a gamified-Star Wars theme playground using Github Copilot

Created byIulia Carla Sacelean

Last updated 4/2026

English

What you'll learn

Set up Automation Framework Playwright + Typescript + Allure from Scratch
Write Effective UI and E2E Tests
Master Test Execution & Debugging using Playwright Features
Generate Professional Allure Test Reports

Course content

1 section • 14 lectures • 3h 17m total length

Introduction: Awakening the Force of Automation2:46
May the tests pass, and the Force be with your code. :)
Project Setup and Installation : Igniting the Lightsaber3:41
Go to https://nodejs.org/en/download and follow instructions based on your operating system.
Visual studio: https://code.visualstudio.com/
Project Setup Default Template- Setting Up Your Environment - The Jedi Temple4:22
Explore The Framework and run the tests- The Sacred Files of the QA Order Galaxy8:03
Writing Our First Basic Test: The Droid Awakens and Empire Logs Back25:51
"The Force will be with you… always." — Obi-Wan Kenobi
The Droid Awakens
Test the Droid Control Panel — verify you can set the droid’s name and status.
The Empire Logs Back
Validate the Droid Status Log updates correctly when commands are issued.

Test 1 – Droid Control Panel
Entering a droid name
Selecting a status (Active / Standby / Offline)
Clicking "Update Droid" and verifying the log entry is correct
Verifying multiple status updates are appended correctly
Test the Jedi Enhancements Panel - Revenge of the Sliders20:12
The Phantom Application - Join the Jedi Order Sign up Test24:42
Test the Jedi Order signup form — validate required fields, select dropdowns, and confirm success message.
async - Marks the test function as asynchronous
await - Pauses execution until the operation finishes
page.goto() - Waits for the page to load
page.fill() - Waits for text input to complete
page.selectOption() - Waits for dropdown selection
page.check() - Waits for radio button to be selected
page.setInputFiles() - Waits for file upload to finish
page.click() - Waits for the button click to complete
expect(...).toBeVisible() - Waits for the success message to appear
Attack of the End to End - Classes, Constructors and Variables16:57
Perform a final e2e check on the full user journey — from droid configuration to Jedi registration — ensuring all systems work together using POM.

? Page Object Model (POM)
Dark Side vs Jedi Way

❌ Dark Side (Without POM)
Selectors everywhere (#droid-name, #status)
Messy, hard to maintain
Tests break easily if the UI changes
Code full of duplication
? “Fear leads to anger, anger leads to broken tests.”

✅ Jedi Way (With POM)
Centralized locators in one place
Easy-to-read test steps (updateDroid, assertDroidUpdated)
Simple maintenance — change once, fix all
Reusable methods like Jedi powers ?‍♂️
? “A Jedi uses the Page Object for knowledge and defense, never for duplication.”
Attack of the End to End - Writting our Full Test Mission using POM - Part One23:05
Attack of the End to End - Writting our Full Tell Mission using POM- Part Two45:21
Holocrons of Testing: Unlocking Allure Reports10:30
11. Allure Reports
11.1. Installing Allure
11.2 Configuring Allure with Playwright
11.3. Running Tests & Generating Reports
11.4. Opening & Navigating Allure Reports
allure serve allure-results
11.1 Summoning the Allure
Guide on setting up the “Allure” to record galactic mission outcomes.
11.2 Aligning the Force: Configuring Allure with Playwright
How to connect your Playwright test “fleet” to the Allure logs.
11.3 Running Tests Missions & Generating Reports
Running your Galactic Journey tests and storing results in the Allure Holocron.
11.4 Opening & Navigating the Holocron Allure Reports
Viewing mission logs, analyzing checkpoints, and reviewing Force-checked outcomes.
The Playwright Awakens: Mastering Workers and Tags in the QA Galaxy5:52
12 – The Clone Wars: Parallel Test Execution and Tags
Tags = Jedi Council assigning missions (@droid = fix droids, @signup = recruit jedi).
Parallel = multiple Jedi squads on missions at the same time.
Allure = the Jedi Archives recording all outcomes.
npx playwright test --grep @signup
npx playwright test --grep @droid
Github4:26
git clone https://github.com/IuliaSacelean/Automated-Web-Testing-with-PlayWright-and-Typescript-on-StarWars-Playground.git
Balance Restored: Goodbye and May the Tests Be With You1:35
A long time ago, in a codebase not so far away…
The journey is complete.
From fragile tests on the Dark Side,
to the Jedi Way of Page Objects,
you have mastered the power of automation.
With Playwright as your X-Wing
and TypeScript as your lightsaber,
you are now ready to face any galaxy of bugs.
This is not the end, but a new beginning.
Every test you write strengthens the Force
of Quality in the universe.
May the Tests Be With You. ✨

Requirements

No programming experience needed, you will learn by doing all that is necessary.

Description

Course Summary – Playwright + TypeScript using a gamified Star Wars QA Automation Playground for Beginners- 2025

This course takes you on an intergalactic journey where you’ll build an automation testing framework from scratch using Playwright and TypeScript, themed around our custom Star Wars Automation Playground.

Instead of learning automation in a dull, abstract way, you’ll interact with a playful, themed HTML application — complete with Droid Control Panels, Imperial Access Consoles, and E2E Diagnostics — and turn them into fully automated test cases.

Why this course is useful

Hands-on from the start — you’ll create a working automation framework step-by-step, not just follow theory.
Real-world skills — learn how to test UI elements, handle popups, forms, and dynamic content, just like in production apps.
End-to-End coverage — from installing Node.js and dependencies to running Allure reports for professional test reporting.
Framework-first mindset — instead of random scripts, you’ll design a structured, maintainable automation framework.
Fun learning environment — the Star Wars theme keeps things engaging while still teaching industry-standard practices.

By the end of the course, you will:

Install and configure Node.js, npm, Playwright, and TypeScript.
Build a custom Playwright framework with reusable page objects.
Automate each feature of the Star Wars playground (forms, dropdowns, logs, popups, and more).
Run and debug Playwright tests
Perform an E2E test simulating a real mission.
Generate Allure reports to visualize test results like a pro QA engineer.
Run tests in paraller and using special tags

In short:

You’ll go from zero to a fully functional TypeScript Playwright automation framework, testing a fun, interactive web app — and gain skills directly applicable to real-world projects.

Who this course is for:

Even if this is your first time with test automation, you now have the foundation to continue exploring, practicing and building more complex tests. Keep experimenting and remember — every great QA Jedi starts with small steps.