Test Push Notifications

Notification Permission

Status:Not checked

FCM Token

Service Worker Status

Checking...

Test Notifications (Frontend Only - No Backend)

1. Browser Notification

Direct browser Notification API (works like system notification)

2. Service Worker Notification

Simulates background push notification from service worker

3. Toast Notification

Foreground notification (like FCM onMessage handler)

4. Multiple Notifications

Test multiple notifications (3 notifications, 1 sec apart)

⚠️ Grant notification permission to test browser and service worker notifications. Toast notifications work without permission.

How to Test (All Frontend - No Backend):

  1. Request Permission: Click "Request Permission" if needed
  2. Browser Notification: Tests direct browser Notification API (system notification)
  3. Service Worker Notification: Tests service worker notification (simulates background push)
  4. Toast Notification: Tests foreground toast (works without permission)
  5. Multiple Notifications: Tests multiple notifications handling
  6. Foreground Test: Keep app open - toast appears
  7. Background Test: Minimize browser - system notification appears

💡 All tests work directly from frontend - no API endpoints needed!

;