Angular
Projet Pratique • Module 6

Projet Pratique : Suite Complète de Tests

Mettre en pratique l'ensemble des compétences : tester une application complète (Composants + Service + Mock HTTP + Couverture 100%).

Checklist de Réalisation du Projet
Configuration du TestBed et des providers
Validé
Test unitaire du service avec HttpTestingController
Validé
Mock du service pour le test de composant
À faire
Test de validation du formulaire réactif
À faire
Test de navigation entre les pages
À faire
Scénario E2E de bout en bout avec Playwright
À faire
Progression globale :2 / 6 (33%)
1. Écrire le Service

Développer TodoService avec HttpClient et couvrir les méthodes getTodos(), addTodo() et deleteTodo() avec HttpTestingController.

2. Tester le Composant

Mocker le service avec un SpyObj, simuler l'ajout d'une tâche via le template HTML et vérifier que fixture.detectChanges() actualise la liste.

3. Mesurer la Couverture

Lancer ng test --no-watch --code-coverage et inspecter le rapport HTML généré dans le dossier coverage/ pour atteindre plus de 90%.

Commandes pour exécuter la suite de tests
# Lancer les tests unitaires avec Karma
npm test

# Lancer les tests avec génération du rapport de couverture
npx ng test --watch=false --code-coverage

# Lancer la suite E2E Playwright
npx playwright test