flowdeck/TESTING.md

FlowDeck — Grille de Tests Visuels

Version: 2.1.0 | Dernière mise à jour: 2026-07-10 | Dernier run: 2026-07-10 | Résultat: 55/61

Résumé du dernier run (2026-07-10)

Section	Pass	Fail	Notes
Dashboard	8/9	❌ D6 Quick Find	Quick Find pas implémenté dans le dashboard
Board Kanban	9/9	—	OK
Drag & Drop	5/5	—	✅ Fix CSRF + refresh appliqué
Création Issue	6/6	—	✅ Fix CSRF appliqué
Vues	7/7	—	OK
Filtres & Tri	7/7	—	OK
Notes	3/3	—	OK
Sidebar	6/6	—	OK
Workspaces	6/6	—	OK
Commentaires	3/3	—	OK
Favoris	4/4	—	OK
Webhooks	4/5	⚠️ No secret	Webhook status OK, secret non configuré
PWA	0/3	❌ P1-P3	manifest.json + SW non implémentés
Éditeur	3/5	⚠️ E4-E5	Commandes / + drag blocks à vérifier
Total	55	6

Bugs corrigés ce run

• 8aaf167: Refresh board après drag & drop
• [latest]: CSRF token manquant sur fetch POST (board.html, card_detail.html)

Reste à faire

• PWA (manifest.json + service worker)
• Quick Find dans le dashboard
• Config webhook secret
• Commandes / dans l'éditeur

Tests manuels de régression visuelle et fonctionnelle. Cocher après chaque release.

Pré-requis

