🧪 Nortinia Chat Widget Test Lab

🎯 Internal Testing Environment

This test page runs within your Nortinia chat widget application, eliminating external hosting issues. Perfect for testing Safari compatibility, iframe embedding, and widget functionality.

🔑 API Key Configuration

Enter API Key:

Get your API key from the Nortinia admin panel. The widget will automatically reload with the new key.

📋 Current Configuration:

{
  "apiKey": "ck_live_34f4fc1cf9ec7ae6439e4d722f10bbd508ff7b2c9fb5a68ca296f5877a2ce9e9",
  "theme": "dark",
  "position": "bottom-right",
  "primaryColor": "#4f46e5",
  "title": "Test Chat Widget",
  "visitorName": "Test Visitor",
  "visitorEmail": "test@example.com"
}

✅ Testing Checklist:

Widget appears in bottom-right corner
Dark theme is applied correctly
Click to open/close chat interface
Send test messages
Check responsive behavior
Verify Safari compatibility

🔧 Debug Information:

Environment: N/A
Protocol: N/A
Port: N/A
User Agent: Safari/Chrome/Firefox

🚨 Troubleshooting:

Widget not appearing: Check browser console for errors
Iframe blocked: Verify X-Frame-Options headers
Safari issues: Test iframe sandbox permissions
Loading errors: Ensure /widget route is accessible

🎮 Test Scenarios:

Open this page in different browsers (Chrome, Safari, Firefox)
Test on different devices (desktop, tablet, mobile)
Resize the browser window to test responsiveness
Test with browser dev tools open
Clear browser cache and test fresh load
Test with different browser security settings

🔍 Open browser developer tools (F12) to see detailed initialization logs and debug any issues.

The chat widget should appear in the bottom-right corner with a dark theme. If you don't see it, check the console for error messages.