Add command center screen

frontend/src/test/CommandCenterPage.test.tsx

@@ -0,0 +1,131 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, waitFor } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { RouterProvider, createRouter, createRootRoute, createRoute } from '@tanstack/react-router'
+import { CommandCenterPage } from '../pages/CommandCenterPage'
+import type { DatasetInfo, Meeting, Weekend } from '../types'
+
+vi.mock('../api', () => ({
+  fetchSeasons: vi.fn(),
+  fetchLocalMeetings: vi.fn(),
+  fetchWeekend: vi.fn(),
+  fetchLiveState: vi.fn(),
+}))
+
+import { fetchSeasons, fetchLocalMeetings, fetchWeekend, fetchLiveState } from '../api'
+
+const mockFetchSeasons = vi.mocked(fetchSeasons)
+const mockFetchLocalMeetings = vi.mocked(fetchLocalMeetings)
+const mockFetchWeekend = vi.mocked(fetchWeekend)
+const mockFetchLiveState = vi.mocked(fetchLiveState)
+
+const meeting: Meeting = {
+  meeting_key: 1229,
+  meeting_name: 'Monaco',
+  meeting_official_name: 'FORMULA 1 GRAND PRIX DE MONACO 2025',
+  location: 'Monaco',
+  country_name: 'Monaco',
+  country_code: 'MON',
+  country_flag: '',
+  circuit_short_name: 'Monaco',
+  date_start: '2025-05-23T00:00:00+00:00',
+  date_end: '2025-05-25T00:00:00+00:00',
+  year: 2025,
+}
+
+const fullDatasets: Record<string, DatasetInfo> = {
+  meeting: { status: 'available', source: 'local', count: 1 },
+  session: { status: 'available', source: 'local', count: 1 },
+  drivers: { status: 'available', source: 'local', count: 20 },
+  results: { status: 'available', source: 'local', count: 20 },
+  starting_grid: { status: 'available', source: 'local', count: 20 },
+  stints: { status: 'available', source: 'local', count: 2 },
+  pit_stops: { status: 'available', source: 'local', count: 1 },
+  positions: { status: 'available', source: 'local', count: 3 },
+  race_control: { status: 'available', source: 'local', count: 1 },
+  weather: { status: 'available', source: 'local', count: 1 },
+  laps: { status: 'available', source: 'local', count: 1 },
+}
+
+const weekend: Weekend = {
+  source: 'local',
+  meeting_key: 1229,
+  meeting,
+  default_session_key: 9472,
+  sessions: [
+    {
+      session: {
+        session_key: 9472,
+        session_name: 'Race',
+        session_type: 'Race',
+        meeting_key: 1229,
+        date_start: '2025-05-25T13:00:00+00:00',
+        date_end: '2025-05-25T15:00:00+00:00',
+        gmt_offset: '02:00:00',
+      },
+      source: 'local',
+      datasets: fullDatasets,
+    },
+  ],
+}
+
+function renderPage() {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  })
+
+  const rootRoute = createRootRoute({
+    component: () => (
+      <QueryClientProvider client={queryClient}>
+        <CommandCenterPage />
+      </QueryClientProvider>
+    ),
+  })
+
+  const indexRoute = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/',
+    component: CommandCenterPage,
+  })
+
+  const router = createRouter({ routeTree: rootRoute.addChildren([indexRoute]) })
+
+  return render(<RouterProvider router={router} />)
+}
+
+describe('CommandCenterPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockFetchLiveState.mockResolvedValue({ is_live: false, data: null })
+  })
+
+  it('shows empty state when no seasons are ingested', async () => {
+    mockFetchSeasons.mockResolvedValue([])
+
+    renderPage()
+
+    await waitFor(() => {
+      expect(screen.getByTestId('command-center-empty')).toBeInTheDocument()
+    })
+    expect(screen.getByText('No ingested seasons yet')).toBeInTheDocument()
+  })
+
+  it('shows coverage summary and focus weekend when data exists', async () => {
+    mockFetchSeasons.mockResolvedValue([2025])
+    mockFetchLocalMeetings.mockResolvedValue([meeting])
+    mockFetchWeekend.mockResolvedValue(weekend)
+
+    renderPage()
+
+    await waitFor(() => {
+      expect(screen.getByTestId('command-center')).toBeInTheDocument()
+    })
+
+    expect(screen.getByText('Command Center')).toBeInTheDocument()
+    await waitFor(() => {
+      expect(screen.getByTestId('cc-session-9472')).toBeInTheDocument()
+    })
+    expect(screen.getByTestId('cc-focus')).toHaveTextContent('Monaco')
+    expect(screen.getByText('No live session')).toBeInTheDocument()
+  })
+})

