mirror of
https://github.com/MaksTinyWorkshop/_Assistant_Lead_Tech
synced 2026-04-27 14:58:16 +02:00
capitalisation: intégration 33 propositions RL799_V2 (triage 2026-04-07)
Backend: 21 entrées (general, prisma, contracts, auth, patterns) Frontend: 9 entrées (navigation, tests, general, performance, patterns) Workflow: 5 entrées (story-tracking) Nouveau fichier: backend/patterns/general.md 95_a_capitaliser.md purgé. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -5,8 +5,8 @@ bucket: patterns
|
||||
tags: [tests, react-native, jest, styles, ui]
|
||||
applies_to: [implementation, review]
|
||||
severity: medium
|
||||
validated_on: 2026-03-19
|
||||
source_projects: [app-alexandrie]
|
||||
validated_on: 2026-04-07
|
||||
source_projects: [app-alexandrie, RL799_V2]
|
||||
---
|
||||
|
||||
# Frontend — Patterns : Tests
|
||||
@@ -62,3 +62,31 @@ it('variante primary utilise colors.primary', () => {
|
||||
|
||||
1. `.spec.ts` (node) : tokens, valeurs, logique pure
|
||||
2. `.spec.tsx` (config séparée avec renderer) : rendu visuel, interactions
|
||||
|
||||
---
|
||||
|
||||
<a id="pattern-niveaux-test-frontend-vue"></a>
|
||||
## Pattern : Niveaux de test frontend Vue
|
||||
|
||||
### Synthèse
|
||||
|
||||
- **Objectif** : clarifier quand utiliser chaque niveau de test frontend Vue (structurel, composant monté, E2E).
|
||||
- **Contexte** : les tests frontend du projet sont du string-matching sur le source `.vue` (`readFileSync` + `includes`). Ce pattern est rapide mais ne valide pas le comportement réel.
|
||||
- **Quand l'utiliser** : à chaque choix de stratégie de test sur un composant Vue.
|
||||
|
||||
### Niveaux
|
||||
|
||||
| Niveau | Outil | Quand l'utiliser |
|
||||
|--------|-------|-----------------|
|
||||
| Structurel (string-matching) | `node:test` + `readFileSync` | Smoke tests : vérifier qu'un composant contient les imports, props, slots attendus. Acceptable pour MVP/sprint rapide. |
|
||||
| Composant monté | `@vue/test-utils` + `vitest` | Valider le comportement interactif (toggle, emit, slots conditionnels). Obligatoire dès qu'il y a de la logique UI. |
|
||||
| E2E | Playwright | Parcours critiques multi-pages. |
|
||||
|
||||
### Règle
|
||||
|
||||
Si un test vérifie un *comportement* (ex: "le menu se ferme après clic"), il doit monter le composant, pas chercher une string dans le source.
|
||||
|
||||
### Validation
|
||||
|
||||
- Validé le : 03-04-2026
|
||||
- Contexte technique : Vue 3 / node:test — RL799_V2 story 6A.8
|
||||
|
||||
Reference in New Issue
Block a user