mirror of
https://github.com/MaksTinyWorkshop/_Assistant_Lead_Tech
synced 2026-04-06 21:41:42 +02:00
47 lines
2.0 KiB
Markdown
47 lines
2.0 KiB
Markdown
# Frontend — Risques & vigilance : Tests
|
|
|
|
> Extrait de la base de connaissance Lead_tech. Voir `knowledge/frontend/risques/README.md` pour l'index complet.
|
|
|
|
---
|
|
|
|
<a id="risque-jest-rn-config-node"></a>
|
|
## Jest React Native — config node bloque les composants `.tsx`
|
|
|
|
### Risques
|
|
|
|
- `SyntaxError: Cannot use import statement outside a module` lors de l'import d'un barrel `.ts` qui réexporte des `.tsx`
|
|
- Impossible d'importer des composants React Native dans les tests — JSX non transformé
|
|
|
|
### Symptômes
|
|
|
|
- Erreur de syntaxe inattendue au run des tests sur un fichier `.ts` qui importe un `.tsx`
|
|
- Les tests de tokens passent mais tout test touchant un composant échoue
|
|
|
|
### Bonnes pratiques / mitigations
|
|
|
|
- `transform: { '^.+\\.ts$': 'ts-jest' }` ne transforme que `.ts` — pas `.tsx`
|
|
- **Pattern recommandé** : tester la logique pure (tokens, valeurs de style) dans `.spec.ts`, le rendu visuel dans `.spec.tsx` avec une config séparée (`@testing-library/react-native` + `babel-jest`)
|
|
- Exporter le `StyleSheet` de chaque composant pour le tester sans JSX (voir pattern dédié dans `10_frontend_patterns_valides.md`)
|
|
- Contexte technique : React Native / Jest / ts-jest — app-alexandrie 19-03-2026
|
|
|
|
---
|
|
|
|
<a id="risque-faux-test-negatif"></a>
|
|
## Faux test négatif — tester le helper au lieu de tester l'exclusion
|
|
|
|
### Risques
|
|
|
|
- Un test nommé "X n'utilise pas Y" qui appelle Y en interne est un test normal mal documenté, pas un test d'exclusion
|
|
- Donne une fausse confiance sur le comportement par défaut du helper
|
|
|
|
### Symptômes
|
|
|
|
- Test intitulé "sans fallback, la valeur EN vide n'est pas remplacée" mais qui appelle le helper avec fallback activé
|
|
|
|
### Bonnes pratiques / mitigations
|
|
|
|
- Un vrai test négatif vérifie que X n'importe pas Y, ou que le comportement par défaut empêche l'effet indésirable
|
|
- Pour un helper à fallback optionnel : tester explicitement le cas `fallbackToFr=false` (défaut) avec une valeur vide
|
|
|
|
- Contexte technique : TypeScript / Jest — app-template-resto 17-03-2026
|