Le panneau était découpé par table SQL, pas par question que se pose l'admin. Conséquence : « je constate ici, j'agis dans un autre onglet », et aucun moyen de voir ce qui coince réellement. Redécoupage — un onglet = une question - Pilotage : est-ce que ça tourne ? (fusionne l'ancien « Actions ») - Groupes : trouver et corriger - Localisations : qu'est-ce qui coince dans le géocodage ? ← NOUVEAU - Journal : que s'est-il passé ? - LLM & coûts : combien ça coûte ? Pilotage : chaque chiffre problématique porte son action - Bandeau de santé (groupes, géocodage, file, bloqués, coût) coloré par état - Alertes actionnables : « 12 localisations en erreur » + [Examiner] + [Tout remettre en file], au lieu d'un mur de boutons dans un autre onglet - Déclencheurs de traitements inline, opérations destructives repliées - L'ancien bloc « Éléments de genre » (des centaines de mots-clés jamais consultés) est retiré Localisations : la vue qui manquait totalement L'admin ne disposait que d'actions EN MASSE sur band_locations et d'aucun moyen de voir CE qui échouait. Débloquer un seul lieu supposait de relancer des milliers d'appels Geoapify/Groq facturés. - GET /admin/api/locations liste filtrable (statut, lieu, groupe, pays) - POST /admin/api/locations/:id/requeue relance UNE ligne - PATCH /admin/api/locations/:id saisie manuelle des coordonnées - Diagnostic lisible sans clic : lieu brut, statut, essais, erreur réelle Groupes : recherche d'abord Une barre de recherche et des filtres rapides en chips remplacent les 8 champs texte ; les filtres avancés sont repliés. Accessibilité - Lignes de tableau activables au clavier (role=button, tabindex, Entrée) - Modales : Échap ferme, focus piégé, focus rendu à l'élément d'origine - Contraste : --err (#c61a1a) échouait WCAG AA en texte sur fond sombre (3,4:1). Les messages d'erreur étaient difficiles à lire. Ajout de --err-text / --ok-text (~6,5:1) pour les usages en couleur de texte. Détecté par les nouveaux tests axe sur les vues rendues. - Statuts affichés en français au lieu des valeurs brutes de la base Tests - 36 tests API sur les trois nouveaux endpoints (allowlist de statuts, bornes des coordonnées, audit, 404) - 53 parcours Playwright sur la VRAIE app Fastify + faux pool, dans une topologie identique à la production (statique servi + /admin/* proxifié) - Tests axe sur les vues RENDUES : le test jsdom existant ne voyait que la coquille vide du dashboard, tout étant construit en JavaScript - e2e branché sur le hook pre-push, pas sur `check` : la boucle de développement reste à 6 s, le push coûte 28 s Correction trouvée par les tests Le routeur ne séparait pas la query string du nom de vue : « #/locations?status=error » ne correspondait à aucun alias et retombait sur Pilotage — les liens des alertes ne fonctionnaient pas. Co-Authored-By: Claude <noreply@anthropic.com>
48 lines
1.3 KiB
Bash
48 lines
1.3 KiB
Bash
#!/bin/sh
|
|
#
|
|
# Porte de qualité locale — c'est ICI que la CI de ce projet se joue.
|
|
#
|
|
# Le déploiement Coolify se déclenche sur webhook à chaque push : rien ne
|
|
# s'interpose entre `git push` et la mise en ligne. Ce hook est donc le dernier
|
|
# filet avant que du code cassé parte en dev.
|
|
#
|
|
# Installation (une fois par clone) : npm run hooks:install
|
|
# Contournement ponctuel : git push --no-verify
|
|
#
|
|
set -e
|
|
|
|
echo "▶ pre-push : porte de qualité + parcours e2e (~30 s)…"
|
|
|
|
start=$(date +%s)
|
|
|
|
# `check` d'abord (6 s) : la majorité des régressions y tombent, autant échouer
|
|
# vite. Les parcours Playwright (~22 s) ensuite, seulement si le reste est vert.
|
|
if ! npm run --silent check; then
|
|
cat >&2 <<'MSG'
|
|
|
|
✗ La porte de qualité a échoué — push interrompu.
|
|
|
|
Corriger, ou pousser quand même en connaissance de cause :
|
|
git push --no-verify
|
|
|
|
Correction automatique de la plupart des problèmes de style :
|
|
npm run lint:fix && npm run lint:py:fix
|
|
MSG
|
|
exit 1
|
|
fi
|
|
|
|
if ! npm run --silent test:e2e; then
|
|
cat >&2 <<'MSG'
|
|
|
|
✗ Les parcours e2e ont échoué — push interrompu.
|
|
|
|
Rejouer en mode interactif pour comprendre :
|
|
npm run test:e2e:ui
|
|
|
|
Sur un clone neuf, récupérer d'abord le navigateur :
|
|
npm run test:e2e:install
|
|
MSG
|
|
exit 1
|
|
fi
|
|
|
|
echo "✓ pre-push : tout est vert ($(( $(date +%s) - start ))s)"
|