AliveSim Window Launch Test Page

🚀 AliveSim Window Launch Test Page

⚠️ Testing Mode Active
This page uses embed-testing.js which allows launching any HTTPS URL for testing purposes. Before production, switch to embed.js with TESTING_MODE: false.

Test 5: Real AliveSim Module - Window vs Tab Comparison

Compare the new windowed approach with the old tab-based approach side-by-side.

✅ Ready for production testing!
Replace the placeholder URL with your actual AliveSim module URL:
data-module-url="https://alivesim.com/syandus/scorm-test/syandus-85278327-0ead-4de1-a941-922dbff40336"
Compare the difference:
  • Window (New): 90% size, centered, minimal chrome, feels integrated with your page
  • Tab (Old): Full browser, feels like leaving the page, address bar visible, tab switching required
  • User Experience: Window approach keeps your page visible underneath, creating better context
  • Return Experience: Closing window returns directly to this page vs finding the right tab

📋 Testing Checklist

Desktop Testing:

  • ✅ Window opens at 90% screen size
  • ✅ Window is centered with 5% margins
  • ✅ No browser chrome (address bar, toolbars, menu bar)
  • ✅ Window is resizable (try dragging edges)
  • ✅ Window can be maximized
  • ✅ Button shows "Opening..." during launch
  • ✅ Button is disabled while window is open
  • ✅ Button re-enables when window closes
  • ✅ Multiple windows can open simultaneously
  • ✅ Rapid clicking doesn't open multiple windows

Browser Testing:

  • ✅ Chrome (test popup blocker detection)
  • ✅ Firefox
  • ✅ Safari (strict popup blocking)
  • ✅ Edge

Mobile Testing:

  • ✅ Opens in full screen (sizing parameters ignored on mobile)
  • ✅ Button state management works
  • ✅ Can return to parent page

Multi-Monitor Testing:

  • ✅ Window opens on same monitor as parent browser
  • ✅ 90% sizing calculated correctly for that monitor
  • ✅ Window can be dragged to other monitors

Window vs Tab Comparison:

  • ✅ Window feels more integrated than tab
  • ✅ Parent page stays visible underneath window
  • ✅ Easier to return to parent (close vs tab switching)
  • ✅ Better sense of context throughout experience