Frontend — Risques & vigilance : Tests

Extrait de la base de connaissance Lead_tech. Voir knowledge/frontend/risques/README.md pour l'index complet.

Jest React Native — config node bloque les composants `.tsx`

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é

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

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

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

Test intitulé "sans fallback, la valeur EN vide n'est pas remplacée" mais qui appelle le helper avec fallback activé

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