Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:ffit:3-jahr:cicd:learningunits:lu05:aufgaben:a01 [2026/03/08 21:58] apeterde:modul:ffit:3-jahr:cicd:learningunits:lu05:aufgaben:a01 [2026/03/08 22:31] (aktuell) apeter
Zeile 1: Zeile 1:
 ==== LU05.A01 Frontend Unit-Testing ergänzen ==== ==== LU05.A01 Frontend Unit-Testing ergänzen ====
 +
 Erfassen Sie hierfür einen Task, sofern noch keiner existiert. Verweisen Sie in allen Commit-Messages dieser Aufgabe auf den entsprechenden Task. Erfassen Sie hierfür einen Task, sofern noch keiner existiert. Verweisen Sie in allen Commit-Messages dieser Aufgabe auf den entsprechenden Task.
  
Zeile 29: Zeile 30:
   }   }
 </code> </WRAP> | </code> </WRAP> |
 +
 +Fügen Sie in Ihrem Projekt einen entsprechenden Unit-Test hinzu. Die im Theorieteil erwähnten Repositories können Ihnen womöglich als Hilfe dienen. Eine entsprechende Test-Konfigurationsdatei ist stark empfohlen.
 +
 +Gliedern Sie Ihren Test unbedingt in die 3 Abschnitte ''Arrange'', ''Act'' und ''Assert'':
 +<code javascript>
 +    // Arrange
 +    const testObject = ...;
 +
 +    // Act
 +    const result = calculate(testObject);
 +
 +    // Assert
 +    expect(result).not.toBeNull();
 +    expect(result.textContent).toBe('Test');
 +</code>
 +
 +Es empfiehlt sich den Test lokal laufend laufen lassen, bevor Sie ihn committen.
 +<code bash>
 +npm run test
 +</code>
  
 Ergänzen Sie Ihre ''.github/workflows/frontend_job.yml''-Datei mit folgenden Schritt: Ergänzen Sie Ihre ''.github/workflows/frontend_job.yml''-Datei mit folgenden Schritt:
Zeile 36: Zeile 57:
         run: npm ci         run: npm ci
  
-      - name: Run Prettier check+      - name: Run Formatter check
         run: npm run format-check         run: npm run format-check
  
-      - name: Run ESLint check+      - name: Run Linter check
         run: npm run lint-check         run: npm run lint-check
  
Zeile 45: Zeile 66:
         run: npm run test-coverage         run: npm run test-coverage
 </code> </code>
 +
 +Überprüfen Sie, ob der Test auch in der Pipeline ausgeführt wird und fehlerfrei durchläuft.
  • de/modul/ffit/3-jahr/cicd/learningunits/lu05/aufgaben/a01.1773003537.txt.gz
  • Zuletzt geändert: 2026/03/08 21:58
  • von apeter