fix(ui): scale WORLD MAP to fill its tab pane without an internal scrollbar (#36)

2026-09-29 12:59:16 +00:00
parent 3a786913df
commit bc6bc7dd07
5 changed files with 46 additions and 19 deletions
@@ -87,8 +87,11 @@ test('tab bar stays pinned while panel content scrolls (#31)', async ({ page })
  // Shrink the viewport so the center pane's content overflows its scroll area regardless of save state.
  await page.setViewportSize({ width: 1280, height: 560 });

-  // WORLD MAP is always tall enough to overflow (fixed-height chart) — deterministic across retries.
-  await page.getByRole('tab', { name: 'WORLD MAP' }).click();
+  // SHIP SYSTEMS always renders six stacked system cards (seeded at start, never removed) — tall
+  // enough to overflow the shrunk pane on any save state, deterministic across retries. (#36 made
+  // WORLD MAP fill its pane instead of overflowing it, so it can no longer force the scroll.)
+  await page.getByRole('tab', { name: 'SHIP SYSTEMS' }).click();
+  await expect(page.getByRole('heading', { name: 'HULL' })).toBeVisible();

  const tablist = page.getByRole('tablist');
  await expect(tablist).toBeVisible();