UI Tests

• Arten von UI-Tests:
  • Unit-Tests
  • Komponententests
  • Ende-zu-Ende-Tests
  • Manuelle Tests
• Herausforderungen bei UI-Tests:
  • Arbeitsintensiv
  • Anfällig für Änderungen
  • Schwierige Fehlersuche
• Best Practices für UI-Tests:
  • Testautomatisierung:
    • Unit-Tests mit Jest, Karma, Mocha etc.
    • Komponententests mit React Testing Library, Vue Test Utils etc.
    • Ende-zu-Ende-Tests mit Cypress, Selenium etc.
  • Page Object Model:
    • Abstrahiert komplexe UI-Interaktionen
    • Verbessert die Wartbarkeit von Tests
    • Erhöht die Wiederverwendung von Code
  • Barrierefreiheit nutzen:
    • ARIA-Labels für eindeutige Identifizierung von Elementen
    • Verbesserte Zugänglichkeit für Screenreader
    • Robuste Selektoren in Tests
  • Screenshot-Tests:
    • Visuelle Regressionen erkennen
    • Dokumentation des UI-Zustands
    • Vergleich vor und nach Refactorings