session-demo
SwissTD 2027 Edition Public Beta
Swiss Testing Day Logo Playground

Das offizielle Testobjekt des Swiss Testing Day 2027

Eine vollständige Web-Applikation zum Testen. Sie besteht aus einem Online-Shop, einem Backoffice mit fünf Abteilungen und einer Sammlung von UI-Elementen zum Üben von Test-Automation.

Es ist ein echtes System, kein Mock und kein Prototyp. Enthalten sind rund 150 Produkte, über 240 REST-Endpoints, eine PostgreSQL-Datenbank und 145 interaktive UI-Elemente. Alles läuft mit Standard-HTML5, ohne Bindung an ein bestimmtes Framework.

Nutzbar für QA-Engineers, Tester, Einsteiger und Trainer. Ohne Login, ohne Setup, anonym. Im Browser oder per Docker in wenigen Minuten startklar.

Live Demo · Element Garden Preview
<button>: Klick-Interaktion
✓ Element gefunden: [data-testid="demo-btn"]
<input>: Texteingabe
Locator: input[data-testid="demo-input"] · value: ""
<input type="checkbox">: Toggle
State: checked = true
Jede Interaktion zeigt den Locator, genau wie dein Automation-Werkzeug.

145 UI-Elemente 18 Kategorien 656 Testvariationen 915 eingebaute Fehler 31 Workflows über 240 API-Endpoints 116 Seiten

01 · Wozu dieses System dient

Ein echtes System, gebaut als Testziel.

Wer Testen üben, zeigen oder unterrichten will, braucht ein realistisches Objekt. Todo-Apps sind dafür zu klein, echte Firmensysteme zu gross und nicht zugänglich. Der Playground schliesst diese Lücke.

Werkzeug-unabhängig

Standard-HTML5, REST mit JSON und PostgreSQL. Jedes Werkzeug funktioniert, ohne Zusatz.

HTML5 REST PostgreSQL

Realistisch

Rund 150 Produkte, fünf Abteilungen, 20 Rollen, Schweizer Mehrwertsteuer und Postleitzahlen. Kein Hello World.

150 Produkte 20 Rollen CH-MwSt

Sofort nutzbar

Im Browser oder per Docker, ohne Login und ohne Account. In wenigen Minuten startklar.

kein Login anonym kostenlos

Kein Produkt, eine Spielwiese.

Der Playground ist nicht dafür gebaut, fachlich und technisch in jedem Punkt zu stimmen — er wird nicht produktiv eingesetzt und erhebt diesen Anspruch nicht. Im Fachmodell stecken Unschärfen, manche davon mit Absicht. Genau die machen ihn brauchbar: Man kann daran nicht nur das Testen üben, sondern auch das Hinsehen — Anforderungen hinterfragen, Widersprüche finden, Entscheidungen begründen. Wer hier etwas findet, das nicht passt: gut. Dafür ist er da.

02 · Was du hier üben kannst

Den ganzen Ablauf, vom ersten Testfall bis zum Lasttest.

Jede Fähigkeit hat einen konkreten Ort im System, an dem du sie ausprobieren kannst.

Und das System wartet nicht auf dich: im Hintergrund läuft ein Betrieb weiter, in dem Kunden stornieren, Pakete niemanden antreffen und Lieferungen ihre Zeit brauchen. Wie das aussieht →

01

Anforderungen und Testdesign

Der Playground bringt eine Traceability-Matrix und einen Katalog von Testfällen mit. Daran lässt sich Anforderungsverfolgung üben, und mit Äquivalenzklassen entstehen 656 Testvariationen.

Wiki · Traceability 656 Testvariationen
02

Manuelles und exploratives Testen

Ein vollständiger Online-Shop und fünf Backoffice-Abteilungen mit realistischen Geschäftsprozessen. 31 geführte Workflows in drei Schwierigkeitsstufen. 915 eingebaute Fehler im ganzen Playground, mit Quiz und Punkten.

