haptika/design-qa.md

# Design QA — écrans Figma 123

## Références

- Figma 123:527 — accueil de mesure
- Figma 123:465 — préparation
- Figma 123:404 — mesure en cours
- Figma 123:320 — résultat
- Comparaison combinée : `qa/figma-123/comparison-all.jpg`

## Environnement de contrôle

- Application : React Native 0.86, build Debug iOS
- Simulateur : iPhone 17 Pro Max, iOS 26.5
- Capture optimisée : 368 × 800 px
- Les états mesure et résultat ont été contrôlés avec des données de prévisualisation réalistes, retirées après la capture.
- La marge supérieure supplémentaire de l’application correspond à la zone sûre réelle de la Dynamic Island, absente des cadres Figma.

## Comparaison visuelle

| Écran | Contrôles | Résultat |
| --- | --- | --- |
| Accueil | hiérarchie, axe, silhouette, carte caméra, CTA, navigation | conforme |
| Préparation | en-tête, photographie source, quatre consignes, alerte, CTA | conforme ; contenu défilable sur les hauteurs réduites |
| Mesure | en-tête, statut direct, halo, signal, arrêt, progression | conforme |
| Résultat | score, axe, métriques, recommandation, actions | conforme et alimenté par les vraies données |

## Contrôles fonctionnels

- [x] Les CTA accueil → préparation → mesure sont actifs.
- [x] Arrêter et Annuler interrompent la mesure.
- [x] Lancer la séance et Terminer conservent leurs callbacks produit.
- [x] Le menu, les réglages et la navigation basse restent actifs.
- [x] Les images sont les assets exportés du fichier Figma.
- [x] Le rendu respecte la zone sûre des iPhone avec Dynamic Island.
- [x] Aucun mode de démonstration n’est conservé dans le code.

## Validation technique

- [x] `npm run typecheck`
- [x] `npm run lint`
- [x] `npm run test:ci` — 17 suites, 86 tests
- [x] Build et lancement iOS sur simulateur

Résultat final : **PASS**.