# 🧪 Unraid Component Test Environment

HTML-based test pages that mimic Unraid OS integration with jQuery and component mounting

ℹ️ Testing Mode: These pages replicate how Unraid OS mounts Vue components into existing HTML/PHP pages using jQuery for interaction. Each page demonstrates real-world integration patterns.
🎯 Core Test Pages

### All Components COMPREHENSIVE

Complete component library showcase with all available components

Open →

### Dashboard

Main dashboard with header components, system status, and user profile

Open →

### Settings

System settings with theme switcher, Connect configuration, and API keys

Open →
⚡ Feature-Specific Pages

### Authentication Flow NEW

Complete auth workflow with login, SSO, user profile, and registration

Open →

### OS Management NEW

System updates, downgrades, and version management with progress simulation

Open →

### Update Modal Testing NEW

Test various update scenarios including expired licenses, renewals, and auth requirements

Open →

### Component Mounting Test

Test single and multiple component mounting with shared Pinia store and dynamic creation

Open →
🔗 Quick Component Tests

### Theme Testing

Light/dark mode switching and CSS variable management

Open →

### Modal System

Global modal management and event-driven popups

Open →

### API & Logs

API key management, log viewer, and debug tools

Open →

### 🛠️ Testing Guidelines

- Each page loads components using the same mechanism as Unraid OS (manifest-based loading)
- jQuery is available for simulating PHP/backend interactions
- Components communicate via DOM attributes and custom events
- Hot module replacement (HMR) is enabled in dev mode for instant updates
- Use browser DevTools console to monitor component events and interactions