Shop · Backoffice 31 Workflows 915 Fehler
03

Test-Automation

145 UI-Elemente mit fertigem Locator-Code zum Kopieren, für Playwright und Cypress. Auf allen interaktiven Elementen liegt ein data-testid. Enthalten sind auch Shadow DOM, iFrames und Drag-and-Drop.

Element Garden Playwright · Cypress
04

API-Testing

Über 240 REST-Endpoints in sechs Services, jeder mit Swagger-Dokumentation. Anlegen, Lesen, Ändern und Löschen auf allen Objekten wie Produkten, Bestellungen, Rechnungen und Lieferungen.

Swagger je Service CRUD
05

Nicht-funktionale Tests

Performance-Tests laufen gegen eine echte Datenbank, nicht gegen einen Mock. Für Security gibt es Anmelde- und Sicherheits-Elemente sowie absichtlich eingebaute Schwachstellen. Für Barrierefreiheit sind gezielt Fehler eingebaut, die man mit Werkzeugen wie axe findet.

echte DB Security-Schwachstellen A11y-Fehler

03 · Kann ich einfach loslegen?

Ja. Du bekommst deine eigene Session.

Kein Account, keine Freigabe, kein Risiko. Der Playground ist zum Kaputtmachen da.

🆔

Isolierte Sessions

Jeder Besucher arbeitet mit eigenen Daten. Niemand stört den anderen. Auch in Schulungen mit vielen Teilnehmern.

eigene Daten je Besucher

Live-System und Sandbox

Das Live-System zeigt laufende Geschäftsprozesse. In der Sandbox probierst du frei aus, so viel du willst.

Live Sandbox

Alles zurücksetzbar

Die Testdaten lassen sich über die Tool-Box zurücksetzen. Nichts geht dauerhaft kaputt.

Testdaten-Verwaltung

04 · Für wen ist es?

Vier Gruppen, dieselbe Umgebung.

🔍

QA-Engineers und Tester

Explorativ testen, Testfälle schreiben, Automation üben, Fehler-Challenges lösen. Von Grundlagen bis Shadow DOM.

🎓

Einsteiger und Studierende

Erste Schritte mit Test-Automation. Fertiger Code zum Kopieren, geführte Workflows, sofortige Rückmeldung.

📚

Trainer und Dozenten

Fertige Übungsumgebung für Kurse und Workshops. Keine Installation, kein Wartungsaufwand, 31 Szenarien.

🔧

Tool-Hersteller

Alle Anbieter nutzen dieselbe Umgebung unter denselben Bedingungen.

05 · Wo fängst du an?

Drei Bereiche. Jeder eigenständig nutzbar.

Kompatibilität

Bring dein Werkzeug mit

Standard-Technologien, keine Plugins. Jedes Tool funktioniert sofort.

HTML5 + Alpine.js 3 Python 3.12 + FastAPI PostgreSQL 16 Redis + Docker Tailwind CSS

Bereit zum Testen?

Kein Account, kein Setup, anonym. Wähle deinen Einstieg.

Wie dieses System entstand

Gebaut mit KI.

Der Playground ist selbst ein KI-Projekt. Ein Forward Deployed Engineer hat ihn gemeinsam mit KI entwickelt. Das gilt für alles im System: Anforderungen, Testfälle, Testautomation, Code, Testdaten und Dokumentation.

🧪

Willkommen im Sandbox-Modus!

Im Sandbox-Modus hast du die volle Kontrolle über das Testsystem:

🐞
Bugs aktivieren
188 fest eingebaute Fehler im Element Garden, dazu weitere im ganzen System.
⚙️
System konfigurieren
API, Services, Datenbanken und Backoffice-Einstellungen anpassen.
💾
Konfigurationen speichern
Erstelle verschiedene Testszenarien und wechsle schnell zwischen ihnen.
🎯
Challenge starten
Finde alle Bugs und verfolge deinen Fortschritt!

Das Live System bleibt davon unberührt — du kannst jederzeit zurückwechseln.