🔔 Subscription Popup Testing Suite
Test Configuration
- ✅ Vehicle Make: BMW (for testing purposes)
- ✅ Context: Vehicle page simulation
- ✅ Display Timing: 1 second (testing mode)
- ✅ Expected Behavior: Popup should appear after 1 second
🎛️ Popup Control Panel
📊 Real-time Status
Popup State
Local Storage
🔌 API Endpoint Testing
Admin Notification
Welcome Email
Unsubscribe
🗄️ Database Verification
📋 Testing Instructions
Test Sequence:
- Automatic Popup Test: Wait 1 second for popup to appear automatically
- Step Through Process: Complete the 3-step subscription process
- API Testing: Use the API testing buttons to verify endpoints
- Database Verification: Check that subscription was stored correctly
- Reset & Repeat: Use reset controls to test multiple scenarios
Expected Results:
- Popup should appear after 1 second with BMW pre-selected
- All 3 steps should work: Intro → Vehicle Selection → Email Collection → Success
- Admin notification and welcome email APIs should respond (dev mode)
- Subscription should be saved to database with proper consent tracking
📄 Scroll Content for Testing
This section provides content to test scroll-based popup triggers. In production mode, the popup would appear after scrolling 50% of the page OR after 15 seconds.
Test Content Section 1
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 2
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 3
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 4
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 5
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 6
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 7
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 8
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 9
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 10
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 11
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 12
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 13
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 14
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 15
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 16
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 17
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 18
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 19
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Test Content Section 20
This is placeholder content to create scroll height. The subscription popup system uses intelligent timing to show at the optimal moment for user engagement. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.