Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| 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] – apeter | de: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: | ||
| } | } | ||
| </ | </ | ||
| + | |||
| + | 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 '' | ||
| + | <code javascript> | ||
| + | // Arrange | ||
| + | const testObject = ...; | ||
| + | |||
| + | // Act | ||
| + | const result = calculate(testObject); | ||
| + | |||
| + | // Assert | ||
| + | expect(result).not.toBeNull(); | ||
| + | expect(result.textContent).toBe(' | ||
| + | </ | ||
| + | |||
| + | Es empfiehlt sich den Test lokal laufend laufen lassen, bevor Sie ihn committen. | ||
| + | <code bash> | ||
| + | npm run test | ||
| + | </ | ||
| Ergänzen Sie Ihre '' | Ergänzen Sie Ihre '' | ||
| Zeile 36: | Zeile 57: | ||
| run: npm ci | run: npm ci | ||
| - | - name: Run Prettier | + | - name: Run Formatter |
| run: npm run format-check | run: npm run format-check | ||
| - | - name: Run ESLint | + | - name: Run Linter |
| run: npm run lint-check | run: npm run lint-check | ||
| Zeile 45: | Zeile 66: | ||
| run: npm run test-coverage | run: npm run test-coverage | ||
| </ | </ | ||
| + | |||
| + | Überprüfen Sie, ob der Test auch in der Pipeline ausgeführt wird und fehlerfrei durchläuft. | ||