Test Real-Time Features

Simulate video processing and subscription updates to test WebSocket real-time features

Simulate Video Processing
Test real-time progress indicators and notifications without uploading a video

What to expect:

  • Dashboard will show real-time progress on project card
  • Progress bar will update from 0-100%
  • Stage messages will change (extracting, detecting, building)
  • Notification will appear when processing completes
  • All tabs will update simultaneously
Simulate Subscription Update
Test subscription change notifications and usage widget updates

What to expect:

  • Toast notification will appear with subscription change
  • Usage widget on Dashboard will update instantly
  • Subscription page will show new tier
  • All tabs will receive the notification
Testing Instructions

Multi-Tab Testing

  1. Open this page in multiple browser tabs
  2. Navigate to Dashboard in one or more tabs
  3. Start a processing simulation from this tab
  4. Watch all tabs update simultaneously
  5. Verify notifications appear in all tabs

What to Verify

  • ✅ Progress bar appears on Dashboard project card
  • ✅ Progress updates smoothly from 0-100%
  • ✅ Stage messages change (extracting → detecting → building)
  • ✅ Percentage display matches progress bar
  • ✅ All tabs show identical progress
  • ✅ Success notification appears when complete
  • ✅ "Review" button in notification works
  • ✅ Subscription notifications show correct tier/status

Browser Console

Open browser DevTools (F12) and check the Console tab for WebSocket event logs:

  • [WebSocket] Processing progress: ...
  • [WebSocket] Subscription updated: ...
  • [Processing] Real-time progress update: ...