# 📚 Guide de Test - Documentation Tab

## ✅ Status: Documentation Fonctionnelle

La documentation est correctement implémentée et fonctionne. Voici comment la tester :

## 🧪 Test Manuel

### Étape 1: Accéder à l'application
1. Ouvrez votre navigateur
2. Allez sur http://localhost:3000
3. Attendez que l'application se charge complètement

### Étape 2: Créer ou sélectionner un élément
1. **Option A - Créer un nouvel élément :**
   - Glissez un outil depuis la palette (à gauche) vers l'espace de travail
   - Par exemple, glissez l'outil "Cliquer" ou "Saisir"

2. **Option B - Sélectionner un élément existant :**
   - Cliquez sur un élément déjà présent dans l'espace de travail

### Étape 3: Ouvrir le panneau de propriétés
- Le panneau de propriétés devrait s'ouvrir automatiquement à droite
- Vous devriez voir le titre "Propriétés" en haut

### Étape 4: Accéder à la documentation
1. Dans le panneau de propriétés, vous verrez deux onglets :
   - **Configuration** (icône engrenage)
   - **Documentation** (icône aide)
2. Cliquez sur l'onglet **"Documentation"**
3. Le contenu de documentation devrait s'afficher

### Étape 5: Raccourci clavier (optionnel)
- Appuyez sur **F1** pour basculer automatiquement vers l'onglet Documentation

## 🔍 Que Voir dans la Documentation

Quand vous cliquez sur l'onglet Documentation, vous devriez voir :
- **Guide rapide** de l'outil sélectionné
- **Paramètres** détaillés avec descriptions
- **Cas d'usage** pratiques
- **Bonnes pratiques**
- **Outils liés** (si applicable)

## ⚠️ Dépannage

### Si la documentation ne s'affiche pas :

1. **Vérifiez qu'un élément est sélectionné**
   - Le panneau de propriétés n'apparaît que si un élément est sélectionné
   - Assurez-vous qu'un élément est bien mis en surbrillance

2. **Vérifiez la console du navigateur**
   - Appuyez sur F12 pour ouvrir les outils de développement
   - Regardez l'onglet "Console" pour des erreurs JavaScript
   - Les erreurs de sourcemap peuvent être ignorées

3. **Rechargez la page**
   - Appuyez sur Ctrl+F5 (ou Cmd+Shift+R sur Mac)
   - Cela force le rechargement complet de l'application

4. **Vérifiez les services**
   - Frontend doit être accessible sur http://localhost:3000
   - Backend doit être accessible sur http://localhost:5002

## 📊 Services Status

```bash
# Vérifier les services
curl http://localhost:3000  # Frontend (doit retourner HTML)
curl http://localhost:5002  # Backend (doit retourner JSON)
```

## 🎯 Test Rapide

Pour un test rapide, essayez cette séquence :
1. Ouvrez http://localhost:3000
2. Glissez l'outil "Cliquer" depuis la palette
3. Le panneau de propriétés s'ouvre automatiquement
4. Cliquez sur l'onglet "Documentation"
5. Vous devriez voir la documentation de l'outil "Cliquer"

## ✨ Fonctionnalités Avancées

- **Aide contextuelle** : La documentation s'adapte à la configuration actuelle
- **Recherche** : Utilisez Ctrl+F pour chercher dans la documentation
- **Navigation** : Cliquez sur les outils liés pour naviguer
- **Raccourcis** : F1 pour ouvrir rapidement la documentation

---

**Note** : Les erreurs de sourcemap dans la console sont normales et n'affectent pas la fonctionnalité.