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
299
test_palette_simple.py
Normal file
299
test_palette_simple.py
Normal file
@@ -0,0 +1,299 @@
|
||||
#!/usr/bin/env python3
|
||||
"""
|
||||
Test Simple de la Palette VWB
|
||||
Auteur : Dom, Alice, Kiro - 10 janvier 2026
|
||||
|
||||
Ce script teste les composants de base pour diagnostiquer pourquoi
|
||||
les actions du catalogue ne s'affichent pas dans la palette.
|
||||
"""
|
||||
|
||||
import requests
|
||||
import json
|
||||
import time
|
||||
from datetime import datetime
|
||||
|
||||
def test_frontend_backend_communication():
|
||||
"""Tester la communication entre frontend et backend"""
|
||||
print("🔗 Test de communication Frontend ↔ Backend...")
|
||||
|
||||
# Test 1: Backend accessible
|
||||
try:
|
||||
backend_response = requests.get("http://localhost:5004/health", timeout=5)
|
||||
backend_ok = backend_response.status_code == 200
|
||||
print(f"🖥️ Backend (port 5004): {'✅' if backend_ok else '❌'}")
|
||||
except:
|
||||
backend_ok = False
|
||||
print("🖥️ Backend (port 5004): ❌")
|
||||
|
||||
# Test 2: Frontend accessible
|
||||
try:
|
||||
frontend_response = requests.get("http://localhost:3000", timeout=5)
|
||||
frontend_ok = frontend_response.status_code == 200
|
||||
print(f"🌐 Frontend (port 3000): {'✅' if frontend_ok else '❌'}")
|
||||
except:
|
||||
frontend_ok = False
|
||||
print("🌐 Frontend (port 3000): ❌")
|
||||
|
||||
# Test 3: API Catalogue accessible
|
||||
try:
|
||||
catalog_response = requests.get("http://localhost:5004/api/vwb/catalog/actions", timeout=5)
|
||||
catalog_ok = catalog_response.status_code == 200
|
||||
if catalog_ok:
|
||||
catalog_data = catalog_response.json()
|
||||
action_count = len(catalog_data.get('actions', []))
|
||||
print(f"📋 API Catalogue: ✅ ({action_count} actions)")
|
||||
else:
|
||||
print("📋 API Catalogue: ❌")
|
||||
action_count = 0
|
||||
except Exception as e:
|
||||
catalog_ok = False
|
||||
action_count = 0
|
||||
print(f"📋 API Catalogue: ❌ ({e})")
|
||||
|
||||
return backend_ok, frontend_ok, catalog_ok, action_count
|
||||
|
||||
def test_cors_headers():
|
||||
"""Tester les en-têtes CORS"""
|
||||
print("\n🔒 Test des en-têtes CORS...")
|
||||
|
||||
try:
|
||||
response = requests.get(
|
||||
"http://localhost:5004/api/vwb/catalog/actions",
|
||||
headers={'Origin': 'http://localhost:3000'},
|
||||
timeout=5
|
||||
)
|
||||
|
||||
cors_headers = {
|
||||
'Access-Control-Allow-Origin': response.headers.get('Access-Control-Allow-Origin'),
|
||||
'Access-Control-Allow-Methods': response.headers.get('Access-Control-Allow-Methods'),
|
||||
'Access-Control-Allow-Headers': response.headers.get('Access-Control-Allow-Headers'),
|
||||
}
|
||||
|
||||
print("📋 En-têtes CORS reçus:")
|
||||
for header, value in cors_headers.items():
|
||||
status = "✅" if value else "❌"
|
||||
print(f" {header}: {status} {value or 'Non défini'}")
|
||||
|
||||
# Vérifier si CORS permet localhost:3000
|
||||
origin_ok = cors_headers['Access-Control-Allow-Origin'] in ['*', 'http://localhost:3000']
|
||||
return origin_ok
|
||||
|
||||
except Exception as e:
|
||||
print(f"❌ Erreur lors du test CORS: {e}")
|
||||
return False
|
||||
|
||||
def test_catalog_service_structure():
|
||||
"""Tester la structure du service catalogue"""
|
||||
print("\n🔍 Test de la structure du service catalogue...")
|
||||
|
||||
try:
|
||||
# Lire le fichier catalogService.ts
|
||||
with open('visual_workflow_builder/frontend/src/services/catalogService.ts', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
# Vérifier les éléments clés
|
||||
checks = {
|
||||
'Classe CatalogService': 'class CatalogService' in content,
|
||||
'Méthode getActions': 'async getActions(' in content,
|
||||
'Export catalogService': 'export const catalogService' in content,
|
||||
'URL API correcte': 'localhost:5004' in content or '/api/vwb/catalog' in content,
|
||||
'Gestion d\'erreurs': 'catch' in content and 'error' in content,
|
||||
}
|
||||
|
||||
print("📋 Structure du catalogService:")
|
||||
for check, result in checks.items():
|
||||
status = "✅" if result else "❌"
|
||||
print(f" {check}: {status}")
|
||||
|
||||
return all(checks.values())
|
||||
|
||||
except Exception as e:
|
||||
print(f"❌ Erreur lors de la lecture du catalogService: {e}")
|
||||
return False
|
||||
|
||||
def test_palette_component_structure():
|
||||
"""Tester la structure du composant Palette"""
|
||||
print("\n🎨 Test de la structure du composant Palette...")
|
||||
|
||||
try:
|
||||
# Lire le fichier Palette/index.tsx
|
||||
with open('visual_workflow_builder/frontend/src/components/Palette/index.tsx', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
# Vérifier les éléments clés
|
||||
checks = {
|
||||
'Import catalogService': 'catalogService' in content,
|
||||
'Import types catalogue': 'VWBCatalogAction' in content,
|
||||
'Hook useCatalogActions': 'useCatalogActions' in content,
|
||||
'État catalogState': 'catalogState' in content,
|
||||
'Fonction loadCatalogActions': 'loadCatalogActions' in content,
|
||||
'Rendu actions catalogue': 'catalogCategories' in content,
|
||||
}
|
||||
|
||||
print("📋 Structure du composant Palette:")
|
||||
for check, result in checks.items():
|
||||
status = "✅" if result else "❌"
|
||||
print(f" {check}: {status}")
|
||||
|
||||
return all(checks.values())
|
||||
|
||||
except Exception as e:
|
||||
print(f"❌ Erreur lors de la lecture du composant Palette: {e}")
|
||||
return False
|
||||
|
||||
def test_hook_catalog_actions():
|
||||
"""Tester le hook useCatalogActions"""
|
||||
print("\n🪝 Test du hook useCatalogActions...")
|
||||
|
||||
try:
|
||||
# Lire le fichier useCatalogActions.ts
|
||||
with open('visual_workflow_builder/frontend/src/hooks/useCatalogActions.ts', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
# Vérifier les éléments clés
|
||||
checks = {
|
||||
'Hook useCatalogActions': 'useCatalogActions' in content,
|
||||
'Import catalogService': 'catalogService' in content,
|
||||
'État actions': 'actions' in content,
|
||||
'Fonction loadActions': 'loadActions' in content or 'getActions' in content,
|
||||
'useEffect pour chargement': 'useEffect' in content,
|
||||
'Export du hook': 'export' in content,
|
||||
}
|
||||
|
||||
print("📋 Structure du hook useCatalogActions:")
|
||||
for check, result in checks.items():
|
||||
status = "✅" if result else "❌"
|
||||
print(f" {check}: {status}")
|
||||
|
||||
return all(checks.values())
|
||||
|
||||
except FileNotFoundError:
|
||||
print("❌ Fichier useCatalogActions.ts non trouvé")
|
||||
return False
|
||||
except Exception as e:
|
||||
print(f"❌ Erreur lors de la lecture du hook: {e}")
|
||||
return False
|
||||
|
||||
def test_types_catalog():
|
||||
"""Tester les types du catalogue"""
|
||||
print("\n📝 Test des types du catalogue...")
|
||||
|
||||
try:
|
||||
# Lire le fichier catalog.ts
|
||||
with open('visual_workflow_builder/frontend/src/types/catalog.ts', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
# Vérifier les types essentiels
|
||||
checks = {
|
||||
'VWBCatalogAction': 'VWBCatalogAction' in content,
|
||||
'VWBActionCategory': 'VWBActionCategory' in content,
|
||||
'VWBActionParameter': 'VWBActionParameter' in content,
|
||||
'VWBVisualAnchor': 'VWBVisualAnchor' in content,
|
||||
'Export des types': 'export' in content,
|
||||
}
|
||||
|
||||
print("📋 Types du catalogue:")
|
||||
for check, result in checks.items():
|
||||
status = "✅" if result else "❌"
|
||||
print(f" {check}: {status}")
|
||||
|
||||
return all(checks.values())
|
||||
|
||||
except Exception as e:
|
||||
print(f"❌ Erreur lors de la lecture des types: {e}")
|
||||
return False
|
||||
|
||||
def main():
|
||||
"""Fonction principale de diagnostic"""
|
||||
print("=" * 60)
|
||||
print("🔍 DIAGNOSTIC SIMPLE - PALETTE CATALOGUE VWB")
|
||||
print("=" * 60)
|
||||
print(f"📅 Date: {datetime.now().strftime('%d/%m/%Y %H:%M:%S')}")
|
||||
print()
|
||||
|
||||
# Tests séquentiels
|
||||
results = {}
|
||||
|
||||
# 1. Communication Frontend-Backend
|
||||
backend_ok, frontend_ok, catalog_ok, action_count = test_frontend_backend_communication()
|
||||
results['communication'] = backend_ok and frontend_ok and catalog_ok
|
||||
|
||||
# 2. CORS
|
||||
cors_ok = test_cors_headers()
|
||||
results['cors'] = cors_ok
|
||||
|
||||
# 3. Structure catalogService
|
||||
service_ok = test_catalog_service_structure()
|
||||
results['service'] = service_ok
|
||||
|
||||
# 4. Structure Palette
|
||||
palette_ok = test_palette_component_structure()
|
||||
results['palette'] = palette_ok
|
||||
|
||||
# 5. Hook useCatalogActions
|
||||
hook_ok = test_hook_catalog_actions()
|
||||
results['hook'] = hook_ok
|
||||
|
||||
# 6. Types
|
||||
types_ok = test_types_catalog()
|
||||
results['types'] = types_ok
|
||||
|
||||
# Résumé
|
||||
print("\n" + "=" * 60)
|
||||
print("📊 RÉSUMÉ DU DIAGNOSTIC")
|
||||
print("=" * 60)
|
||||
|
||||
success_count = sum(results.values())
|
||||
total_tests = len(results)
|
||||
|
||||
for test_name, result in results.items():
|
||||
status = "✅ OK" if result else "❌ PROBLÈME"
|
||||
print(f"{test_name.capitalize():20} : {status}")
|
||||
|
||||
print(f"\n📈 Score: {success_count}/{total_tests} ({success_count/total_tests*100:.1f}%)")
|
||||
|
||||
# Diagnostic final
|
||||
print("\n🔧 DIAGNOSTIC FINAL:")
|
||||
|
||||
if not results['communication']:
|
||||
print("❌ PROBLÈME CRITIQUE: Communication Frontend-Backend défaillante")
|
||||
print(" → Vérifier que les deux services sont démarrés")
|
||||
elif not results['cors']:
|
||||
print("⚠️ PROBLÈME CORS: Le frontend ne peut pas accéder au backend")
|
||||
print(" → Configurer les en-têtes CORS sur le backend")
|
||||
elif not results['service']:
|
||||
print("⚠️ PROBLÈME SERVICE: Le catalogService a des problèmes de structure")
|
||||
print(" → Vérifier l'implémentation du catalogService.ts")
|
||||
elif not results['palette']:
|
||||
print("⚠️ PROBLÈME PALETTE: Le composant Palette ne charge pas le catalogue")
|
||||
print(" → Vérifier l'intégration du catalogue dans Palette/index.tsx")
|
||||
elif not results['hook']:
|
||||
print("⚠️ PROBLÈME HOOK: Le hook useCatalogActions est manquant ou défaillant")
|
||||
print(" → Implémenter ou corriger le hook useCatalogActions")
|
||||
elif not results['types']:
|
||||
print("⚠️ PROBLÈME TYPES: Les types TypeScript du catalogue sont manquants")
|
||||
print(" → Vérifier les définitions de types dans catalog.ts")
|
||||
else:
|
||||
print("✅ STRUCTURE OK: Tous les composants semblent en place")
|
||||
print(f"🎯 {action_count} actions disponibles dans le catalogue")
|
||||
print(" → Le problème peut être dans l'exécution JavaScript côté client")
|
||||
print(" → Vérifier la console navigateur pour les erreurs")
|
||||
|
||||
# Recommandations spécifiques
|
||||
print("\n💡 PROCHAINES ÉTAPES:")
|
||||
if results['communication'] and results['service'] and results['palette']:
|
||||
print("1. Ouvrir http://localhost:3000 dans un navigateur")
|
||||
print("2. Ouvrir les outils de développement (F12)")
|
||||
print("3. Vérifier la console pour les erreurs JavaScript")
|
||||
print("4. Vérifier l'onglet Réseau pour les requêtes vers le catalogue")
|
||||
print("5. Chercher la palette dans l'interface et voir si elle contient les actions VisionOnly")
|
||||
else:
|
||||
print("1. Corriger les problèmes de structure identifiés ci-dessus")
|
||||
print("2. Redémarrer le frontend après les corrections")
|
||||
print("3. Relancer ce diagnostic")
|
||||
|
||||
return success_count == total_tests
|
||||
|
||||
if __name__ == "__main__":
|
||||
success = main()
|
||||
exit(0 if success else 1)
|
||||
Reference in New Issue
Block a user