Add command center screen

tests/visual/helpers.ts

@@ -14,6 +14,14 @@ export async function waitForScreenshotReady(page: Page): Promise<void> {
   await page.waitForTimeout(150)
 }
 
+export async function gotoCommandCenterReady(page: Page): Promise<void> {
+  await page.goto('/')
+  await expect(page.getByTestId('command-center')).toBeVisible()
+  await expect(page.getByTestId('cc-focus')).toBeVisible()
+  await expect(page.getByTestId('cc-session-9472')).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.getByText('Final Classification')).toBeVisible()

tests/visual/mvp-screens.spec.ts

@@ -1,5 +1,6 @@
 import { test } from '@playwright/test'
 import {
+  gotoCommandCenterReady,
   gotoDataLibraryReady,
   gotoLiveEmptyReady,
   gotoRaceHubReady,
@@ -7,6 +8,11 @@ import {
 } from './helpers'
 
 test.describe('MVP visual regression', () => {
+  test('command-center', async ({ page }) => {
+    await gotoCommandCenterReady(page)
+    await screenshotPage(page, 'command-center')
+  })
+
   test('race-hub', async ({ page }) => {
     await gotoRaceHubReady(page)
     await screenshotPage(page, 'race-hub')