Konzepterklärung
"Grundlagen der JavaScript-Laufzeit: Fokus auf Tests" führt die Gewohnheit ein, Verhalten zu überprüfen, anstatt es anzunehmen. Sie werden mit einem kleinen Testfall arbeiten, verstehen, was der Test beweist, und ihn dann mit einigen aussagekräftigen Beispielen erweitern. Ziel ist es, Tests als Feedback und nicht als Zeremonie zu sehen. Ein guter Test für Anfänger sollte leicht lesbar, schnell ausführbar und klar darüber sein, was fehlgeschlagen ist, wenn etwas kaputtgeht. Diese Lektion hilft Ihnen, alltägliche JavaScript-Logik mit einfachen Testfällen zu verbinden, damit Sie sowohl normale Eingaben als auch Grenzfälle mit Zuversicht überprüfen können.
Wo der Code hingehört
- Beginnen Sie mit Variablen und Eingaben. Verwenden Sie die Browser- oder Node.js-Syntax klar und deutlich.
- Fügen Sie die Verarbeitungslogik im mittleren Abschnitt hinzu.
- Beenden Sie mit Ausgabe und schneller Validierung.
Befehlsreferenz
- Lesen Sie zuerst jeden Testnamen und sagen Sie das erwartete Ergebnis voraus, bevor Sie etwas ausführen.
- Fügen Sie einen weiteren Test für eine andere Eingabeform hinzu, z. B. Null, negative Werte oder Dezimalzahlen.
- Ändern Sie die Funktion absichtlich, führen Sie die Tests erneut aus und beobachten Sie, wie die Fehlermeldung Ihnen beim Debuggen hilft.
- Halten Sie Testnamen spezifisch genug, damit eine andere Person das Ziel verstehen kann, ohne die gesamte Datei lesen zu müssen.
Schritt-für-Schritt-Anleitung
- Führen Sie die vorhandenen Tests einmal aus, um das Basisergebnis zu kennen.
- Lesen Sie die Funktion und identifizieren Sie, welches Verhalten bereits abgedeckt und welches noch ungetestet ist.
- Fügen Sie einen Normalfall-Test und einen Grenzfall-Test mit klaren Namen hinzu.
- Brechen Sie die Funktion absichtlich kurz, um zu bestätigen, dass die Tests den Fehler tatsächlich abfangen.
- Stellen Sie den korrekten Code wieder her und führen Sie alles erneut aus, bis der vollständige Satz bestanden ist.
Übungsaufgaben
- Schreiben Sie Tests für eine Hilfsfunktion wie `multiply`, `divide` oder `formatLabel` und decken Sie mindestens zwei verschiedene Fälle ab.
- Fügen Sie zuerst einen fehlschlagenden Test hinzu und aktualisieren Sie dann die Funktion, damit der Test bestanden wird.
- Nehmen Sie einen vagen Testnamen und schreiben Sie ihn so um, dass die Absicht sofort klar wird.
Coding-Challenges
- Erstellen Sie eine kleine Funktion mit mindestens drei Tests, die normales Verhalten, einen Grenzfall und eine überraschende Eingabe abdecken.
- Refaktorieren Sie eine Reihe schwacher Tests in eine kleinere Gruppe stärkerer Tests mit besseren Namen und klareren Erwartungen.
Kleine Übungsaufgaben
- Fügen Sie einen Grenzfall-Test hinzu.
- Benennen Sie einen Test um, damit sein Zweck klarer wird.
- Schreiben Sie eine Zeile, die erklärt, welches Verhalten Ihre Testdatei schützt.
Häufiger Fehler
Skipping input validation or mixing logic/output in one unstructured block.
Mini-Challenge aus der Praxis
Build a small real-life example for this lesson topic using 3 clear steps: input, process, output.