🧪 Reservation AI Widget Test Suite

Status: Loading... | Last Update:

🎮 Basic Controls

📏 Size Testing

📍 Position Testing

🎯 Combined Testing

🔄 Hot Reload Info

This page automatically reloads the widget when you make changes to the source code.

To test hot reload:

  1. Make changes to any file in src/
  2. The widget will automatically rebuild and reload
  3. You ' ll see the changes immediately in the browser

📖 Usage Examples

Basic usage

<script src="http://localhost:3000/widget"></script>
<script> ReservationAIWidget.init(); </script>

With custom size

<script src="http://localhost:3000/widget"></script>
<script> ReservationAIWidget.init({ width: 500, height: 600 }); </script>

With custom position

<script src="http://localhost:3000/widget"></script>
<script> ReservationAIWidget.init({ position: 'bottom-left' }); </script>

Combined

<script src="http://localhost:3000/widget"></script>
<script> ReservationAIWidget.init({ width: 450, height: 650, position: 'top-right' }); </script>