Add data library UI

frontend/src/test/CliCommands.test.tsx

@@ -0,0 +1,39 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent } from '@testing-library/react'
+import { CliCommands, ingestMeetingCommands, ingestSessionCommands } from '../components/CliCommands'
+
+describe('CliCommands', () => {
+  beforeEach(() => {
+    Object.assign(navigator, {
+      clipboard: { writeText: vi.fn().mockResolvedValue(undefined) },
+    })
+  })
+
+  it('renders commands with comments', () => {
+    render(
+      <CliCommands
+        commands={[{ comment: '# test', cmd: 'box-box --ingest-year 2025' }]}
+      />,
+    )
+    expect(screen.getByText('# test')).toBeInTheDocument()
+    expect(screen.getByText('box-box --ingest-year 2025')).toBeInTheDocument()
+  })
+
+  it('copies command on button click', async () => {
+    render(<CliCommands commands={[{ cmd: 'box-box --ingest-session 9472' }]} />)
+    fireEvent.click(screen.getByRole('button', { name: /Copy/i }))
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('box-box --ingest-session 9472')
+    expect(await screen.findByText('Copied')).toBeInTheDocument()
+  })
+
+  it('builds meeting ingest commands', () => {
+    const cmds = ingestMeetingCommands(1229)
+    expect(cmds[0].cmd).toBe('box-box --ingest-meeting 1229')
+    expect(cmds[1].cmd).toBe('box-box --ingest-meeting 1229 --dry-run')
+  })
+
+  it('builds session ingest commands', () => {
+    const cmds = ingestSessionCommands(9472)
+    expect(cmds[0].cmd).toBe('box-box --ingest-session 9472')
+  })
+})

frontend/src/test/DataLibraryPage.test.tsx

@@ -0,0 +1,144 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, waitFor, fireEvent } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { RouterProvider, createRouter, createRootRoute, createRoute } from '@tanstack/react-router'
+import { DataLibraryPage } from '../pages/DataLibraryPage'
+import type { DatasetInfo, Meeting, Weekend } from '../types'
+
+vi.mock('../api', () => ({
+  fetchSeasons: vi.fn(),
+  fetchLocalMeetings: vi.fn(),
+  fetchWeekend: vi.fn(),
+}))
+
+import { fetchSeasons, fetchLocalMeetings, fetchWeekend } from '../api'
+
+const mockFetchSeasons = vi.mocked(fetchSeasons)
+const mockFetchLocalMeetings = vi.mocked(fetchLocalMeetings)
+const mockFetchWeekend = vi.mocked(fetchWeekend)
+
+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}>
+        <DataLibraryPage />
+      </QueryClientProvider>
+    ),
+  })
+  const indexRoute = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/',
+    component: () => null,
+  })
+  const router = createRouter({ routeTree: rootRoute.addChildren([indexRoute]) })
+
+  return render(<RouterProvider router={router} />)
+}
+
+describe('DataLibraryPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    Object.assign(navigator, {
+      clipboard: { writeText: vi.fn().mockResolvedValue(undefined) },
+    })
+  })
+
+  it('shows empty state when no seasons exist', async () => {
+    mockFetchSeasons.mockResolvedValue([])
+
+    renderPage()
+
+    expect(await screen.findByTestId('data-library-empty')).toBeInTheDocument()
+    expect(screen.getByText(/No ingested seasons yet/i)).toBeInTheDocument()
+    expect(screen.getByText('box-box --ingest-year 2025')).toBeInTheDocument()
+  })
+
+  it('shows meetings and detail panel with CLI commands', async () => {
+    mockFetchSeasons.mockResolvedValue([2025])
+    mockFetchLocalMeetings.mockResolvedValue([meeting])
+    mockFetchWeekend.mockResolvedValue(weekend)
+
+    renderPage()
+
+    expect(await screen.findByTestId('data-library')).toBeInTheDocument()
+    await waitFor(() => {
+      expect(mockFetchLocalMeetings).toHaveBeenCalledWith(2025)
+    })
+
+    expect(await screen.findByText('Monaco')).toBeInTheDocument()
+    expect(await screen.findByTestId('meeting-detail')).toBeInTheDocument()
+    expect(screen.getByText('11/11')).toBeInTheDocument()
+    expect(screen.getByText('box-box --ingest-meeting 1229')).toBeInTheDocument()
+    expect(screen.getByText('box-box --ingest-session 9472')).toBeInTheDocument()
+  })
+
+  it('shows partial badge for partial weekends', async () => {
+    const partialWeekend: Weekend = {
+      ...weekend,
+      source: 'partial',
+      sessions: [{ ...weekend.sessions[0], source: 'partial', datasets: { meeting: { status: 'available', source: 'local' } } }],
+    }
+
+    mockFetchSeasons.mockResolvedValue([2025])
+    mockFetchLocalMeetings.mockResolvedValue([meeting])
+    mockFetchWeekend.mockResolvedValue(partialWeekend)
+
+    renderPage()
+
+    expect(await screen.findByText('Partial')).toBeInTheDocument()
+  })
+})

frontend/src/test/coverage.test.ts

@@ -0,0 +1,69 @@
+import { describe, it, expect } from 'vitest'
+import {
+  countRaceHubDatasets,
+  formatCoverageHint,
+  countWeekendStats,
+  sessionTypeAbbrev,
+  isSessionComplete,
+} from '../lib/coverage'
+import type { DatasetInfo, Weekend } from '../types'
+
+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 },
+}
+
+describe('coverage helpers', () => {
+  it('counts available Race Hub datasets', () => {
+    expect(countRaceHubDatasets(fullDatasets)).toEqual({ available: 11, total: 11 })
+    expect(countRaceHubDatasets({ meeting: { status: 'available', source: 'local' } })).toEqual({
+      available: 1,
+      total: 11,
+    })
+  })
+
+  it('formats coverage hint', () => {
+    expect(formatCoverageHint(fullDatasets)).toBe('11/11')
+  })
+
+  it('detects complete sessions', () => {
+    expect(isSessionComplete(fullDatasets)).toBe(true)
+    expect(isSessionComplete({ meeting: { status: 'available', source: 'local' } })).toBe(false)
+  })
+
+  it('abbreviates session types', () => {
+    expect(sessionTypeAbbrev('Race', 'Race')).toBe('R')
+    expect(sessionTypeAbbrev('Qualifying', 'Qualifying')).toBe('Q')
+    expect(sessionTypeAbbrev('Practice', 'Practice 1')).toBe('FP1')
+  })
+
+  it('counts weekend stats', () => {
+    const local: Weekend = {
+      source: 'local',
+      meeting_key: 1,
+      meeting: {} as Weekend['meeting'],
+      sessions: [{ session: {} as Weekend['sessions'][0]['session'], source: 'local', datasets: fullDatasets }],
+    }
+    const partial: Weekend = {
+      source: 'partial',
+      meeting_key: 2,
+      meeting: {} as Weekend['meeting'],
+      sessions: [{ session: {} as Weekend['sessions'][0]['session'], source: 'partial', datasets: {} }],
+    }
+    expect(countWeekendStats([local, partial, undefined])).toEqual({
+      full: 1,
+      partial: 1,
+      missing: 1,
+      total: 3,
+    })
+  })
+})