Willkommen im Playwright Playground

Eine bewusst verspielte, komplett lokale Übungswebsite, um Playwright und Browser-Automatisierung zu lernen: Buttons, native Popups, Formulare, Timing-Fallstricke, Drag & Drop, iframes, Shadow DOM, ein Fake-Login mit Cookies und mehr. Jede Seite enthält konkrete Aufgaben — kleine Automatisierungsziele mit sichtbarer Erfolgsanzeige, die du mit eigenen Playwright-Skripten lösen kannst.

Dein Fortschritt

0 / 0 Aufgaben erledigt

Zur Aufgabenübersicht →

🔘 Buttons

Normale, deaktivierte, verzögerte und Zähler-Buttons.

Öffnen

📝 Formulare

Text, Checkboxen, Select, Slider, Datei-Upload, Validierung.

Öffnen

💬 Popups & Dialoge

alert/confirm/prompt, eigene Modals, Toasts, neue Tabs.

Öffnen

⏱️ Dynamischer Inhalt

Ladeanimationen, verzögerte Elemente, Tabs, Sortable Table.

Öffnen

🧩 Tricky Locators

iframe, Shadow DOM, doppelte Texte, versteckte Elemente.

Öffnen

🔐 Auth-Simulation

Fake-Login mit Cookie-Session und geschützter Seite.

Öffnen

🖱️ Maus & Tastatur

Drag & Drop, Rechtsklick-Menü, Canvas, Hover-Menüs.

Öffnen

Schnellstart

npm install
npx playwright install
npm start          # Server unter http://localhost:4173
npm test           # Beispiel-Tests laufen lassen