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

Select Project

Speed Multiplier

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

Subscription Tier

Subscription Status

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

Open this page in multiple browser tabs
Navigate to Dashboard in one or more tabs
Start a processing simulation from this tab
Watch all tabs update simultaneously
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: ...