Voraussetzungen

1. Node.js muss auf Ihrem Computer installiert sein.
2. Jasmine ist bereits im Projekt eingerichtet.
3. Grundkenntnisse in Unit-Tests.

Schritt 1: Karma mit Test Coverage konfigurieren

Jasmine allein erstellt keine Test Coverage, aber mit Karma können wir das Plugin karma-coverage einfach für diesen Zweck integrieren.

Installieren Sie die erforderlichen Abhängigkeiten:

• Aktualisieren Sie die Konfigurationsdatei von Karma (karma.conf.js), um das Plugin karma-coverage zu benutzen:

• Wichtig zu wissen:
  ○ preprocessors: Definiert, dass die Dateien im Verzeichnis src/ verarbeitet werden, um die Testabdeckung zu messen.
  ○ coverageReporter: Konfiguriert den Berichtstyp (in diesem Fall HTML) und das Verzeichnis, in dem der Bericht gespeichert wird, wenn der Test Coverage fertig ist.

Führen Sie die Tests mit Karma aus:

• Nach der Ausführung stehen die Abdeckungsberichte im Verzeichnis coverage/ zur Verfügung.

Schritt 2: Berichte analysieren

Öffnen Sie die Datei coverage/index.html in einem Browser, um die folgenden Details anzuzeigen:

● Statements: Prozentsatz der abgedeckten Anweisungen.
● Branches: Prozentsatz der abgedeckten Verzweigungen (z. B. if und else).
● Functions: Prozentsatz der getesteten Funktionen.
● Lines: Prozentsatz der abgedeckten Codezeilen.

Schritt 3: Abdeckung verbessern

● Schreiben Sie zusätzliche Tests, um ungetestete Szenarien abzudecken.
● Konzentrieren Sie sich auf kritische Bereiche, wie z. B. Funktionen mit komplexer Logik.
● Verwenden Sie die Metriken aus den Berichten, um wichtige Teile des Codes zu priorisieren.

Damit haben Sie eine effiziente Abdeckungsanalyse mit Jasmine und Karma eingerichtet. Jetzt wissen wir, wo wir unseren Code verbessern können, so wird nicht nur die Qualität erhöht, sondern auch mögliche Fehler erkannt, bevor sie die Nutzer erreichen. Ich hoffe, dieses kurze Tutorial war hilfreich. Now let’s code!

The post Test Coverage mit Jasmine und Karma in 3 einfachen Schritten appeared first on Rhein-Ruhr-Informatik.

1. Voraussetzungen

• Node.js und npm installiert
• Code-Editor Ihrer Wahl

2. Abhängigkeiten installieren

Dieser Schritt richtet die Testumgebung ein. Jasmine liefert die Test-Syntax und Assertion-Funktionen, während Karma als Test-Runner dient, der Tests in echten Browsern ausführt. Der Chrome-Launcher ermöglicht Tests in einer vertrauten Browserumgebung.

3. Karma konfigurieren

Der Karma-Konfigurationsassistent hilft bei der Erstellung einer optimalen Testumgebung. Durch die Auswahl von Jasmine als Testframework und Chrome als Zielbrowser stellen Sie sicher, dass Tests konsistent laufen. Die Dateipfade weisen Karma an, wo Quellcode und Tests zu finden sind.

Während der Einrichtung:

• Testframework: Jasmine
• Browser: Chrome
• Dateipfade: src/*.js, test/*.spec.js
• Behalten Sie die Standardeinstellungen für andere Optionen bei

 4. Projektstruktur

my-test-project/
├── src/
│   └── calculator.js
├── test/
│   └── calculator.spec.js
├── karma.conf.js
└── package.json

Eine logische Dateistruktur trennt Anwendungscode (src) von Testspezifikationen (test). Die .spec.js-Endung identifiziert Testdateien klar, gemäß JavaScript-Community-Konventionen. Diese Organisation verbessert die Wartbarkeit.

5. Beispielcode (src/calculator.js)

Hier ist der Beispielcode, für den wir Tests schreiben werden:

6. Testfälle (test/calculator.spec.js)

Jasmines lesbare Syntax verwendet describe-Blöcke, um verwandte Tests zu gruppieren, und it-Aussagen für individuelle Szenarien. Jede expect-Assertion überprüft spezifische Funktionalität und schafft ein Sicherheitsnetz gegen Regressionen.

7. npm-Scripts (package.json)

Benutzerdefinierte Scripts in package.json automatisieren die Testausführung. Der –single-run-Modus ist ideal für CI/CD-Pipelines, während der Watch-Modus während der Entwicklung sofortiges Feedback liefert. Diese Shortcuts optimieren Ihren Test-Workflow.

8. Tests ausführen

Die Testausführung validiert das Codeverhalten in Echtzeit. Karma startet eine Browser-Instanz, führt alle Tests aus und meldet Ergebnisse im Terminal. Grüne Häkchen bestätigen korrekte Funktionalität, während Fehler problematische Bereiche hervorheben.

Universelle Tipps

• Beginnen Sie mit einfachen Testfällen
• Verwenden Sie describe() für Testgruppen
• Jedes it() repräsentiert ein Test-Szenario
• Gängige Matcher: .toBe(), .toEqual(), .toThrow()
• Debuggen Sie bei Bedarf mit console.log() in Tests

Und jetzt: Frohes Testen! 🚀

The post Einstieg in Unit-Tests mit JavaScript, Jasmine und Karma appeared first on Rhein-Ruhr-Informatik.