mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 19:56:18 -04:00
AmanTahiliani
7c98489b91
Make bare /race-hub resolve to a completed session and never open empty post-session analysis for a future race. - Backend: add `default_analysis_session` to the Weekend context. It never resolves to a future session (picks the richest completed session, ties toward the later one; 0 when everything is upcoming). Existing `default_session_key` and deep links are unchanged. - Frontend default resolution prefers the most recently completed weekend (`pickAnalysisFocusMeeting`) and consumes `default_analysis_session`, falling back to the switcher when only upcoming sessions exist. - New `sessionState` lib maps timing + coverage to user language (upcoming/live/preparing/partial/ready/cancelled); the session rail, active sub-bar, and WeekendSwitcher now label states instead of raw x/11 counts. - Future sessions render a purpose-built PreSessionView (expected availability + countdown) instead of empty Winner/Podium/Pole/Strategy/Compare cards. - Analysis navigation regrouped into Story / Analysis / Data & Context; every existing tab is preserved. Diagnostics (renamed from Data Status) is now a secondary action and the raw dataset strip is hidden behind an explicit toggle, so operational coverage no longer precedes fan content. - Loading/error states offer Retry and a path back to Weekend. Tests: Go query tests for future-exclusion; Vitest for default selection, future pre-session, partial state, error/retry, grouped nav, and sessionState; hermetic Playwright for bare/completed/future/return-to-Weekend; new race-hub-future visual snapshots. Seed adds a far-future session inside the Monaco meeting (kept in-meeting so Command Center focus is unaffected). Note: `default_analysis_session` is an additive field on the existing `/weekend` contract (no new endpoint), per the spec's "context contract" scope. Co-authored-by: Cursor <cursoragent@cursor.com>
43 lines
2.1 KiB
TypeScript
43 lines
2.1 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest'
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
import { TabBar } from '../components/TabBar'
|
|
|
|
describe('TabBar', () => {
|
|
it('renders all Race Hub workspace tabs grouped into a hierarchy', () => {
|
|
render(<TabBar active="overview" onChange={() => {}} />)
|
|
expect(screen.getByRole('tab', { name: 'Overview' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Race Story' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Strategy' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Compare' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Lap Data' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Conditions' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Race Control' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Diagnostics' })).toBeInTheDocument()
|
|
|
|
expect(screen.getByTestId('rh-tabgroup-story')).toBeInTheDocument()
|
|
expect(screen.getByTestId('rh-tabgroup-analysis')).toBeInTheDocument()
|
|
expect(screen.getByTestId('rh-tabgroup-context')).toBeInTheDocument()
|
|
})
|
|
|
|
it('marks the active tab with aria-selected', () => {
|
|
render(<TabBar active="strategy" onChange={() => {}} />)
|
|
expect(screen.getByRole('tab', { name: 'Strategy' })).toHaveAttribute('aria-selected', 'true')
|
|
expect(screen.getByRole('tab', { name: 'Overview' })).toHaveAttribute('aria-selected', 'false')
|
|
})
|
|
|
|
it('applies active class only to the active tab', () => {
|
|
render(<TabBar active="conditions" onChange={() => {}} />)
|
|
const active = screen.getByRole('tab', { name: 'Conditions' })
|
|
const inactive = screen.getByRole('tab', { name: 'Overview' })
|
|
expect(active.className).toContain('active')
|
|
expect(inactive.className).not.toContain('active')
|
|
})
|
|
|
|
it('calls onChange with the correct tab id when clicked', () => {
|
|
const onChange = vi.fn()
|
|
render(<TabBar active="overview" onChange={onChange} />)
|
|
fireEvent.click(screen.getByRole('tab', { name: 'Race Control' }))
|
|
expect(onChange).toHaveBeenCalledWith('race_control')
|
|
})
|
|
})
|