# Appareils à Tester

# Priorité 1 - Smartphones

• ☐ iPhone SE (375×667) - Plus petit écran iOS
• ☐ iPhone 14/15 (390×844) - Standard iOS
• ☐ iPhone 14/15 Pro Max (430×932) - Grand écran iOS
• ☐ Samsung Galaxy S23 (360×780) - Android standard
• ☐ Pixel 7 (412×915) - Android référence

# Priorité 2 - Tablettes

• ☐ iPad Mini (768×1024) - Petite tablette
• ☐ iPad Pro 11" (834×1194) - Tablette standard
• ☐ Samsung Galaxy Tab S8 (800×1280) - Android tablette

# Tests Fonctionnels

# 1. Navigation Mobile

• [ ] Menu Hamburger

  • ☐ Ouvre/ferme correctement
  • ☐ Overlay fonctionne
  • ☐ Swipe pour fermer
  • ☐ Badges de notification visibles

• [ ] Bottom Navigation

  • ☐ 4 icônes principales accessibles
  • ☐ Navigation fluide entre sections
  • ☐ Indicateur de page active
  • ☐ Hauteur suffisante (44px min)

# 2. Dashboard JAP

• [ ] Stats Cards

  • ☐ Grid 2 colonnes sur mobile
  • ☐ Chiffres lisibles (text-3xl)
  • ☐ Cards cliquables avec feedback
  • ☐ Badge animé pour contestations

• [ ] Matchs en cours

  • ☐ Badge LIVE visible
  • ☐ Scores live lisibles (text-lg)
  • ☐ Indicateur équipe qui mène
  • ☐ Border purple pour live scores
  • ☐ Nom des équipes non tronqué

# 3. Saisie de Score

• [ ] Inputs numériques

  • ☐ Clavier numérique natif s'ouvre
  • ☐ Inputs de 64px de hauteur
  • ☐ Boutons +/- fonctionnels (44px)
  • ☐ Text-2xl pour valeurs
  • ☐ Espacement suffisant entre inputs

• [ ] Validation rapide

  • ☐ Boutons empilés verticalement
  • ☐ Hauteur 44px minimum
  • ☐ Feedback au toucher (scale-95)
  • ☐ Confirmation avant validation

# 4. Listes et Tableaux

• [ ] Propositions contestées

  • ☐ Cards au lieu de tableaux
  • ☐ Boutons Valider/Rejeter accessibles
  • ☐ Raison contestation visible
  • ☐ Scroll fluide

• [ ] Liste équipes

  • ☐ Format card sur mobile
  • ☐ Informations essentielles visibles
  • ☐ Actions principales en bas
  • ☐ Pagination/lazy loading

# 5. Performances

• [ ] Temps de chargement

  • ☐ Page dashboard < 3s
  • ☐ Navigation instantanée
  • ☐ Turbo fonctionne

• [ ] Interactions

  • ☐ Touch sans lag
  • ☐ Animations fluides
  • ☐ Pas de jank au scroll

# Tests en Conditions Réelles

# Extérieur

• [ ] Lisibilité soleil

  • ☐ Contraste suffisant
  • ☐ Textes lisibles
  • ☐ Boutons visibles

• [ ] Utilisation une main

  • ☐ Bottom nav accessible avec pouce
  • ☐ Actions principales en bas
  • ☐ Pas besoin d'étirer le pouce

# Réseau

• [ ] 3G/4G faible

  • ☐ Pages se chargent
  • ☐ Turbo cache fonctionne
  • ☐ Messages d'erreur clairs

• [ ] Mode hors ligne

  • ☐ Affichage dernières données
  • ☐ Message explicite si déconnecté
  • ☐ Retry automatique

# Tests d'Accessibilité

# Touch Targets

• ☐ Tous les boutons ≥ 44×44px
• ☐ Espacement 8px minimum
• ☐ Pas de targets qui se chevauchent

# Lisibilité

• ☐ Text-base (16px) minimum
• ☐ Contraste WCAG AA (4.5:1)
• ☐ Pas de texte sur image sans overlay

# Navigation

• ☐ Focus visible au clavier
• ☐ Ordre de tabulation logique
• ☐ Labels ARIA si nécessaire

# Scénarios JAP Critiques

# Scénario 1 : Validation Score Urgent

1. ☐ Ouvrir dashboard
2. ☐ Voir notification contestation (badge rouge)
3. ☐ Cliquer sur card contestée
4. ☐ Consulter détails match
5. ☐ Valider ou rejeter score
6. ☐ Confirmation affichée

# Scénario 2 : Saisie Score Live

1. ☐ Aller sur match en cours
2. ☐ Voir score live actuel
3. ☐ Modifier score avec boutons +/-
4. ☐ Valider le score final
5. ☐ Confirmation et mise à jour

# Scénario 3 : Gestion Multi-Tournois

1. ☐ Dashboard avec plusieurs tournois
2. ☐ Naviguer entre tournois
3. ☐ Consulter stats par tournoi
4. ☐ Actions spécifiques par statut

# Scénario 4 : Consultation Terrain

1. ☐ Ouvrir tableau/bracket
2. ☐ Zoom/pan si nécessaire
3. ☐ Voir matchs du jour
4. ☐ Consulter court assigné
5. ☐ Voir horaires convocation

# Bugs Connus à Vérifier

# iOS

• ☐ Safe area (notch/home indicator)
• ☐ Bounce scroll désactivé si nécessaire
• ☐ Input zoom désactivé (viewport)

# Android

• ☐ Back button navigation
• ☐ Keyboard push content
• ☐ Status bar color

# Métriques de Succès

# Quantitatif

• ✅ 100% zones tactiles ≥ 44px
• ✅ Temps interaction < 200ms
• ✅ Contraste ≥ 4.5:1
• ✅ Text ≥ 16px

# Qualitatif

• ✅ JAP peut valider score en < 30 secondes
• ✅ Navigation intuitive sans formation
• ✅ Utilisable en plein soleil
• ✅ Fonctionne avec une seule main

# Commandes de Test

# Lancer les tests système mobile
bundle exec rspec spec/system/jap_interface_spec.rb

# Tester avec Chrome DevTools
# 1. Ouvrir Chrome
# 2. F12 → Toggle Device Toolbar
# 3. Sélectionner appareil
# 4. Naviguer sur http://localhost:3000/dashboards/jap

# Tests sur appareil réel
# 1. Obtenir IP locale : ifconfig | grep inet
# 2. Sur mobile : http://[IP]:3000/dashboards/jap
# 3. Activer mode développeur si besoin

# Validation Finale

# Par le Développeur

• ☐ Tous les tests passent
• ☐ Aucune régression desktop
• ☐ Documentation à jour

# Par un JAP Test

• ☐ Interface intuitive
• ☐ Actions rapides possibles
• ☐ Pas de blocage workflow
• ☐ Feedback positif

# Par l'Équipe

• ☐ Code review effectuée
• ☐ Tests automatisés ajoutés
• ☐ Merge request approuvée

Date : 14/10/2025
Version : 1.0
Statut : En cours de test