box-box/tests/race-hub.spec.ts

import { test, expect } from '@playwright/test'
import { FUTURE_SESSION, mockFutureRaceHubSession } from './fixtures/future-session'

const FULL_SESSION = 9472
const CORE_ONLY_SESSION = 9000

test.describe('Race Hub Weekend Workspace', () => {
  test('lands on the Overview tab with workspace identity', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)

    await expect(page.getByTestId('race-hub')).toBeVisible()
    await expect(page.getByTestId('rh-identity')).toBeVisible()
    await expect(page.getByTestId(`rh-session-${FULL_SESSION}`)).toBeVisible()
    await expect(page.getByTestId('rh-overview')).toBeVisible()
    await expect(page.getByRole('tab', { name: 'Overview' })).toHaveAttribute(
      'aria-selected',
      'true',
    )
    await expect(page.getByText('Local Coverage')).toHaveCount(0)
  })

  test('shows final running order when switching to Race Story', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await page.getByRole('tab', { name: 'Race Story' }).click()

    const verRow = page.locator('.rs-driver-row', {
      has: page.locator('.rs-driver-name', { hasText: 'VER' }),
    })
    const hamRow = page.locator('.rs-driver-row', {
      has: page.locator('.rs-driver-name', { hasText: 'HAM' }),
    })
    await expect(verRow.locator('.rs-pos-col')).toHaveText('1')
    await expect(hamRow.locator('.rs-pos-col')).toHaveText('2')
  })

  test('Race Story renders the position evolution chart for a full session', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await page.getByRole('tab', { name: 'Race Story' }).click()

    await expect(page.locator('[data-testid="position-chart"]')).toBeVisible()
    await expect(
      page.getByRole('img', { name: 'Position evolution chart' }),
    ).toBeVisible()
    await expect(page.getByTestId('race-story-no-positions')).not.toBeVisible()
  })

  test('Race Story highlights a chapter card when clicked', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await page.getByRole('tab', { name: 'Race Story' }).click()

    const firstCard = page.getByTestId('chapter-card-0')
    await expect(firstCard).toBeVisible()
    await firstCard.click()
    await expect(firstCard).toHaveClass(/active/)
  })

  test('strategy tab renders stint chart when stints are available', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await page.getByRole('tab', { name: 'Strategy' }).click()

    await expect(page.locator('[data-testid="strategy-chart"]')).toBeVisible()
    await expect(page.getByText('Stints not available.')).not.toBeVisible()
  })

  test('strategy tab shows missing notice when stints are unavailable', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${CORE_ONLY_SESSION}`)
    await page.getByRole('tab', { name: 'Strategy' }).click()

    await expect(page.getByText('Stints not available.')).toBeVisible()
    await expect(page.locator('[data-testid="strategy-chart"]')).not.toBeVisible()
  })

  test('Race Story shows empty-state card when positions are unavailable', async ({
    page,
  }) => {
    await page.goto(`/race-hub?session_key=${CORE_ONLY_SESSION}`)
    await page.getByRole('tab', { name: 'Race Story' }).click()

    const empty = page.getByTestId('race-story-no-positions')
    await expect(empty).toBeVisible()
    await expect(empty.getByText('Lap-by-lap positions not available')).toBeVisible()
    await expect(page.locator('[data-testid="position-chart"]')).not.toBeVisible()
  })

  test('switching weekend via the inline switcher navigates to selected session', async ({
    page,
  }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await page.getByTestId('rh-switch-weekend').click()

    await expect(page.getByTestId('rh-switcher')).toBeVisible()
    await expect(page.getByTestId(`rh-switcher-session-${FULL_SESSION}`)).toBeVisible()
  })

  test('Diagnostics is a secondary action and points at admin, not inline CLI hints', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${CORE_ONLY_SESSION}`)
    await page.getByRole('tab', { name: 'Diagnostics' }).click()

    await expect(page.getByTestId('rh-data-status')).toBeVisible()
    await expect(page.getByRole('link', { name: /manage ingestion/i })).toHaveAttribute(
      'href',
      '/admin',
    )
    await expect(page.getByTestId('rh-dataset-strip')).toHaveCount(0)
    await page.getByTestId('rh-diagnostics-toggle').click()
    await expect(page.getByTestId('rh-dataset-strip')).toBeVisible()
  })

  test('groups analysis navigation into Story, Analysis, and Data & Context', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await expect(page.getByTestId('rh-tabgroup-story')).toBeVisible()
    await expect(page.getByTestId('rh-tabgroup-analysis')).toBeVisible()
    await expect(page.getByTestId('rh-tabgroup-context')).toBeVisible()
  })

  test('bare /race-hub resolves to a completed session via Weekend Context', async ({ page }) => {
    await page.goto('/race-hub')
    await expect(page).toHaveURL(/session_key=\d+/)
    await expect(page.getByTestId('race-hub')).toBeVisible()
    await expect(page).toHaveURL(new RegExp(`session_key=${FULL_SESSION}`))
    await expect(page.getByTestId('rh-identity')).toContainText('Monaco')
  })

  test('explicit completed session deep link stays stable and shows analysis', async ({ page }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await expect(page).toHaveURL(new RegExp(`session_key=${FULL_SESSION}`))
    await expect(page.getByTestId('rh-overview')).toBeVisible()
  })

  test('explicit future session renders the pre-session view, not empty analysis', async ({
    page,
  }) => {
    await mockFutureRaceHubSession(page)
    await page.goto(`/race-hub?session_key=${FUTURE_SESSION}`)
    await expect(page.getByTestId('race-hub')).toBeVisible()
    await expect(page.getByTestId('rh-presession')).toBeVisible()
    await expect(page.getByTestId('rh-overview')).toHaveCount(0)
  })

  test('returning to Weekend from analysis preserves meeting and session context', async ({
    page,
  }) => {
    await page.goto(`/race-hub?session_key=${FULL_SESSION}`)
    await expect(page.getByTestId('rh-identity')).toContainText('Monaco')
    await page.getByRole('tab', { name: 'Strategy' }).click()
    await expect(page.locator('[data-testid="strategy-chart"]')).toBeVisible()

    // Navigate to the sibling core-only session within the same weekend.
    await page.getByTestId(`rh-session-${CORE_ONLY_SESSION}`).click()
    await expect(page).toHaveURL(new RegExp(`session_key=${CORE_ONLY_SESSION}`))
    await expect(page.getByTestId('rh-identity')).toContainText('Monaco')

    // Explicit Race Hub → Weekend return carries meeting/session in the URL.
    const back = page.getByRole('link', { name: 'Back to Weekend' })
    await expect(back).toBeVisible()
    await expect(back).toHaveAttribute('href', /meeting_key=1229/)
    await expect(back).toHaveAttribute('href', /session_key=9000/)
    await back.click()

    await expect(page).toHaveURL(/\/\?.*meeting_key=1229/)
    await expect(page).toHaveURL(/session_key=9000/)
    await expect(page.getByTestId('weekend-page')).toBeVisible()
    await expect(page.getByTestId('weekend-page')).toHaveAttribute('data-meeting-key', '1229')
    await expect(page.getByTestId('weekend-page')).toHaveAttribute('data-session-key', '9000')
    await expect(page.getByTestId('wk-focus-context')).toBeVisible()
    await expect(page.getByTestId('wk-focus-meeting')).toContainText('Monaco')
    await expect(page.getByTestId('wk-focus-session')).toContainText('Core Only')

    // Contextual action returns to the exact selected analysis session.
    const continueAnalysis = page.getByRole('link', { name: /Continue analysis/i })
    await expect(continueAnalysis).toHaveAttribute(
      'href',
      new RegExp(`session_key=${CORE_ONLY_SESSION}`),
    )
    await continueAnalysis.click()
    await expect(page).toHaveURL(new RegExp(`session_key=${CORE_ONLY_SESSION}`))
    await expect(page.getByTestId('race-hub')).toBeVisible()
    await expect(page.getByTestId('rh-identity')).toContainText('Monaco')
  })

  test('Back to Weekend is keyboard-focusable and works at mobile width', async ({ page }) => {
    await page.setViewportSize({ width: 390, height: 844 })
    await page.goto(`/race-hub?session_key=${CORE_ONLY_SESSION}`)
    await expect(page.getByTestId('race-hub')).toBeVisible()

    const back = page.getByRole('link', { name: 'Back to Weekend' })
    await expect(back).toBeVisible()
    await back.focus()
    await expect(back).toBeFocused()
    await page.keyboard.press('Enter')

    await expect(page.getByTestId('weekend-page')).toBeVisible()
    await expect(page.getByTestId('weekend-page')).toHaveAttribute('data-meeting-key', '1229')
    await expect(page.getByTestId('weekend-page')).toHaveAttribute('data-session-key', '9000')
    await expect(page.getByTestId('wk-focus-context')).toBeVisible()
    await expect(page.getByRole('link', { name: /Continue analysis/i })).toBeVisible()
  })
})