# 🎹 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