Was steckt dahinter?

Von Sönke Schäfer, Datenschäfer | sesoft.de

Jede Woche eine neue Version der Web-App. Jede Woche jemand, der manuell durchklickt und hofft, dass nichts kaputt gegangen ist. Das kostet Zeit, nervt die Mitarbeiter – und übersieht trotzdem regelmäßig Fehler.

Es gibt eine bessere Lösung. Sie heißt Playwright.

Was ist Playwright?

Playwright ist ein Open-Source-Framework zum automatischen Testen von Web-Anwendungen, entwickelt von Microsoft. Es steuert einen echten Browser – Chrome, Firefox oder Safari – vollautomatisch: Seiten öffnen, Formulare ausfüllen, Buttons klicken, Ergebnisse prüfen. Alles, was ein Mensch manuell tun würde, kann Playwright in Minuten automatisch erledigen.

Veröffentlicht 2020, hat Playwright in kürzester Zeit die etablierten Werkzeuge in diesem Bereich überholt. Heute gilt es als Industriestandard für Browser-basiertes Testen – eingesetzt von Unternehmen wie Adobe, ING, Volkswagen und tausenden weiteren.

Website: playwright.dev

Was kostet Playwright?

Nichts. Playwright ist vollständig kostenlos und Open Source (MIT-Lizenz), auch für den kommerziellen Einsatz.

Die einzigen Kosten entstehen durch:

Einarbeitung: 4–8 Stunden bis zur ersten funktionierenden Testsuite
Testpflege: Wenn sich die App ändert, müssen manchmal Tests angepasst werden
Optionale Cloud-Dienste: Microsoft bietet mit Playwright Testing einen
kostenpflichtigen Cloud-Dienst für parallele Testläufe an – für KMU in der
Regel nicht nötig

Wer einen Windows-PC und einen Browser hat, kann Playwright heute noch einrichten und morgen früh die ersten Tests laufen lassen.

Was kann Playwright – im Überblick

Echte Browser, keine Simulation

Playwright steuert Chrome, Firefox und Safari – nicht irgendeine vereinfachte Umgebung, sondern die echten Browser, die Ihre Kunden auch nutzen. Was Playwright testet, verhält sich genauso wie in der Praxis.

Alle drei Browser gleichzeitig

Ein Test, drei Browser. Playwright führt denselben Test parallel in Chrome, Firefox und Safari aus und meldet, wenn sich etwas unterschiedlich verhält. Für Web-Apps, die auf verschiedenen Geräten und Browsern laufen müssen, ist das Gold wert.

Mobile-Ansichten testen

Playwright kann Smartphones und Tablets simulieren – inklusive Touch-Gesten, Bildschirmgrößen und Mobile-Browser-Verhalten. Kein echtes Gerät nötig.

Screenshots und Videos bei Fehlern

Wenn ein Test fehlschlägt, macht Playwright automatisch einen Screenshot und kann sogar ein Video der fehlgeschlagenen Testausführung aufzeichnen. Fehleranalyse wird damit drastisch einfacher: Man sieht genau, was schief gelaufen ist, ohne den Fehler manuell nachstellen zu müssen.

Netzwerk-Kontrolle

Playwright kann Netzwerkanfragen abfangen, verlangsamen oder mit Testdaten beantworten. So lassen sich Szenarien wie „Server antwortet langsam“ oder „API liefert einen Fehler“ kontrolliert testen – ohne
den echten Server dafür zu belasten.

Parallele Ausführung

Playwright führt mehrere Tests gleichzeitig aus. Eine Testsuite mit 50 Tests läuft nicht 50 Minuten, sondern oft in unter 3 Minuten.

Der Recorder: Tests ohne Code aufzeichnen

Das ist der Einstieg für alle ohne Programmiererfahrung: Playwright hat einen eingebauten Recorder-Modus. Man öffnet die App, klickt manuell den gewünschten Ablauf durch – und Playwright schreibt den
Testcode automatisch mit. Ergebnis: Ein fertiger, wiederverwendbarer Test, ohne eine Zeile selbst geschrieben zu haben.

Wie sieht Playwright-Code aus?

Ein Beispiel: Ein Benutzer loggt sich ein und prüft, ob sein Dashboard korrekt angezeigt wird.

import { test, expect } from '@playwright/test';

test('Login und Dashboard prüfen', async ({ page }) => {
  // Seite öffnen
  await page.goto('https://app.meinekunde.de');

  // Anmeldedaten eingeben
  await page.fill('#benutzername', 'max.mustermann');
  await page.fill('#passwort', 'sicheresPasswort');
  await page.click('button[type="submit"]');

  // Prüfen: Wurde das Dashboard geladen?
  await expect(page.locator('h1')).toContainText('Willkommen, Max');
  await expect(page).toHaveURL('/dashboard');
});

Das liest sich fast wie eine Arbeitsanweisung auf Deutsch. Genau das macht Playwright-Tests so wartungsfreundlich: Auch wer den Code nicht geschrieben hat, versteht nach kurzer Einarbeitung, was er tut.

Playwright und KI – eine starke Kombination

