v1.0 - Version stable: multi-PC, détection UI-DETR-1, 3 modes exécution
- Frontend v4 accessible sur réseau local (192.168.1.40) - Ports ouverts: 3002 (frontend), 5001 (backend), 5004 (dashboard) - Ollama GPU fonctionnel - Self-healing interactif - Dashboard confiance Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Dom
143
visual_workflow_builder/GUIDE_TEST_RACCOURCIS.md
Normal file
143
visual_workflow_builder/GUIDE_TEST_RACCOURCIS.md
Normal file
@@ -0,0 +1,143 @@
|
||||
# 🎹 Guide de Test - Raccourcis Clavier
|
||||
|
||||
## 🚀 Démarrage Rapide
|
||||
|
||||
```bash
|
||||
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
|
||||
Reference in New Issue
Block a user