Playwright Test Automation for QA Engineers
A full working course on Playwright with TypeScript for QA engineers in large professional-services firms (Big 4 and similar). It covers the same ground as a comprehensive "zero to hero" Playwright curriculum: TypeScript essentials for test code, installation and project layout, running and debugging (CLI, UI mode, Inspector, codegen, Trace Viewer), locators and the strictness rule, web-first assertions, auto-waiting and the timeout hierarchy, every common UI component (inputs, checkboxes, radios, dropdowns, tooltips, dialogs, tables, date pickers, sliders, iframes), the Page Object Model and a scalable page architecture, custom fixtures, configuration and projects, environment variables and mobile emulation, authentication reuse through storageState, artifacts and reporters, visual regression testing, API requests, network interception and mocking, parallelism, retries, tags and flakiness control, Docker and CI on GitHub Actions. Every topic is taught the same way: the problem that exists without the feature, the feature that solves it, and the price you pay for using it. The course is written for people who will maintain a suite on a client engagement for years, not for people writing a demo test once — so review criteria, evidence for audit, secret handling and cost of maintenance are part of the material, not an appendix. By the end you should be able to build and maintain a Playwright suite unaided, and to pass an external certification-style exam on the same syllabus.
Ihre Lektion ist in Ihrer Sprache: Ihr Assistent leitet sie.
- Material: Englisch
- Prüfung: Englisch – wird auf der Website abgelegt, nicht übersetzt
So funktioniert’s
Ihr Assistent holt das Kursmaterial von unserem Server und leitet die Lektion in Ihrer Sprache.
Die Prüfung wird auf der Website abgelegt, ohne Assistenten. Prüfungsfragen werden nicht übersetzt: Das ist für jeden Kurs so festgelegt.
Weg durch den Kurs
· 27 Einheitenfreie Reihenfolge · die Stufen unten sind die vom Autor vorgeschlagene Reihenfolge, keine BedingungAnsicht: Karte · Stufen
Stufe 1
~1,2 Std.
1 · Core
Why Playwright, and what it actually does
~1,2 Std.
Stufe 2
~2,9 Std.
Core · laut Plan des Autors nach „Why Playwright, and what it actually does“
Stufe 3
~1,8 Std.
4 · Core · laut Plan des Autors nach „Installing Playwright and laying out the project“
Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer
~1,8 Std.
Stufe 4
~1,2 Std.
5 · Core · laut Plan des Autors nach „Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer“
The anatomy of a test: describe, hooks, steps, annotations
~1,2 Std.
Stufe 5
~1,2 Std.
6 · Core · laut Plan des Autors nach „The anatomy of a test: describe, hooks, steps, annotations“
Locator syntax: CSS, text, XPath and chaining
~1,2 Std.
Stufe 6
~1,7 Std.
7 · Core · laut Plan des Autors nach „Locator syntax: CSS, text, XPath and chaining“
User-facing locators and the strictness rule
~1,7 Std.
Stufe 7
~2,9 Std.
Core · laut Plan des Autors nach „User-facing locators and the strictness rule“
8
Filtering, relationships and lists of elements
~1,2 Std.
9
Assertions and extracting values
~1,7 Std.
Stufe 8
~3 Std.
10 · Core · laut Plan des Autors nach „Assertions and extracting values“
Auto-waiting and the timeout hierarchy
~1,8 Std.
11 · UI components · laut Plan des Autors nach einer beliebigen davon: „Filtering, relationships and lists of elements“, „Assertions and extracting values“
Text inputs, keyboard and mouse
~1,2 Std.
Stufe 9
~9,8 Std.
12 · UI components · laut Plan des Autors nach „Text inputs, keyboard and mouse“
Checkboxes, radios, dropdowns and tooltips
~1,7 Std.
13 · UI components · laut Plan des Autors nach „Text inputs, keyboard and mouse“
Dialogs, alerts and web tables
~1,7 Std.
14 · UI components · laut Plan des Autors nach „Text inputs, keyboard and mouse“
Date pickers, sliders and iframes
~1,8 Std.
15 · Architecture · laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“
Page Object Model: the first objects
~1,7 Std.
20 · Evidence · laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“
Evidence: screenshots, video, traces and reporters
~1,3 Std.
22 · API · laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“
~1,7 Std.
Stufe 10
~4,7 Std.
16 · Architecture · laut Plan des Autors nach „Page Object Model: the first objects“
Page architecture: base helpers and a page manager
~1,7 Std.
21 · Evidence · laut Plan des Autors nach „Evidence: screenshots, video, traces and reporters“
~1,3 Std.
23 · API · laut Plan des Autors nach „API requests with Playwright“
Network interception and mocking
~1,8 Std.
Stufe 11
~1,8 Std.
17 · Architecture · laut Plan des Autors nach „Page architecture: base helpers and a page manager“
Fixtures: built-in, custom, and worker-scoped
~1,8 Std.
Stufe 12
~1,7 Std.
18 · Architecture · laut Plan des Autors nach „Fixtures: built-in, custom, and worker-scoped“
Configuration, projects, environments and mobile emulation
~1,7 Std.
Stufe 13
~3,5 Std.
laut Plan des Autors nach „Configuration, projects, environments and mobile emulation“
19 · Architecture
Authentication once: setup projects, storageState and API login
~1,7 Std.
24 · Scale
Parallelism, retries, tags and flakiness
~1,8 Std.
Stufe 14
~1,7 Std.
25 · Scale · laut Plan des Autors nach 2 davon: „Authentication once: setup projects, storageState and API login“, „Evidence: screenshots, video, traces and reporters“, „Parallelism, retries, tags and flakiness“
Docker and continuous integration
~1,7 Std.
Stufe 15
~3,4 Std.
Review
26 · laut Plan des Autors nach 3 davon: „Date pickers, sliders and iframes“, „Authentication once: setup projects, storageState and API login“, „Visual regression testing“, „Network interception and mocking“, „Docker and continuous integration“
Confusion pairs and exam readiness
~1,7 Std.
27 · laut Plan des Autors nach „Docker and continuous integration“
Delivery practice: strategy, review and evidence on an engagement
~1,7 Std.
Prüfung
gesperrt · in den Kurs einschreiben
Abschluss · im Browser, ohne den Assistenten
Prüfung
Der Weg in Worten
- Stufe 1 · Why Playwright, and what it actually does — ~1,2 Std.
- Stufe 2 · The TypeScript you actually need for test code — laut Plan des Autors nach „Why Playwright, and what it actually does“; ~1,7 Std.
- Stufe 2 · Installing Playwright and laying out the project — laut Plan des Autors nach „Why Playwright, and what it actually does“; ~1,2 Std.
- Stufe 3 · Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer — laut Plan des Autors nach „Installing Playwright and laying out the project“; ~1,8 Std.
- Stufe 4 · The anatomy of a test: describe, hooks, steps, annotations — laut Plan des Autors nach „Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer“; ~1,2 Std.
- Stufe 5 · Locator syntax: CSS, text, XPath and chaining — laut Plan des Autors nach „The anatomy of a test: describe, hooks, steps, annotations“; ~1,2 Std.
- Stufe 6 · User-facing locators and the strictness rule — laut Plan des Autors nach „Locator syntax: CSS, text, XPath and chaining“; ~1,7 Std.
- Stufe 7 · Filtering, relationships and lists of elements — laut Plan des Autors nach „User-facing locators and the strictness rule“; ~1,2 Std.
- Stufe 7 · Assertions and extracting values — laut Plan des Autors nach „User-facing locators and the strictness rule“; ~1,7 Std.
- Stufe 8 · Auto-waiting and the timeout hierarchy — laut Plan des Autors nach „Assertions and extracting values“; ~1,8 Std.
- Stufe 8 · Text inputs, keyboard and mouse — laut Plan des Autors nach einer beliebigen davon: „Filtering, relationships and lists of elements“, „Assertions and extracting values“; ~1,2 Std.
- Stufe 9 · Checkboxes, radios, dropdowns and tooltips — laut Plan des Autors nach „Text inputs, keyboard and mouse“; ~1,7 Std.
- Stufe 9 · Dialogs, alerts and web tables — laut Plan des Autors nach „Text inputs, keyboard and mouse“; ~1,7 Std.
- Stufe 9 · Date pickers, sliders and iframes — laut Plan des Autors nach „Text inputs, keyboard and mouse“; ~1,8 Std.
- Stufe 9 · Page Object Model: the first objects — laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“; ~1,7 Std.
- Stufe 9 · Evidence: screenshots, video, traces and reporters — laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“; ~1,3 Std.
- Stufe 9 · API requests with Playwright — laut Plan des Autors nach „Auto-waiting and the timeout hierarchy“; ~1,7 Std.
- Stufe 10 · Page architecture: base helpers and a page manager — laut Plan des Autors nach „Page Object Model: the first objects“; ~1,7 Std.
- Stufe 10 · Visual regression testing — laut Plan des Autors nach „Evidence: screenshots, video, traces and reporters“; ~1,3 Std.
- Stufe 10 · Network interception and mocking — laut Plan des Autors nach „API requests with Playwright“; ~1,8 Std.
- Stufe 11 · Fixtures: built-in, custom, and worker-scoped — laut Plan des Autors nach „Page architecture: base helpers and a page manager“; ~1,8 Std.
- Stufe 12 · Configuration, projects, environments and mobile emulation — laut Plan des Autors nach „Fixtures: built-in, custom, and worker-scoped“; ~1,7 Std.
- Stufe 13 · Authentication once: setup projects, storageState and API login — laut Plan des Autors nach „Configuration, projects, environments and mobile emulation“; ~1,7 Std.
- Stufe 13 · Parallelism, retries, tags and flakiness — laut Plan des Autors nach „Configuration, projects, environments and mobile emulation“; ~1,8 Std.
- Stufe 14 · Docker and continuous integration — laut Plan des Autors nach 2 davon: „Authentication once: setup projects, storageState and API login“, „Evidence: screenshots, video, traces and reporters“, „Parallelism, retries, tags and flakiness“; ~1,7 Std.
- Stufe 15 · Confusion pairs and exam readiness — laut Plan des Autors nach 3 davon: „Date pickers, sliders and iframes“, „Authentication once: setup projects, storageState and API login“, „Visual regression testing“, „Network interception and mocking“, „Docker and continuous integration“; ~1,7 Std.
- Stufe 15 · Delivery practice: strategy, review and evidence on an engagement — laut Plan des Autors nach „Docker and continuous integration“; optional; ~1,7 Std.
Lehrplan · 27 Einheiten
| 1 | Why Playwright, and what it actually does Explain the two failure modes of legacy UI automation — timing flakiness and driver overhead — and how Playwright's architecture removes each | ~1,2 Std. |
| 2 | The TypeScript you actually need for test code Read and write the JavaScript constructs that appear in every Playwright test: const/let, arrow functions, template literals, destructuring, objects and arrays | ~1,7 Std. |
| 3 | Installing Playwright and laying out the project Install Playwright into a new repository and into an existing front-end repository without breaking either | ~1,2 Std. |
| 4 | Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer Run the suite, a folder, a file, a single test, a project, the last failures and only the tests affected by a change from the command line | ~1,8 Std. |
| 5 | The anatomy of a test: describe, hooks, steps, annotations Structure a spec file with describe blocks and the four hooks, and say when each hook runs relative to workers | ~1,2 Std. |
| 6 | Locator syntax: CSS, text, XPath and chaining Read the DOM vocabulary a locator depends on: tag, attribute, class, id, text node, parent and child | ~1,2 Std. |
| 7 | User-facing locators and the strictness rule Apply the locator priority order: role, label, placeholder, text, alt, title, test id, CSS or XPath last | ~1,7 Std. |
| 8 | Filtering, relationships and lists of elements Use filter() with hasText, hasNotText, has, hasNot and visible to narrow a set by content, by a descendant or by visibility | ~1,2 Std. |
