Live Sandbox Matrix & Test Plan
Audit and verification guide detailing interactive playgrounds, live endpoints, and simulated demos across the Lacelium documentation suite, alongside testing procedures for local verification.
Verification Prerequisites
Ensure the following services and processes are active in your local development environment before running end-to-end integration tests:
- Web Server: Application server active (e.g. Apache/Nginx via XAMPP, or
php console serve). - Database Connection: Database migrations and initial seeders populated for task and user fixtures.
- Authentication State: Active authenticated session cookie for administrative Maintenance and Account testing.
- Nexify Real-Time Daemon: Nexify server running via
php console nexify:servesharing the exact same port as Lacelium.
Sandbox Coverage Matrix
Summary of interactive components embedded within documentation pages:
| Documentation Component | Execution State | Testing Procedure |
|---|---|---|
| Nexify Chat Demo | Full Live | Connects to live Nexify daemon at the same host:port as your application; includes built-in peer simulation fallback. |
| Modal Architecture | Full Live | Click "Launch Standard Modal" to verify live AJAX partial fetching and container insertion. |
| SPA Experience | Full Live | Navigate sidebar links to verify seamless #lacelium-main DOM morphing and URL history push. |
| DataTable Pattern | Client Interactive | Click column headers to test client-side sorting algorithms and visual direction indicators. |
| Pagination Guide | Client Interactive | Click page buttons to inspect generated query strings and page boundary guards. |
| Helpers Reference | Client Interactive | Interactive Slug and UUID Version 4 generators running real-time cryptographic algorithms. |
| ArgusKit Studio | Full Live | Direct links to live /maintenance/arguskit_builder schema and registry interfaces. |
Step-by-Step Manual Test Flows
Follow these structured test sequences to validate core system behaviors:
Navigate to the Modals Architecture page, trigger "Launch Large Modal", and confirm the modal displays server-rendered Twig content with functional close button.
Click any document in the left navigation sidebar. Observe that the top progress bar animates, the main content swaps instantly, and the browser Back/Forward buttons smoothly restore previous pages without full reloads.
Open the Nexify Chat Demo in two separate browser tabs. Send a message from Tab A and verify it renders instantly in Tab B with matching sender badge and timestamp.
Next Steps
- Learn about seamless navigation and client updates in SPA Experience.
- Implement dynamic server-rendered dialogs in Modal Architecture.
- Connect bidirectional event channels with Nexify Real-Time.