Playwright

Playwright ist eine Open-Source-Bibliothek zur Browser-Automatisierung, die von Microsoft gepflegt wird. Sie steuert Chromium, Firefox und WebKit über eine gemeinsame API und bietet offizielle Bindings für JavaScript und TypeScript, Python, Java und .NET. Ein Skript öffnet Seiten, klickt, tippt, wartet auf Netzwerkaktivität und liest das DOM aus, meist in einem Headless-Browser ohne sichtbares Fenster.

Playwright bringt mit Playwright Test einen eigenen Test-Runner mit, der parallele Testausführung, Wiederholungen, Tracing und Screenshot-Assertions ergänzt. Viele Teams nutzen ihn für End-to-End-Tests und um Screenshots als Teil einer Build- oder Deploy-Pipeline zu erzeugen.

Was Playwright kann

• Eine Seite mit demselben Skript in Chromium, Firefox oder WebKit öffnen.
• Ein Gerät emulieren: Viewport-Größe, Skalierungsfaktor, Touch, Gebietsschema, Zeitzone und Farbschema.
• Formulare ausfüllen, Elemente anklicken und auf Selektoren, Netzwerkanfragen oder Ladezustände der Seite warten.
• Netzwerkanfragen abfangen oder simulieren.
• Traces, Videos und Screenshots jedes Testlaufs aufzeichnen.

Screenshots mit Playwright

page.screenshot() speichert den aktuellen Viewport als PNG oder JPEG. Die Option fullPage nimmt die gesamte scrollbare Seite auf, clip ein Rechteck und locator.screenshot() ein einzelnes Element. Der deviceScaleFactor des Browserkontexts legt fest, ob die Ausgabe in 1x- oder 2x-Auflösung entsteht.

In Playwright Test vergleicht toHaveScreenshot() ein neues Bild mit einer gespeicherten Referenz und lässt den Test fehlschlagen, wenn die Pixelabweichung einen Schwellenwert überschreitet. Das ist eine verbreitete Grundlage für visuelle Regressionstests.

Playwright und Puppeteer im Vergleich

Beide Bibliotheken automatisieren Browser per Code, und beide erstellen Screenshots und PDFs. Playwright unterstützt Chromium, Firefox und WebKit und bietet Bindings für vier Sprachumgebungen. Puppeteer ist eine Node.js-Bibliothek mit Fokus auf Chrome, die Firefox-Unterstützung kam später hinzu. Playwright enthält einen vollständigen Test-Runner, Puppeteer wird meist mit einem separaten Runner wie Jest kombiniert. Die Wahl hängt oft von der Programmiersprache, den benötigten Browsern und dem bereits eingesetzten Werkzeug ab.

Häufige Fehler

• Den Screenshot aufnehmen, bevor Webfonts, Bilder oder Lazy-Loading-Inhalte fertig geladen sind.
• Cookie-Banner oder Chat-Widgets im Bild lassen.
• Referenzbilder vergleichen, die auf einem anderen Betriebssystem mit abweichender Schriftdarstellung entstanden sind.
• Übersehen, dass der Standard-Viewport klein ist und nicht einer typischen Desktop-Breite entspricht.

Immer wieder dieselben Screenshots?

Website Capture in Temposhot nimmt eine Liste von URLs mit Desktop 1920×1080, Tablet 768×1024 oder Mobile 390×844 auf, ohne dass Sie ein Skript schreiben. Mehr dazu unter Website-Screenshot-Automatisierung.

Häufige Fragen

Ist Playwright kostenlos?

Ja. Playwright ist Open Source unter der Lizenz Apache 2.0.

Kann Playwright eine ganze Webseite aufnehmen?

Ja. Übergeben Sie fullPage: true an page.screenshot(). Bei Seiten mit Lazy Loading müssen Sie eventuell zuerst scrollen, damit alle Bilder geladen werden.

Braucht Playwright einen sichtbaren Browser?

Nein. Playwright läuft standardmäßig headless und kann zum Debuggen auch mit sichtbarem Fenster laufen.

Quellen

• Playwright-Dokumentation
• Playwright-Leitfaden zu Screenshots
• Visuelle Vergleiche in Playwright

Weiterführende Ressourcen

• Schnellstart für Website Capture: eine URL-Liste ohne Code aufnehmen.
• Optionen von Website Capture: Einstellungen für Gerät, Bereich, Wartezeit und Format.
• Bilder vergleichen: zwei Screenshots im Browser auf Unterschiede prüfen.