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:
107
visual_workflow_builder/TEST_MAINTENANT.md
Normal file
107
visual_workflow_builder/TEST_MAINTENANT.md
Normal file
@@ -0,0 +1,107 @@
|
||||
# ✅ Application Démarrée - Test Maintenant !
|
||||
|
||||
## 🎯 L'application est prête
|
||||
|
||||
Les services sont démarrés :
|
||||
- ✅ Backend : http://localhost:5001
|
||||
- ✅ Frontend : http://localhost:3000
|
||||
|
||||
## 🧪 Instructions de test
|
||||
|
||||
### 1. Ouvrir l'application
|
||||
|
||||
Ouvre ton navigateur et va sur :
|
||||
```
|
||||
http://localhost:3000
|
||||
```
|
||||
|
||||
### 2. Ouvrir la console du navigateur
|
||||
|
||||
Appuie sur **F12** (ou Cmd+Option+I sur Mac) pour ouvrir les DevTools, puis va dans l'onglet **Console**.
|
||||
|
||||
### 3. Test du clic simple
|
||||
|
||||
1. Dans la palette à gauche, **clique** sur "Cliquer"
|
||||
2. Regarde la console, tu devrais voir :
|
||||
```
|
||||
Palette: Node clicked: click
|
||||
App: Adding node of type: click
|
||||
App: New node created: {id: "node-...", type: "click", ...}
|
||||
App: Updated nodes: [...]
|
||||
```
|
||||
3. Le node devrait apparaître sur le canvas !
|
||||
|
||||
### 4. Test du drag-and-drop
|
||||
|
||||
1. Dans la palette, **clique et maintiens** sur "Saisir du texte"
|
||||
2. **Glisse** vers le canvas (zone centrale)
|
||||
3. **Relâche** où tu veux placer le node
|
||||
4. Regarde la console, tu devrais voir :
|
||||
```
|
||||
Canvas: Drop event triggered
|
||||
Canvas: Node type from drag: type
|
||||
Canvas: Calling onNodeAdd with type: type
|
||||
App: Adding node of type: type
|
||||
App: New node created: {id: "node-...", type: "type", ...}
|
||||
App: Updated nodes: [...]
|
||||
```
|
||||
5. Le node devrait apparaître où tu l'as relâché !
|
||||
|
||||
## 📊 Ce que tu devrais voir
|
||||
|
||||
### Dans le navigateur :
|
||||
- Une interface avec 3 zones :
|
||||
- **Gauche** : Palette avec les nodes (Cliquer, Saisir du texte, etc.)
|
||||
- **Centre** : Canvas (zone de travail)
|
||||
- **Droite** : Panneau de propriétés
|
||||
|
||||
### Dans la console :
|
||||
- Des logs qui montrent le flux d'exécution
|
||||
- Aucune erreur rouge
|
||||
|
||||
### Sur le canvas :
|
||||
- Les nodes que tu ajoutes apparaissent
|
||||
- Tu peux les déplacer
|
||||
- Tu peux les connecter
|
||||
|
||||
## ❌ Si ça ne fonctionne pas
|
||||
|
||||
### Le clic ne fonctionne pas
|
||||
**Symptôme** : Rien ne se passe quand tu cliques sur un node dans la palette
|
||||
|
||||
**Vérifier** :
|
||||
1. Y a-t-il des logs dans la console ?
|
||||
2. Y a-t-il des erreurs rouges ?
|
||||
3. Partage les logs avec moi
|
||||
|
||||
### Le drag-and-drop ne fonctionne pas
|
||||
**Symptôme** : Le node ne se dépose pas sur le canvas
|
||||
|
||||
**Vérifier** :
|
||||
1. Le curseur change-t-il en "grab" (main) quand tu survoles un node ?
|
||||
2. Y a-t-il des logs "Canvas: Drop event triggered" ?
|
||||
3. Y a-t-il des erreurs dans la console ?
|
||||
4. Partage les logs avec moi
|
||||
|
||||
### Le warning React Flow persiste
|
||||
**Symptôme** : Tu vois encore le warning sur nodeTypes/edgeTypes
|
||||
|
||||
**C'est normal** : Le warning devrait avoir disparu avec nos corrections. Si tu le vois encore, rafraîchis la page (Ctrl+R).
|
||||
|
||||
## 📝 Partage tes résultats
|
||||
|
||||
Une fois que tu as testé, dis-moi :
|
||||
|
||||
1. ✅ ou ❌ Le clic fonctionne ?
|
||||
2. ✅ ou ❌ Le drag-and-drop fonctionne ?
|
||||
3. ✅ ou ❌ Le warning React Flow a disparu ?
|
||||
4. Copie-colle les logs de la console (s'il y en a)
|
||||
|
||||
## 🎉 Si tout fonctionne
|
||||
|
||||
Félicitations ! Le drag-and-drop est opérationnel. On pourra ensuite :
|
||||
- Retirer les console.log de débogage
|
||||
- Améliorer l'UX
|
||||
- Ajouter plus de fonctionnalités
|
||||
|
||||
Bon test ! 🚀
|
||||
Reference in New Issue
Block a user