rpa_vision_v3/visual_workflow_builder/DOCUMENTATION_TEST_GUIDE.md

📚 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

# 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é.