rpa_vision_v3/visual_workflow_builder/GUIDE_TEST_RACCOURCIS.md

🎹 Guide de Test - Raccourcis Clavier

🚀 Démarrage Rapide

cd visual_workflow_builder
./start_full.sh

L'application s'ouvre sur http://localhost:3000

✅ Tests à Effectuer

1. Test de Base - Création et Manipulation

1. Créer des nodes :

   • Glisser 2-3 nodes depuis la palette (ex: Navigate, Click, Type)
   • Les connecter entre eux

2. Tester la sélection :

   • Cliquer sur un node pour le sélectionner
   • Ctrl+A → Tous les nodes doivent être sélectionnés
   • Escape → Désélectionner tout

2. Test Copier-Coller

1. Sélectionner un node (clic simple)
2. Copier : Ctrl+C → Notification "Éléments copiés"
3. Coller : Ctrl+V → Nouveau node apparaît décalé
4. Répéter : Ctrl+V → Encore un nouveau node

3. Test Suppression

1. Sélectionner un ou plusieurs nodes
2. Supprimer : Delete ou Backspace → Nodes supprimés
3. Vérifier : Les connexions sont aussi supprimées

4. Test Sauvegarde

1. Créer un workflow avec quelques nodes
2. Sauvegarder : Ctrl+S → Notification de succès
3. Vérifier : Le bouton "Sauvegarder" devient "Sauvegardé" ✓

5. Test Nouveau Workflow

1. Créer un workflow avec des nodes
2. Nouveau : Ctrl+N → Tout est effacé
3. Vérifier : Canvas vide, nom "Mon Workflow"

6. Test Focus Recherche

1. Focus recherche : Ctrl+F → Le curseur va dans la recherche de palette
2. Taper : "click" → Filtrage des résultats
3. Effacer : Vider le champ → Tous les nodes réapparaissent

7. Test Aide Raccourcis

1. Cliquer sur l'icône clavier 🎹 dans la barre d'outils
2. Vérifier : Dialog avec tous les raccourcis
3. Parcourir : Les catégories (Édition, Sélection, Fichier, Navigation)
4. Fermer : Bouton "Fermer"

🎯 Raccourcis à Tester

Raccourci	Action Attendue	Vérification
Ctrl+C	Copier	Notification "Éléments copiés"
Ctrl+V	Coller	Nouveau node décalé
Delete	Supprimer	Node(s) disparaissent
Ctrl+A	Sélectionner tout	Tous les nodes sélectionnés
Escape	Désélectionner	Aucun node sélectionné
Ctrl+S	Sauvegarder	Notification de sauvegarde
Ctrl+N	Nouveau	Canvas vide
Ctrl+F	Focus recherche	Curseur dans champ recherche

🚫 Tests Négatifs

1. Raccourcis dans les Champs de Saisie

1. Cliquer dans la recherche de la palette
2. Taper : Ctrl+S → Ne doit PAS sauvegarder
3. Vérifier : Les raccourcis sont désactivés dans les champs

2. Actions sans Sélection

1. Désélectionner tout : Escape
2. Copier : Ctrl+C → Aucune notification (rien à copier)
3. Supprimer : Delete → Rien ne se passe

3. Coller sans Copie

1. Nouveau workflow : Ctrl+N
2. Coller : Ctrl+V → Aucune notification (rien à coller)

🎨 Vérifications Visuelles

Notifications (Snackbar)

• Apparaissent en bas à droite
• Couleurs appropriées (vert = succès, bleu = info)
• Disparaissent automatiquement après 6 secondes

Sélection Visuelle

• Nodes sélectionnés : Bordure bleue
• Sélection multiple : Plusieurs nodes avec bordure

Dialog d'Aide

• Icônes appropriées pour chaque raccourci
• Groupement par catégories
• Formatage des raccourcis (ex: "Ctrl + Z")

🐛 Problèmes Potentiels

Si les raccourcis ne fonctionnent pas :

1. Vérifier la console : F12 → Console → Erreurs ?
2. Recharger la page : F5
3. Vérifier le focus : Cliquer sur le canvas

Si la recherche ne fonctionne pas :

1. Vérifier : Ctrl+F met bien le focus
2. Tester : Clic manuel dans le champ
3. Vérifier : Le filtrage fonctionne

Si le copier-coller ne fonctionne pas :

1. Sélectionner d'abord un node
2. Vérifier : Notification de copie
3. Attendre : Laisser le temps au collage

✅ Critères de Réussite

Tous les tests passent si :

• ✅ Tous les raccourcis fonctionnent comme attendu
• ✅ Les notifications apparaissent correctement
• ✅ L'aide s'affiche avec tous les raccourcis
• ✅ Aucune erreur dans la console
• ✅ Les raccourcis sont désactivés dans les champs de saisie

🎉 Félicitations !

Si tous les tests passent, la Tâche 30 - Raccourcis Clavier est parfaitement fonctionnelle !

L'expérience utilisateur est maintenant considérablement améliorée avec des raccourcis intuitifs et une aide contextuelle complète.

---

Temps de test estimé : 10-15 minutes
Prochaine étape : Tâche 31 - Optimisation des performances