Wire guest branding theme

resources/js/guest/context/__tests__/EventBrandingContext.test.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { render, waitFor } from '@testing-library/react';
+import { EventBrandingProvider } from '../EventBrandingContext';
+import type { EventBranding } from '../../types/event-branding';
+
+const sampleBranding: EventBranding = {
+  primaryColor: '#ff3366',
+  secondaryColor: '#ff99aa',
+  backgroundColor: '#fef2f2',
+  fontFamily: 'Montserrat, sans-serif',
+  logoUrl: null,
+  mode: 'dark',
+};
+
+describe('EventBrandingProvider', () => {
+  afterEach(() => {
+    document.documentElement.classList.remove('guest-theme', 'dark');
+    document.documentElement.style.removeProperty('color-scheme');
+    document.documentElement.style.removeProperty('--guest-background');
+  });
+
+  it('applies guest theme classes and variables', async () => {
+    const { unmount } = render(
+      <EventBrandingProvider branding={sampleBranding}>
+        <div>Guest</div>
+      </EventBrandingProvider>
+    );
+
+    await waitFor(() => {
+      expect(document.documentElement.classList.contains('guest-theme')).toBe(true);
+      expect(document.documentElement.classList.contains('dark')).toBe(true);
+      expect(document.documentElement.style.colorScheme).toBe('dark');
+      expect(document.documentElement.style.getPropertyValue('--guest-background')).toBe(sampleBranding.backgroundColor);
+    });
+
+    unmount();
+
+    expect(document.documentElement.classList.contains('guest-theme')).toBe(false);
+  });
+});