Hier wird es für KMU besonders interessant. Playwright-Tests schreiben war früher eine Aufgabe für erfahrene Entwickler. Mit KI-Assistenten wie Claude ändert sich das grundlegend.

Tests per Beschreibung generieren

Man beschreibt auf Deutsch, was getestet werden soll:

„Teste, ob ein Benutzer einen neuen Auftrag anlegen kann: Einloggen, Menüpunkt ‚Aufträge‘ öffnen, auf ‚Neu‘ klicken, Kundenname und Betrag eingeben, speichern, prüfen ob der Auftrag in der Liste erscheint.“

Die KI schreibt daraus fertigen, lauffähigen Playwright-Code.
Der Entwickler oder IT-Betreuer prüft ihn und führt ihn aus.
Was früher 2–3 Stunden Handarbeit war, ist heute eine 10-Minuten-Aufgabe.

Fehlermeldungen verstehen

Wenn ein Test fehlschlägt, liefert Playwright eine technische Fehlermeldung. Die KI übersetzt sie in verständliche Sprache und schlägt Lösungen vor – ohne dass man selbst Playwright-Experte
sein muss.

Testabdeckung erweitern

Die KI denkt Grenzfälle mit, die Menschen gerne vergessen:
Was passiert bei leerem Formular? Was bei sehr langen Texteingaben? Was wenn die Verbindung abbricht? Systematische Testabdeckung ohne stundenlange manuelle Überlegung.

Alternativen zu Playwright

Werkzeug	Stärken	Schwächen
Playwright	Alle Browser, PWA-Support, aktive Entwicklung	Einstieg erfordert etwas JavaScript-Grundwissen
Cypress	Sehr gute Dokumentation, große Community	Kein Safari-Support, Einschränkungen bei PWAs
Selenium	Ältester Standard, überall bekannt	Langsam, komplex, veraltet
Puppeteer	Schnell, nah am Chrome-Kern	Nur Chrome, kein Firefox/Safari

Für neue Projekte und besonders für PWAs ist Playwright heute die klare Empfehlung.

Ist Playwright das Richtige für Ihr Unternehmen?

Playwright lohnt sich, wenn mindestens einer dieser Punkte zutrifft:

✅ Eine Web-App wird regelmäßig weiterentwickelt
✅ Manuelle Tests kosten messbar Zeit pro Woche
✅ Fehler werden erst vom Kunden entdeckt, nicht intern
✅ Ein externer Dienstleister liefert neue Versionen
✅ Die App muss auf verschiedenen Browsern oder Geräten laufen

Es lohnt sich weniger, wenn die Web-App seit Jahren stabil ist und kaum verändert wird – dann reicht eine gelegentliche manuelle Prüfung.

Fazit

Playwright bringt professionelles automatisches Testen in eine Größenordnung, die auch für KMU realistisch ist: kostenlos, gut dokumentiert, mit KI-Unterstützung schnell einzurichten, und in der Lage, Fehler zu finden, bevor Ihre Kunden sie finden.

Der nächste Abschnitt zeigt, was Playwright speziell für Progressive Web Apps (PWAs) leistet – und warum gerade dort automatisches Testen besonders wichtig ist.

Sönke Siemens – Der Datenschäfer
IT-Beratung für Struktur, Ordnung und Verlässlichkeit in Ihrer Datenwelt
sesoft.de

Exkurs: Playwright und PWA-Apps – warum das besonders gut passt

Progressive Web Apps stellen besondere Anforderungen ans Testen. Sie verhalten sich wie native Apps, laufen aber im Browser – und genau diese Zwitterstellung macht manuelles Testen aufwändig
und fehleranfällig.

Was eine PWA anders macht

Eine PWA ist keine gewöhnliche Website. Sie kann:

Offline funktionieren (über einen Service Worker)
Auf dem Homescreen installiert werden (wie eine App)
Push-Benachrichtigungen senden
Daten im Hintergrund synchronisieren
Auf Kamera, GPS und andere Gerätfunktionen zugreifen

Jede dieser Funktionen ist ein potenzieller Fehlerort.
Und jede muss nach einem Update erneut geprüft werden.

Was Playwright bei PWAs besonders gut kann

Service Worker testen

Der Service Worker ist das Herzstück jeder PWA – er steuert Caching, Offline-Verhalten und Hintergrundprozesse.
Playwright kann Service Worker direkt ansprechen, ihren Status prüfen und ihr Verhalten testen. Kein anderes Testframework kann das so zuverlässig.

test('Service Worker ist registriert', async ({ page }) => {
  await page.goto('https://app.meinekunde.de');

  const serviceWorker = await page.waitForEvent('serviceworker');
  expect(serviceWorker.url()).toContain('sw.js');
});

Offline-Verhalten prüfen

Was passiert, wenn der Benutzer die Verbindung verliert?
Zeigt die App eine sinnvolle Meldung? Werden lokal gespeicherte Daten korrekt angezeigt? Playwright kann die Netzwerkverbindung während eines Tests trennen und das Verhalten der App beobachten.

