Hinweis 02-2: Der Leerzustand
Stufe 1 zuerst lesen, dann selbst probieren. Die nächste Stufe erst, wenn du nach zwei Versuchen feststeckst.
Stufe 1: Denkfrage
Was sieht eine Person, die die App zum ersten Mal öffnet und noch keine Leads hat? Eine leere Tabelle sagt ihr nichts. Was müsste dort stehen, damit sie weiss, was zu tun ist?
Stufe 2: Teilbeispiel
Am Anfang von LeadList, vor dem return mit der Tabelle:
if (leads.length === 0) {
return <p data-testid="empty-state">...</p>;
}
Stufe 3: Konkrete Erklärung
Ein früher return ist in React völlig normal: Die Komponente entscheidet anhand der Daten,
was sie zeigt. Der Test verlangt mehr als zehn Zeichen Text und keine Zeile mit
lead-row-. Schreib einen Satz, der sagt, was fehlt und was die Person tun kann, zum
Beispiel "Noch keine Leads vorhanden. Lege einen neuen Lead an oder passe die Filter an."