Update guest v2 home and tasks experience

resources/js/guest-v2/__tests__/HomeScreen.test.tsx

@@ -1,12 +1,16 @@
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from '@testing-library/react';
-import { EventDataProvider } from '../context/EventDataContext';
+const useEventDataMock = vi.fn();
 
 vi.mock('react-router-dom', () => ({
   useNavigate: () => vi.fn(),
 }));
 
+vi.mock('../context/EventDataContext', () => ({
+  useEventData: () => useEventDataMock(),
+}));
+
 vi.mock('@tamagui/stacks', () => ({
   YStack: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
   XStack: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
@@ -29,15 +33,38 @@ vi.mock('lucide-react', () => ({
   Sparkles: () => <span>sparkles</span>,
   Image: () => <span>image</span>,
   Star: () => <span>star</span>,
+  Timer: () => <span>timer</span>,
+  RefreshCw: () => <span>refresh</span>,
   Trophy: () => <span>trophy</span>,
+  X: () => <span>x</span>,
 }));
 
 vi.mock('../components/AppShell', () => ({
   default: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
 }));
 
-vi.mock('../services/uploadApi', () => ({
-  useUploadQueue: () => ({ items: [], loading: false, refresh: vi.fn() }),
+vi.mock('../components/TaskHeroCard', () => ({
+  default: ({ task }: { task: { title?: string } | null }) => (
+    <div>
+      <span>{task?.title}</span>
+      <span>Let&apos;s go!</span>
+    </div>
+  ),
+}));
+
+vi.mock('../components/PhotoFrameTile', () => ({
+  default: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+}));
+
+vi.mock('@/guest/context/EventBrandingContext', () => ({
+  useEventBranding: () => ({
+    branding: { welcomeMessage: '' },
+    isCustom: false,
+  }),
+  useOptionalEventBranding: () => ({
+    branding: { welcomeMessage: '' },
+    isCustom: false,
+  }),
 }));
 
 vi.mock('../services/tasksApi', () => ({
@@ -61,14 +88,26 @@ vi.mock('../services/photosApi', () => ({
   fetchGallery: vi.fn().mockResolvedValue({ data: [] }),
 }));
 
+const translate = (key: string, fallback?: string) => fallback ?? key;
+
 vi.mock('@/guest/i18n/useTranslation', () => ({
-  useTranslation: () => ({ t: (key: string, fallback?: string) => fallback ?? key, locale: 'de' }),
+  useTranslation: () => ({ t: translate, locale: 'de' }),
 }));
 
 vi.mock('@/guest/i18n/LocaleContext', () => ({
   useLocale: () => ({ locale: 'de' }),
 }));
 
+vi.mock('../hooks/usePollStats', () => ({
+  usePollStats: () => ({
+    stats: { onlineGuests: 0, tasksSolved: 0, guestCount: 0, likesCount: 0, latestPhotoAt: null },
+  }),
+}));
+
+vi.mock('../lib/useStaggeredReveal', () => ({
+  useStaggeredReveal: () => 5,
+}));
+
 vi.mock('@/hooks/use-appearance', () => ({
   useAppearance: () => ({ resolved: 'light' }),
 }));
@@ -81,22 +120,26 @@ import HomeScreen from '../screens/HomeScreen';
 
 describe('HomeScreen', () => {
   it('shows task hero content when tasks are enabled', async () => {
-    render(
-      <EventDataProvider tasksEnabledFallback>
-        <HomeScreen />
-      </EventDataProvider>
-    );
+    useEventDataMock.mockReturnValue({
+      tasksEnabled: true,
+      token: 'demo',
+      event: { name: 'Demo Event' },
+    });
+
+    render(<HomeScreen />);
 
     expect(await screen.findByText('Capture the dancefloor')).toBeInTheDocument();
     expect(screen.getByText("Let's go!")).toBeInTheDocument();
   });
 
   it('shows capture-ready content when tasks are disabled', () => {
-    render(
-      <EventDataProvider tasksEnabledFallback={false}>
-        <HomeScreen />
-      </EventDataProvider>
-    );
+    useEventDataMock.mockReturnValue({
+      tasksEnabled: false,
+      token: 'demo',
+      event: { name: 'Demo Event' },
+    });
+
+    render(<HomeScreen />);
 
     expect(screen.getByText('Capture ready')).toBeInTheDocument();
     expect(screen.getByText('Upload / Take photo')).toBeInTheDocument();