frontend/src/test/schedule.test.ts

@@ -0,0 +1,81 @@
+import { describe, it, expect } from 'vitest'
+import {
+  currentMeeting,
+  currentAndNextSession,
+  focusMeetingKind,
+  focusMeetingLabel,
+  formatCountdown,
+  nextUpcomingMeeting,
+  pickFocusMeeting,
+} from '../lib/schedule'
+import type { Meeting, Session } from '../types'
+
+const meeting = (overrides: Partial<Meeting> = {}): Meeting => ({
+  meeting_key: 1,
+  meeting_name: 'Monaco',
+  meeting_official_name: 'Monaco GP',
+  location: 'Monaco',
+  country_name: 'Monaco',
+  country_code: 'MON',
+  country_flag: '',
+  circuit_short_name: 'Monaco',
+  date_start: '2025-05-23T00:00:00+00:00',
+  date_end: '2025-05-25T23:59:59+00:00',
+  year: 2025,
+  ...overrides,
+})
+
+const session = (overrides: Partial<Session> = {}): Session => ({
+  session_key: 9472,
+  session_name: 'Race',
+  session_type: 'Race',
+  meeting_key: 1,
+  date_start: '2025-05-25T13:00:00+00:00',
+  date_end: '2025-05-25T15:00:00+00:00',
+  gmt_offset: '02:00:00',
+  ...overrides,
+})
+
+describe('schedule helpers', () => {
+  it('picks current meeting when now is inside the weekend window', () => {
+    const now = new Date('2025-05-24T12:00:00Z')
+    const meetings = [meeting()]
+    expect(currentMeeting(meetings, now)?.meeting_key).toBe(1)
+    expect(pickFocusMeeting(meetings, now)?.meeting_key).toBe(1)
+  })
+
+  it('picks next upcoming meeting when all meetings are in the future', () => {
+    const now = new Date('2025-01-01T00:00:00Z')
+    const meetings = [meeting()]
+    expect(nextUpcomingMeeting(meetings, now)?.meeting_key).toBe(1)
+    expect(pickFocusMeeting(meetings, now)?.meeting_key).toBe(1)
+    expect(focusMeetingKind(meetings[0], now)).toBe('next')
+    expect(focusMeetingLabel('next')).toBe('Next Weekend')
+  })
+
+  it('falls back to most recent past meeting for historical local data', () => {
+    const now = new Date('2026-01-01T00:00:00Z')
+    const meetings = [meeting()]
+    expect(pickFocusMeeting(meetings, now)?.meeting_key).toBe(1)
+    expect(focusMeetingKind(meetings[0], now)).toBe('recent')
+  })
+
+  it('detects current and next sessions', () => {
+    const sessions = [
+      session({ session_key: 1, session_name: 'FP1', date_start: '2025-05-23T10:00:00+00:00', date_end: '2025-05-23T11:00:00+00:00' }),
+      session({ session_key: 2, session_name: 'Race', date_start: '2025-05-25T13:00:00+00:00', date_end: '2025-05-25T15:00:00+00:00' }),
+    ]
+
+    const duringRace = new Date('2025-05-25T14:00:00+00:00')
+    expect(currentAndNextSession(sessions, duringRace).current?.session_key).toBe(2)
+
+    const beforeRace = new Date('2025-05-24T12:00:00+00:00')
+    expect(currentAndNextSession(sessions, beforeRace).next?.session_key).toBe(2)
+  })
+
+  it('formats countdown strings', () => {
+    const now = new Date('2025-05-25T12:00:00+00:00')
+    const target = new Date('2025-05-25T13:00:00+00:00')
+    expect(formatCountdown(target, now)).toBe('0d 01h 00m 00s')
+  })
+})