senke/veza
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
veza/apps/web/PLAN_AMELIORATION_TESTS.md

5.8 KiB
Raw Blame History

Plan d'Amélioration de la Couverture de Tests

Date: 2025-01-27
Objectif: Atteindre 80%+ de couverture de tests

📊 État Actuel

Tests Existants

  • ✅ 73 fichiers .test.ts (tests unitaires)
  • ✅ 170 fichiers .test.tsx (tests composants)
  • ✅ 18 fichiers .spec.ts (tests E2E Playwright)
  • ✅ Vitest configuré avec seuil de 80%
  • ✅ Playwright configuré pour tests E2E

Composants UI avec Tests

  • ✅ avatar.test.tsx
  • ✅ badge.test.tsx
  • ✅ button.test.tsx
  • ✅ card.test.tsx
  • ✅ dialog.test.tsx
  • ✅ dropdown.test.tsx
  • ✅ file-upload.test.tsx
  • ✅ loading-spinner.test.tsx
  • ✅ modal.test.tsx
  • ✅ select.test.tsx
  • ✅ skeleton.test.tsx
  • ✅ tooltip.test.tsx
  • ✅ date-picker.test.tsx

Composants UI SANS Tests (à créer)

  • ❌ alert.tsx
  • ❌ avatar-upload.tsx
  • ❌ button-loading.tsx
  • ❌ checkbox.tsx
  • ❌ confirmation-dialog.tsx
  • ❌ DataList.tsx
  • ❌ dropdown-menu.tsx
  • ❌ empty-state.tsx
  • ❌ focus-trap.tsx
  • ❌ FormField.tsx
  • ❌ HelpText.tsx
  • ❌ ImageCropper.tsx
  • ❌ ImageViewerModal.tsx
  • ❌ input.tsx
  • ❌ label.tsx
  • ❌ LazyComponent.tsx
  • ❌ optimized-image.tsx
  • ❌ progress.tsx
  • ❌ radio-group.tsx
  • ❌ scroll-area.tsx
  • ❌ slider.tsx
  • ❌ switch.tsx
  • ❌ table.tsx
  • ❌ tabs.tsx
  • ❌ textarea.tsx
  • ❌ Toast.tsx
  • ❌ virtualized-list.tsx
  • ❌ WaveformVisualizer.tsx

Total: ~28 composants UI sans tests

🎯 Plan d'Action

Phase 1: Tests Composants UI Critiques (Priorité Haute)

Objectif: Couvrir les composants UI les plus utilisés

Semaine 1-2

  • input.tsx - Composant critique, utilisé partout
  • checkbox.tsx - Composant critique
  • textarea.tsx - Composant critique
  • progress.tsx - Composant critique
  • alert.tsx - Composant critique pour feedback
  • tabs.tsx - Composant critique pour navigation
  • switch.tsx - Composant critique pour settings

Semaine 3-4

  • table.tsx - Composant critique pour données
  • radio-group.tsx - Composant critique
  • slider.tsx - Composant critique
  • empty-state.tsx - Composant critique pour UX
  • label.tsx - Composant critique pour formulaires
  • scroll-area.tsx - Composant critique

Phase 2: Tests Composants UI Avancés (Priorité Moyenne)

Objectif: Couvrir les composants UI spécialisés

Semaine 5-6

  • ImageCropper.tsx - Composant spécialisé
  • avatar-upload.tsx - Composant spécialisé
  • confirmation-dialog.tsx - Composant spécialisé
  • dropdown-menu.tsx - Composant spécialisé
  • Toast.tsx - Composant spécialisé
  • ImageViewerModal.tsx - Composant spécialisé

Semaine 7-8

  • WaveformVisualizer.tsx - Composant spécialisé audio
  • virtualized-list.tsx - Composant spécialisé performance
  • optimized-image.tsx - Composant spécialisé performance
  • LazyComponent.tsx - Composant spécialisé performance
  • FormField.tsx - Composant spécialisé formulaires
  • HelpText.tsx - Composant spécialisé formulaires
  • DataList.tsx - Composant spécialisé données
  • focus-trap.tsx - Composant spécialisé accessibilité
  • button-loading.tsx - Composant spécialisé UX

Phase 3: Tests Services & Utilitaires (Priorité Haute)

Objectif: Couvrir la logique métier

Services à Tester (20 fichiers)

  • adminService.ts - Tests manquants
  • analyticsService.ts - Tests manquants
  • chatService.ts - Tests manquants
  • commerceService.ts - Tests manquants
  • developerService.ts - Tests manquants
  • educationService.ts - Tests manquants
  • gamificationService.ts - Tests manquants
  • gearService.ts - Tests manquants
  • groupService.ts - Tests manquants
  • marketplaceService.ts - ✅ Déjà testé
  • playlistService.ts - Tests manquants
  • projectService.ts - Tests manquants
  • searchService.ts - Tests manquants
  • sessionService.ts - Tests manquants
  • socialService.ts - Tests manquants
  • storageService.ts - Tests manquants
  • uploadService.ts - Tests manquants
  • userService.ts - Tests manquants

Phase 4: Tests Context & Hooks (Priorité Moyenne)

Objectif: Couvrir la gestion d'état

Context à Tester (5 fichiers)

  • AudioContext.tsx - Tests manquants
  • AuthContext.tsx - Tests manquants
  • CartContext.tsx - Tests manquants
  • ThemeContext.tsx - Tests manquants
  • ToastContext.tsx - Tests manquants

Hooks à Tester (~21 fichiers)

  • Vérifier quels hooks ont déjà des tests
  • Créer tests pour hooks manquants

Phase 5: Tests Composants Views (Priorité Basse)

Objectif: Couvrir les vues principales

Views à Tester (~21 fichiers)

  • AdminView.tsx
  • AnalyticsView.tsx
  • AuthView.tsx
  • ChatView.tsx
  • EducationView.tsx
  • FileDetailsView.tsx
  • FileManagerView.tsx
  • GearView.tsx
  • LiveView.tsx
  • MarketplaceView.tsx
  • NotificationsView.tsx
  • ProfileView.tsx
  • PurchasesView.tsx
  • SearchPageView.tsx
  • SettingsView.tsx
  • SocialView.tsx
  • UploadView.tsx

📈 Métriques de Succès

Objectifs

  • ✅ 80%+ couverture globale
  • ✅ 90%+ couverture pour composants UI critiques
  • ✅ 80%+ couverture pour services
  • ✅ 70%+ couverture pour views

Outils

  • Vitest avec @vitest/coverage-v8
  • Playwright pour tests E2E
  • MSW pour mocks API

🚀 Prochaines Étapes Immédiates

  1. ✅ Installer @vitest/coverage-v8
  2. ⏳ Générer rapport de couverture actuel
  3. ⏳ Identifier zones critiques avec faible couverture
  4. ⏳ Créer tests pour composants UI critiques en priorité
  5. ⏳ Créer tests pour services manquants

Dernière mise à jour: 2025-01-27