test('App zeigt Offline-Meldung', async ({ page, context }) => {
  await page.goto('https://app.meinekunde.de');

  // Netzwerk trennen
  await context.setOffline(true);

  // Seite neu laden
  await page.reload();

  // Prüfen ob Offline-Hinweis erscheint
  await expect(page.locator('.offline-banner'))
    .toBeVisible();
});

Diesen Test manuell zuverlässig durchzuführen ist mühsam – Flugmodus aktivieren, App neu laden, Ergebnis notieren, Flugmodus deaktivieren. Playwright erledigt das in Sekunden, reproduzierbar, jede Woche aufs Neue.

Installierbarkeit prüfen

Eine PWA muss bestimmte technische Voraussetzungen erfüllen, damit sie installiert werden kann: HTTPS, ein gültiges Web-App-Manifest, ein registrierter Service Worker. Playwright kann all das automatisch prüfen.

Mobile-Simulation

PWAs werden häufig auf Smartphones genutzt. Playwright simuliert verschiedene Geräte mit realistischen
Bildschirmgrößen, Touch-Verhalten und Pixeldichten – ohne dass ein echtes Gerät vorhanden sein muss.

import { devices } from '@playwright/test';

// Test auf einem simulierten iPhone 14
test.use({ ...devices['iPhone 14'] });

test('Hauptnavigation auf Mobile', async ({ page }) => {
  await page.goto('https://app.meinekunde.de');

  // Hamburger-Menü auf Mobile öffnen
  await page.tap('.menu-toggle');

  await expect(page.locator('nav.mobile-menu'))
    .toBeVisible();
});

Push-Benachrichtigungen simulieren

Wenn die PWA Push-Benachrichtigungen nutzt, kann Playwright die Browser-Berechtigung dafür simulieren und das Verhalten der App bei eingehenden Benachrichtigungen testen.

Ein realistisches Testszenario für einen KMU-Kunden

Angenommen, ein Handwerksbetrieb nutzt eine PWA zur
Auftragsverwaltung. Die App wird wöchentlich vom externen
Dienstleister aktualisiert. Eine sinnvolle Basis-Testsuite
mit Playwright könnte so aussehen:

Test	Was geprüft wird	Dauer
Login	Anmeldung mit gültigen Daten funktioniert	~5 Sek.
Login fehlgeschlagen	Falsches Passwort zeigt Fehlermeldung	~3 Sek.
Aufträge laden	Liste wird nach Login angezeigt	~4 Sek.
Neuer Auftrag	Anlegen, Speichern, erscheint in Liste	~8 Sek.
Offline-Banner	Netzwerk trennen → Hinweis erscheint	~5 Sek.
Service Worker	SW ist registriert und aktiv	~3 Sek.
Mobile-Ansicht	Navigation auf iPhone-Größe funktioniert	~6 Sek.
Datei-Upload	Foto anhängen funktioniert	~7 Sek.

Gesamtdauer: unter 1 Minute. Jede Woche, vollautomatisch,
direkt nach dem Update des Dienstleisters.

Was vorher ein Mitarbeiter in 30–45 Minuten manuell durchgeführt hat, erledigt Playwright in 60 Sekunden – zuverlässiger, reproduzierbarer, und mit Protokoll.

Die organisatorische Frage: Wer pflegt die Tests?

Das ist bei PWAs die entscheidende Frage. Wenn der externe Dienstleister jede Woche neue Features liefert, können bestehende Tests brechen – weil sich ein Button-Text geändert hat, eine ID umbenannt wurde oder ein Formular umstrukturiert wurde.

Drei Wege aus diesem Dilemma:

Weg 1 – Tests werden Bestandteil des Entwicklungsauftrags.
Der Dienstleister liefert nicht nur neue Features, sondern auch aktualisierte Tests. Das ist die professionellste Lösung und sollte vertraglich vereinbart werden.

Weg 2 – Robuste Tests schreiben.
Playwright-Tests können so geschrieben werden, dass sie weniger anfällig für kleine Änderungen sind – indem man stabile Identifikatoren nutzt statt fragile CSS-Klassen. Das reduziert den Pflegeaufwand erheblich.

Weg 3 – KI übernimmt die Testanpassung.
Wenn ein Test bricht, zeigt man der KI den alten Test und die neue Version der App (als Screenshot oder
HTML-Ausschnitt). Die KI passt den Test an. Aufwand: 5–10 Minuten statt einer Stunde Fehlersuche.

Fazit: PWA + Playwright = sinnvolle Investition

PWAs sind komplex. Manuelles Testen ist bei wöchentlichen Updates auf Dauer weder wirtschaftlich noch zuverlässig. Playwright schließt diese Lücke – und ist dabei das einzige frei verfügbare Werkzeug, das alle PWA-spezifischen Funktionen vollständig abdeckt.

Der Einstieg ist mit KI-Unterstützung heute so niedrigschwellig wie nie. Wer eine PWA im Einsatz hat und regelmäßige Updates erhält, sollte automatisches Testen nicht als Option betrachten – sondern als Grundlage für verlässlichen Betrieb.

Sönke Schäfer – Datenschäfer
IT-Beratung für Struktur, Ordnung und Verlässlichkeit in Ihrer Datenwelt
sesoft.de