🐴 Swiss Equestrian - Chatbot Test Hub

Environnement de test pour le widget de chatbot

📄 Tests Multi-Page (Simulation CMS Production)

🇬🇧 English Page
Simule une page CMS à /en/test-page. Le widget détecte automatiquement la langue anglaise depuis l'URL.
Multi-page
🇫🇷 Page Française
Simule une page CMS à /fr/test-page. Le widget détecte automatiquement la langue française depuis l'URL.
Multi-page
🇩🇪 Deutsche Seite
Simule une page CMS à /de/test-page. Le widget détecte automatiquement la langue allemande depuis l'URL.
Multi-page

💡 Ces pages simulent le comportement réel du CMS : Chaque navigation = rechargement HTML complet. Le script embed.js est réinjecté à chaque page et détecte la langue depuis le path de l'URL.

🎯 Tests Direct Widget (Sans embed.js)

Widget EN
Test direct du widget React en anglais via query param ?lang=en
Direct
Widget FR
Test direct du widget React en français via query param ?lang=fr
Direct
Widget DE
Test direct du widget React en allemand via query param ?lang=de
Direct

💡 Tests unitaires du widget : Ces liens ouvrent directement le widget React sans passer par embed.js. Utile pour tester les traductions et l'interface sans l'iframe.

📚 Documentation

Architecture de test :

  • Tests Multi-Page : Simulent le CMS CraftCMS avec navigation réelle (rechargement HTML)
  • embed.js : Script d'injection qui détecte la langue et crée l'iframe
  • widget.html : Le widget React chargé dans l'iframe
  • Détection langue : Via path URL (/en/, /fr/, /de/) → query param (?lang=XX)
  • Persistance : L'historique du chat est sauvegardé dans localStorage et survit aux rechargements