Device Lab
Das Device Lab ermöglicht mobiles und responsives Testen durch Simulation verschiedener Gerätetypen direkt in xyva. Zeichnen Sie Benutzerflüsse auf virtuellen Geräten auf und generieren Sie daraus Playwright-Testcode.
Experimentell
Das Device Lab befindet sich in der experimentellen Phase. Funktionsumfang und Oberfläche können sich noch ändern.
Geräteauswahl
Wählen Sie aus drei Gerätekategorien:
| Kategorie | Viewport | Eingabe |
|---|---|---|
| Desktop | Standard-Browser-Viewport | Maus und Tastatur |
| Tablet | Responsive Tablet-Größe (z. B. 768 x 1024) | Touch-Emulation |
| Smartphone | Mobile Größe (z. B. 375 x 812) | Touch-Emulation |
Jede Kategorie nutzt Playwrights Device Descriptors, um Viewport-Dimensionen, User-Agent-Strings und Eingabefähigkeiten akkurat zu reproduzieren.
Flow-Aufzeichnung
Das Device Lab bietet eine visuelle Aufzeichnungsoberfläche:
- Ziel-URL eingeben — die zu testende Seite angeben
- Aufzeichnung starten — xyva öffnet die Seite im gewählten Geräte-Viewport
- Interagieren — klicken, scrollen, tippen und navigieren wie ein echter Nutzer
- Aufzeichnung stoppen — alle Interaktionen werden als strukturiertes Event-Log erfasst
TIP
Halten Sie die Aufzeichnung kurz und fokussiert. Ein Flow pro Benutzerjourney ist einfacher zu warten als ein langer, alles abdeckender Flow.
Code-Generierung
Nach der Aufzeichnung generiert das Device Lab Playwright-Testcode:
- Action Mapping — jede Interaktion wird in den entsprechenden Playwright-API-Aufruf übersetzt
- Selektor-Strategie — xyva nutzt den Architecture Vault, um robuste Selektoren zu wählen
- Export — Code kopieren oder direkt ins Testverzeichnis speichern
Event-Log
Während der Aufzeichnung zeigt ein Live-Log jede erfasste Interaktion:
- Klick-Koordinaten und Zielelemente
- Tastatureingaben und Formularabsendungen
- Navigationsereignisse und Seitenübergänge
- Netzwerkanfragen, die durch Aktionen ausgelöst wurden
Unterseiten
| Seite | Inhalt |
|---|---|
| Geräteemulation | Device Descriptors, Viewports, Touch-Emulation |
| Multi-Browser-Testing | Cross-Browser-Tests auf emulierten Geräten |
Einschränkungen
- Ein Gerät pro Aufzeichnungssession
- Kein physisches Gerätetesten (echte Smartphones/Tablets)
- Komplexe Gesten (Pinch-to-Zoom, Multi-Touch) werden nicht erfasst