mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 19:56:18 -04:00
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>
82 lines
2.9 KiB
TypeScript
82 lines
2.9 KiB
TypeScript
import { expect, type Locator, type Page } from '@playwright/test'
|
|
|
|
export const VIEWPORTS = {
|
|
desktop: { width: 1280, height: 800 },
|
|
tablet: { width: 768, height: 1024 },
|
|
mobile: { width: 390, height: 844 },
|
|
} as const
|
|
|
|
export const FULL_SESSION = 9472
|
|
export const FUTURE_SESSION = 9600
|
|
|
|
/** Wait for web fonts and layout to settle before screenshots. */
|
|
export async function waitForScreenshotReady(page: Page): Promise<void> {
|
|
await page.evaluate(() => document.fonts.ready)
|
|
await page.waitForTimeout(150)
|
|
}
|
|
|
|
export async function gotoWeekendReady(page: Page): Promise<void> {
|
|
await page.goto('/')
|
|
await expect(page.getByTestId('weekend-page')).toBeVisible()
|
|
// The seeded hermetic DB (Monaco 2025, completed) resolves to season_complete,
|
|
// rendered by the between-races surface.
|
|
await expect(page.getByTestId('weekend-between-races')).toBeVisible()
|
|
await expect(page.getByTestId('wk-last-event')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function gotoRaceHubReady(page: Page, sessionKey = FULL_SESSION): Promise<void> {
|
|
await page.goto(`/race-hub?session_key=${sessionKey}`)
|
|
await expect(page.getByTestId('race-hub')).toBeVisible()
|
|
await expect(page.getByTestId('rh-identity')).toBeVisible()
|
|
await expect(page.getByTestId(`rh-session-${sessionKey}`)).toBeVisible()
|
|
await expect(page.getByTestId('rh-overview')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function gotoRaceHubFutureReady(
|
|
page: Page,
|
|
sessionKey = FUTURE_SESSION,
|
|
): Promise<void> {
|
|
await page.goto(`/race-hub?session_key=${sessionKey}`)
|
|
await expect(page.getByTestId('race-hub')).toBeVisible()
|
|
await expect(page.getByTestId('rh-presession')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function gotoRaceStoryReady(page: Page, sessionKey = FULL_SESSION): Promise<void> {
|
|
await page.goto(`/race-hub?session_key=${sessionKey}`)
|
|
await expect(page.getByTestId('race-hub')).toBeVisible()
|
|
await page.getByRole('tab', { name: 'Race Story' }).click()
|
|
await expect(page.getByTestId('position-chart')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function gotoDataLibraryReady(page: Page): Promise<void> {
|
|
await page.goto('/admin')
|
|
await expect(page.getByTestId('data-library')).toBeVisible()
|
|
await expect(page.getByTestId('dl-meeting-1229')).toBeVisible()
|
|
await expect(page.getByTestId('meeting-detail')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function gotoLiveEmptyReady(page: Page): Promise<void> {
|
|
await page.goto('/live')
|
|
await expect(page.locator('.loading-state')).toHaveCount(0)
|
|
await expect(page.getByTestId('live-empty')).toBeVisible()
|
|
await waitForScreenshotReady(page)
|
|
}
|
|
|
|
export async function screenshotPage(
|
|
page: Page,
|
|
name: string,
|
|
options?: { mask?: Locator[] },
|
|
): Promise<void> {
|
|
await expect(page).toHaveScreenshot(`${name}.png`, {
|
|
fullPage: true,
|
|
animations: 'disabled',
|
|
caret: 'hide',
|
|
mask: options?.mask,
|
|
})
|
|
}
|