mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 19:56:18 -04:00
AmanTahiliani
07e5857760
Address the independent review blockers on PR #80 after rebasing onto the authoritative #72 Weekend Context API. - Replace the invented frontend WeekendContext with the exact backend contract (temporal_state, previous/focus/next meetings, previous_completed/active/next/ default_analysis sessions with availability). Every valid canonical payload now maps to a designed state via a total resolveViewState; a well-formed response can never fall through to the limited-data placeholder. - Make the canonical read the single source of truth: useWeekendContext no longer fans out to season/meetings/per-weekend/OpenF1/live queries. Only supplementary championship + news reads run, and only once the canonical context resolves. - Fix the Prepare/analysis flow: /preview is a stable alias that renders the preparation surface (PreSessionView) instead of redirecting back to the same between-races screen. - One primary navigation system per breakpoint: the mobile top-bar links are hidden so the bottom bar is the sole primary nav, and Admin is moved out of every Primary landmark into an operator-utilities toolbar. - Add Vitest coverage for the contract mapping, every temporal state, loading/ error/limited surfaces, the no-fanout guarantee, the /preview CTA, and the nav hierarchy; add hermetic Playwright journeys (seeded + injected canonical payloads), 390/768/1440 overflow checks, and Weekend visual snapshots. Retire the stale Command Center specs/snapshots. Co-authored-by: Cursor <cursoragent@cursor.com>
71 lines
2.6 KiB
TypeScript
71 lines
2.6 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
|
|
|
|
/** 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 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,
|
|
})
|
|
}
|