• FlowDeck lancé (Docker: APP_PORT=8082 docker compose up -d)
• Gitea accessible (https://git.dracodev.net)
• Au moins 1 projet avec des issues existantes

---

1. Dashboard (Accueil)

ID	Test	Action	Résultat attendu	✅
D1	Chargement	Ouvrir /	Dashboard affiché, sidebar visible
D2	Liste projets	Vérifier la liste	Projets Gitea listés, triés par mise à jour
D3	Recherche projets	Taper dans la barre de recherche	Filtrage en temps réel
D4	Lien projet	Cliquer sur un projet	Navigation vers le board du projet
D5	Workspace menu	Cliquer sur le workspace header	Menu déroulant des workspaces
D6	Quick Find	Cliquer 🔍 dans la sidebar	Modal de recherche rapide
D7	Theme toggle	Basculer le thème	Dark ↔ Light, persisté localStorage
D8	Collapse sidebar	Cliquer ⏴	Sidebar se réduit/étend
D9	Sidebar sections	Cliquer Meetings/Recents	Sections expand/collapse

---

2. Board Kanban

ID	Test	Action	Résultat attendu	✅
B1	Chargement board	Ouvrir /board/{owner}/{repo}	Colonnes affichées avec cartes
B2	Colonnes par défaut	Vérifier les colonnes	Backlog, À faire, En cours, Révision, Terminé
B3	Cartes dans colonnes	Vérifier le mapping	Issues dans bonnes colonnes selon labels/état
B4	Labels sur cartes	Vérifier l'affichage	Labels visibles avec couleur Gitea
B5	Assignee avatar	Vérifier les cartes	Avatar + login si assigné
B6	Milestone sur carte	Vérifier	📅 + nom milestone si défini
B7	Priorité	Vérifier	Badge priorité si défini dans FlowDeck
B8	Due date	Vérifier	⏰ + date, style "overdue" si dépassée
B9	Compteur colonne	Vérifier chaque colonne	Nombre de cartes affiché dans le header

---

3. Drag & Drop

ID	Test	Action	Résultat attendu	✅
DD1	Move carte	Drag carte vers autre colonne	Carte déplacée visuellement
DD2	Persistence	Après DD1, rafraîchir la page	Carte reste dans nouvelle colonne
DD3	Refresh auto	Après move, attendre	La vue se rafraîchit automatiquement
DD4	Compteurs	Après move	Compteurs de colonnes mis à jour
DD5	Move → Gitea	Vérifier sur Gitea	Label/état synchronisé si mapping existe

---

4. Création d'Issue

ID	Test	Action	Résultat attendu	✅
C1	Bouton New	Cliquer "New ▾" dans la toolbar	Formulaire de création affiché
C2	Création simple	Titre + "Create"	Issue créée sur Gitea, apparaît au refresh
C3	Création + statut	Titre + sélection statut	Issue créée avec le bon statut
C4	Annulation	Ouvrir form → ✕	Formulaire masqué
C5	Enter pour créer	Titre + Entrée	Issue créée (submit au Enter)
C6	Titre vide	"Create" sans titre	Rien ne se passe (validé client)

---

5. Vues du Board

ID	Test	Action	Résultat attendu	✅
V1	Vue Kanban	Tab "Board"	Vue kanban avec colonnes
V2	Vue Table	Tab "Table"	Vue tableau lignes/colonnes
V3	Vue Status	Tab "Status"	Regroupement par statut
V4	Vue TeamLoad	Tab "Workload"	Répartition par assignee
V5	Vue Detailed	Tab "Detailed"	Vue détaillée
V6	Switch vue	Alterner entre vues	Contenu mis à jour sans rechargement page
V7	URL view param	?view=table	Vue table chargée directement

---

6. Filtres & Tri

ID	Test	Action	Résultat attendu	✅
F1	Filtre milestone	Sélectionner un milestone	Seules les issues du milestone affichées
F2	Filtre label	Sélectionner un label	Seules les issues avec ce label
F3	Combinaison filtres	Milestone + Label	Les deux filtres appliqués (AND)
F4	Reset filtres	Sélectionner "Tous"	Toutes les issues affichées
F5	Tri par propriété	Add sort → choisir champ	Liste triée selon critère
F6	Tri direction	Toggle asc/desc	Direction inversée
F7	Supprimer tri	Delete sort	Tri retiré

---

7. Notes

ID	Test	Action	Résultat attendu	✅
N1	Accès notes	Cliquer "📝 Notes" dans le board	Page notes du projet
N2	Édition notes	Modifier le contenu	Sauvegarde automatique
N3	Markdown	Saisir # Titre, **gras**	Rendu Markdown

---

8. Sidebar & Navigation

ID	Test	Action	Résultat attendu	✅
S1	Navigation page	Cliquer sur une page sidebar	Board du projet chargé
S2	Library	Cliquer 📚 sur une page	Library view avec recents/favorites/shared
S3	New sub-page	Cliquer + sur une page	Création sous-page
S4	Context menu	Clic droit sur page sidebar	Menu contextuel (rename, delete, etc.)
S5	Tree toggle	Cliquer ▶ d'un dossier	Sous-éléments affichés/masqués
S6	Drag tree	Drag & drop élément sidebar	Réorganisation de l'arbre

---

9. Workspaces Multi-User

ID	Test	Action	Résultat attendu	✅
W1	Lister workspaces	Voir le menu workspace	Workspaces disponibles listés
W2	Créer workspace	Créer nouveau workspace	Workspace ajouté
W3	Membres	Voir liste membres	Membres affichés avec rôles
W4	Ajouter membre	Ajouter un utilisateur	Membre ajouté
W5	Rôle membre	Changer rôle	Rôle mis à jour
W6	Supprimer membre	Retirer un membre	Membre retiré

---

10. Commentaires & Historique

ID	Test	Action	Résultat attendu	✅
H1	Voir commentaires	Ouvrir commentaires d'une page	Liste des commentaires
H2	Ajouter commentaire	Écrire + envoyer	Commentaire ajouté
H3	Historique	Voir historique d'une page	Liste des versions/modifications

---

11. Favoris & Partage

ID	Test	Action	Résultat attendu	✅
FA1	Ajouter favori	Mettre en favori une page	Apparaît dans les favoris
FA2	Retirer favori	Retirer des favoris	Disparaît de la liste
FA3	Vue favorites	Tab "Favorites" dans Library	Liste des favoris
FA4	Vue shared	Tab "Shared" dans Library	Pages partagées

---

12. Webhooks & API Publique

ID	Test	Action	Résultat attendu	✅
WH1	Register webhook	POST /api/webhooks/register/{o}/{r}	Webhook enregistré
WH2	Webhook status	GET /api/webhooks/status/{o}/{r}	Statut retourné
WH3	Reception webhook	Push sur Gitea → webhook reçu	Issue synchronisée
WH4	API health	GET /api/health	{"status":"ok","db":true,"gitea":true}
WH5	API projects	GET /api/projects	Liste JSON des projets

---

13. PWA & Responsive

ID	Test	Action	Résultat attendu	✅
P1	Mobile view	Réduire fenêtre < 768px	Layout responsive, sidebar masquable
P2	Install PWA	"Installer" dans Chrome	Icône sur l'écran d'accueil
P3	Offline cache	Couper réseau, recharger	Page servie depuis cache

---

14. Éditeur Notion-like

ID	Test	Action	Résultat attendu	✅
E1	Éditeur riche	Ouvrir une page	Éditeur bloc-style Notion
E2	Blocs texte	Taper du texte, Entrée	Nouveau bloc créé
E3	Markdown inline	**gras**, *italique*	Formatage appliqué
E4	/ commandes	Taper /	Menu de commandes (headings, listes, etc.)
E5	Drag blocks	Drag & drop blocs	Réorganisation

---

Exécution

# Lancer FlowDeck
cd ~/workspace/flowdeck && docker compose up -d

# Vérifier
curl -s http://localhost:8082/api/health
# → {"status":"ok","version":"2.1.0","db":true,"gitea":true}

# Ouvrir
# Dashboard: http://localhost:8082/
# Board:     http://localhost:8082/board/bruno/flowdeck

---

Total: 61 tests | Dernier run: ________ | Résultat: ___/61