Was verstehst du unter 'Sources'?

Im Kontext der Webentwicklung und Tests bezieht sich "Sources" auf die Sammlung von Quelldateien, aus denen eine Webanwendung oder eine Website besteht.

Dazu gehören:

• HTML-Dateien: Die Struktur der Webseite.
• CSS-Dateien: Gestaltung und Stilelemente.
• JavaScript-Dateien: Client-seitige Logik, Interaktivität.
• Bilder: Grafikelemente (Formate JPEG, PNG, SVG usw.).
• Schriftarten: Schriftdateien (Formate WOFF, WOFF2, TTF usw.).
• Andere Ressourcen: Zum Beispiel JSON-Dateien für Daten, SVG-Icons usw.

In den Entwickler-Tools der Browser (z.B. Chrome DevTools, Firefox Developer Tools) ermöglicht die Registerkarte "Sources" das Anzeigen, Debuggen und Analysieren dieser Dateien auf der Client-Seite. Dies ist für QA-Ingenieure entscheidend, um:

• Geladene Ressourcen zu überprüfen.
• JavaScript-Code zu debuggen, um Fehler zu erkennen.
• Die Struktur und Stile der Seite zu analysieren.
• Haltepunkte für schrittweise Codeausführung zu setzen.

Daher sind "Sources" die grundlegenden Komponenten, die die Benutzeroberfläche und Funktionalität der Webanwendung bilden und für Inspektion und Debugging auf der Client-Seite zugänglich sind.