@polderlabs/bizar 10.7.2 → 10.11.0

package/bizar-dash/tests/users.test.mjs

@@ -1,108 +0,0 @@
-/**
- * tests/users.test.mjs
- *
- * v5.0.0 — Tests for the users route handlers.
- */
-import { describe, it, beforeEach, afterEach, after } from 'node:test';
-import assert from 'node:assert';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import {
-  mkdirSync,
-  rmSync,
-} from 'node:fs';
-
-// These are tested via the REST API in workspaces.test.mjs (user-related functions)
-// This file tests the users store functions directly.
-
-const TEST_ID = `bizar-user-test-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-const TEST_HOME = join(tmpdir(), TEST_ID);
-const BIZAR_LOCAL = join(TEST_HOME, '.local', 'share', 'bizar');
-const WORKSPACES_ROOT = join(BIZAR_LOCAL, 'workspaces');
-
-const originalHomedir = process.env.HOME;
-process.env.HOME = TEST_HOME;
-
-describe('users', () => {
-  let cleanupDirs = [];
-
-  beforeEach(() => {
-    mkdirSync(BIZAR_LOCAL, { recursive: true });
-    cleanupDirs.push(TEST_HOME);
-  });
-
-  afterEach(() => {
-    for (const dir of cleanupDirs) {
-      try { rmSync(dir, { recursive: true, force: true }); } catch { /* ignore */ }
-    }
-    cleanupDirs = [];
-  });
-
-  after(() => {
-    process.env.HOME = originalHomedir;
-  });
-
-  // Users are managed through the workspaces module (index.json users array)
-  // This test verifies user CRUD through workspaces
-
-  describe('user CRUD via workspaces module', () => {
-    it('getOrCreateUser creates user and persists to index', async () => {
-      const ws = await import('../src/server/workspaces.mjs');
-      const { user, created } = await ws.getOrCreateUser('test@example.com', 'Test User');
-
-      assert.ok(created);
-      assert.ok(user.id.startsWith('usr_'));
-      assert.strictEqual(user.email, 'test@example.com');
-      assert.strictEqual(user.name, 'Test User');
-
-      // Verify persisted
-      const found = await ws.getUser(user.id);
-      assert.ok(found);
-      assert.strictEqual(found.email, 'test@example.com');
-    });
-
-    it('getUser returns user by id', async () => {
-      const ws = await import('../src/server/workspaces.mjs');
-      const { user } = await ws.getOrCreateUser('findme@example.com', 'Find Me');
-
-      const found = await ws.getUser(user.id);
-      assert.ok(found);
-      assert.strictEqual(found.id, user.id);
-      assert.strictEqual(found.name, 'Find Me');
-    });
-
-    it('getUser returns null for non-existent user', async () => {
-      const ws = await import('../src/server/workspaces.mjs');
-      const found = await ws.getUser('usr_nonexistent');
-      assert.strictEqual(found, null);
-    });
-
-    it('updateUser updates name and email', async () => {
-      const ws = await import('../src/server/workspaces.mjs');
-      const { user } = await ws.getOrCreateUser('original@example.com', 'Original Name');
-
-      const updated = await ws.updateUser(user.id, {
-        name: 'Updated Name',
-        email: 'updated@example.com',
-      });
-
-      assert.strictEqual(updated.name, 'Updated Name');
-      assert.strictEqual(updated.email, 'updated@example.com');
-
-      // Verify persisted
-      const found = await ws.getUser(user.id);
-      assert.strictEqual(found.name, 'Updated Name');
-      assert.strictEqual(found.email, 'updated@example.com');
-    });
-
-    it('email matching is case-insensitive', async () => {
-      const ws = await import('../src/server/workspaces.mjs');
-      const { user } = await ws.getOrCreateUser('case@test.com', 'Case Test');
-
-      // Try to get or create with different case
-      const found = await ws.getOrCreateUser('CASE@TEST.COM', 'Different Case');
-      assert.strictEqual(found.created, false);
-      assert.strictEqual(found.user.id, user.id);
-    });
-  });
-});

package/bizar-dash/tests/v7-archive/BackgroundAgents.test.tsx

@@ -1,160 +0,0 @@
-// tests/BackgroundAgents.test.tsx — v5.x component tests for the
-// rewired BackgroundAgents view and SpawnAgentModal. Uses
-// @testing-library/react and the dashboard's vitest setup.
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { BackgroundAgents } from '../src/web/views/BackgroundAgents';
-import { ToastProvider } from '../src/web/components/Toast';
-
-// --- API mock ------------------------------------------------------------
-
-const mockApiGet = vi.fn();
-const mockApiPost = vi.fn();
-
-vi.mock('../src/web/lib/api', () => ({
-  api: {
-    get: (...args: unknown[]) => mockApiGet(...args),
-    post: (...args: unknown[]) => mockApiPost(...args),
-  },
-}));
-
-vi.mock('../src/web/lib/ws', () => ({
-  Ws: class {
-    constructor() {}
-    on() { return () => {}; }
-    onStatus() { return () => {}; }
-    close() {}
-  },
-}));
-
-// --- Helpers -------------------------------------------------------------
-
-const dummySnapshot = {} as any;
-const dummySettings = {} as any;
-
-function wrap(node: React.ReactNode) {
-  return <ToastProvider>{node}</ToastProvider>;
-}
-
-beforeEach(() => {
-  mockApiGet.mockReset();
-  mockApiPost.mockReset();
-  // Default: list returns empty.
-  mockApiGet.mockImplementation(async (path: string) => {
-    if (path === '/background') return { instances: [], status: { dir: '/tmp', exists: false, count: 0 } };
-    if (path.includes('/tool-calls')) return { toolCalls: [] };
-    if (path.includes('/output')) return { output: '', available: false };
-    if (path.includes('/tmux')) return { session: 'bgr_x', exists: false, attachCommand: 'tmux attach -t bgr_x', attachUrl: 'tmux://bgr_x' };
-    return {};
-  });
-});
-
-// --- Tests ---------------------------------------------------------------
-
-describe('BackgroundAgents — v5.x integration', () => {
-  it('renders empty state with a Spawn action', async () => {
-    render(wrap(<BackgroundAgents snapshot={dummySnapshot} settings={dummySettings} activeTab="background" setActiveTab={() => {}} refreshSnapshot={async () => {}} />));
-    await waitFor(() =>
-      expect(screen.getByText(/No active background agents/i)).toBeInTheDocument(),
-    );
-    expect(screen.getAllByRole('button', { name: /Spawn/i }).length).toBeGreaterThan(0);
-  });
-
-  it('renders an active card with pause + steer buttons', async () => {
-    mockApiGet.mockImplementation(async (path: string) => {
-      if (path === '/background') {
-        return {
-          instances: [
-            {
-              instanceId: 'bgr_running_x',
-              status: 'running',
-              agent: 'mimir',
-              prompt: 'say hi',
-              startedAt: Date.now() - 5000,
-              toolCallCount: 0,
-              tmuxSession: 'bgr_running_x',
-              tmuxActive: false,
-            },
-          ],
-          status: { dir: '/tmp', exists: true, count: 1 },
-        };
-      }
-      return {};
-    });
-    render(wrap(<BackgroundAgents snapshot={dummySnapshot} settings={dummySettings} activeTab="background" setActiveTab={() => {}} refreshSnapshot={async () => {}} />));
-    await waitFor(() => expect(screen.getByText('mimir')).toBeInTheDocument());
-    expect(screen.getByRole('button', { name: /Pause/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /Steer/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /Kill/i })).toBeInTheDocument();
-  });
-
-  it('renders a paused card with resume instead of pause', async () => {
-    mockApiGet.mockImplementation(async (path: string) => {
-      if (path === '/background') {
-        return {
-          instances: [
-            {
-              instanceId: 'bgr_paused_x',
-              status: 'paused',
-              agent: 'mimir',
-              prompt: 'paused run',
-              startedAt: Date.now() - 5000,
-              toolCallCount: 0,
-            },
-          ],
-          status: { dir: '/tmp', exists: true, count: 1 },
-        };
-      }
-      return {};
-    });
-    render(wrap(<BackgroundAgents snapshot={dummySnapshot} settings={dummySettings} activeTab="background" setActiveTab={() => {}} refreshSnapshot={async () => {}} />));
-    await waitFor(() => expect(screen.getByRole('button', { name: /Resume/i })).toBeInTheDocument());
-    expect(screen.queryByRole('button', { name: /Pause/i })).not.toBeInTheDocument();
-  });
-
-  it('progress bar shows when instance.progress is set', async () => {
-    mockApiGet.mockImplementation(async (path: string) => {
-      if (path === '/background') {
-        return {
-          instances: [
-            {
-              instanceId: 'bgr_progress_x',
-              status: 'running',
-              agent: 'mimir',
-              prompt: 'step',
-              startedAt: Date.now(),
-              toolCallCount: 1,
-              progress: 42,
-              progressMessage: 'halfway through',
-            },
-          ],
-          status: { dir: '/tmp', exists: true, count: 1 },
-        };
-      }
-      return {};
-    });
-    render(wrap(<BackgroundAgents snapshot={dummySnapshot} settings={dummySettings} activeTab="background" setActiveTab={() => {}} refreshSnapshot={async () => {}} />));
-    await waitFor(() => expect(screen.getByText(/42%/)).toBeInTheDocument());
-    expect(screen.getByText(/halfway through/i)).toBeInTheDocument();
-  });
-
-  it('pause button calls pause endpoint', async () => {
-    mockApiGet.mockImplementation(async (path: string) => {
-      if (path === '/background') {
-        return {
-          instances: [{ instanceId: 'bgr_x', status: 'running', agent: 'mimir', prompt: 'p', startedAt: Date.now(), toolCallCount: 0 }],
-          status: { dir: '/tmp', exists: true, count: 1 },
-        };
-      }
-      return {};
-    });
-    mockApiPost.mockResolvedValue({ ok: true });
-    render(wrap(<BackgroundAgents snapshot={dummySnapshot} settings={dummySettings} activeTab="background" setActiveTab={() => {}} refreshSnapshot={async () => {}} />));
-    const btn = await waitFor(() => screen.getByRole('button', { name: /Pause/i }));
-    await userEvent.click(btn);
-    await waitFor(() => {
-      expect(mockApiPost).toHaveBeenCalledWith('/background/bgr_x/pause', {});
-    });
-  });
-});

package/bizar-dash/tests/v7-archive/a11y/forms.test.tsx

@@ -1,191 +0,0 @@
-// tests/a11y/forms.test.tsx — WCAG 2.1.1 / 3.3.1 form accessibility for Doctor and Schedules.
-//
-// Tests that all form inputs have accessible names (label, aria-label,
-// or aria-labelledby), and that form errors and live regions are announced.
-
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { Doctor } from '../../src/web/views/Doctor';
-import { Schedules } from '../../src/web/views/Schedules';
-import { ToastProvider } from '../../src/web/components/Toast';
-import { ModalProvider } from '../../src/web/components/Modal';
-
-// ─── Helpers ────────────────────────────────────────────────────────────────
-
-/** Assert every input/select/textarea in the container has an accessible name. */
-function expectAllInputsAccessible(container: HTMLElement) {
-  const inputs = container.querySelectorAll('input, select, textarea');
-  const offenders: string[] = [];
-  inputs.forEach((el) => {
-    if ((el as HTMLInputElement).type === 'hidden') return;
-    const accessibleName =
-      el.getAttribute('aria-label') ||
-      el.getAttribute('aria-labelledby') ||
-      el.getAttribute('placeholder') ||
-      el.getAttribute('title');
-    let labelledByLabel = false;
-    if (el.id) {
-      labelledByLabel = !!container.querySelector(`label[for="${el.id}"]`);
-    }
-    if (!accessibleName && !labelledByLabel) {
-      offenders.push(
-        `<${el.tagName.toLowerCase()}${el.id ? ` id="${el.id}"` : ''}${el.getAttribute('type') ? ` type="${el.getAttribute('type')}"` : ''}> has no accessible name`,
-      );
-    }
-  });
-  expect(offenders, offenders.join('\n')).toEqual([]);
-}
-
-/** Assert every button in the container has an accessible name. */
-function expectAllButtonsAccessible(container: HTMLElement) {
-  const buttons = container.querySelectorAll('button');
-  const offenders: string[] = [];
-  buttons.forEach((el) => {
-    const ariaLabel = el.getAttribute('aria-label');
-    const labelledBy = el.getAttribute('aria-labelledby');
-    const text = (el.textContent || '').trim();
-    const title = el.getAttribute('title');
-    if (!ariaLabel && !labelledBy && !text && !title) {
-      offenders.push(`<button> has no accessible name`);
-    }
-  });
-  expect(offenders, offenders.join('\n')).toEqual([]);
-}
-
-function renderWithProviders(ui: React.ReactNode) {
-  return render(
-    <ToastProvider>
-      <ModalProvider>{ui}</ModalProvider>
-    </ToastProvider>,
-  );
-}
-
-// ─── Doctor ─────────────────────────────────────────────────────────────────
-
-const FAKE_SNAPSHOT = {
-  bizarreVersion: '99.0.0',
-  platform: 'linux',
-  arch: 'x64',
-  uptime: 3600,
-  tasks: 0,
-  schedules: 0,
-  mods: 0,
-  providers: 0,
-  mcps: 0,
-  agents: 0,
-  projects: 0,
-  workspaces: 0,
-  voiceNotes: 0,
-  evalRuns: 0,
-  backups: 0,
-  activeProject: null,
-};
-
-const FAKE_SETTINGS = {};
-
-describe('Doctor — WCAG 3.3.1: form inputs have accessible names + aria-live', () => {
-  beforeEach(() => {
-    vi.restoreAllMocks();
-    // Mock the API to avoid real network calls
-    vi.spyOn(require('../../src/web/lib/api'), 'api').mockImplementation(() => ({
-      get: vi.fn().mockResolvedValue({
-        health: { status: 'ok', issues: [] },
-        checks: { system: [], services: [], config: [], counts: [] },
-        bizarreVersion: '99.0.0',
-        platform: 'linux',
-        arch: 'x64',
-        uptime: 3600,
-        counts: {},
-        recentErrors: [],
-      }),
-      post: vi.fn().mockResolvedValue({ name: 'test', message: 'ok' }),
-    }));
-  });
-
-  it('the "Run Health Check Now" button has aria-label="Refresh diagnostics"', async () => {
-    renderWithProviders(
-      <Doctor
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="doctor"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    const btn = screen.getByRole('button', { name: /refresh diagnostics/i });
-    expect(btn).toBeInTheDocument();
-  });
-
-  it('the auto-refresh toggle button has an accessible name', async () => {
-    renderWithProviders(
-      <Doctor
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="doctor"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    // The button shows "Pause auto-refresh" or "Resume auto-refresh"
-    const btn = screen.getByRole('button', { name: /(pause|resume) auto-refresh/i });
-    expect(btn).toBeInTheDocument();
-  });
-
-  it('header meta region has aria-live="polite"', async () => {
-    renderWithProviders(
-      <Doctor
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="doctor"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    const liveRegion = document.querySelector('[aria-live="polite"]');
-    expect(liveRegion).toBeInTheDocument();
-  });
-});
-
-// ─── Schedules ───────────────────────────────────────────────────────────────
-
-describe('Schedules — WCAG 3.3.1: all form inputs have accessible names', () => {
-  it('the Refresh button has aria-label="Refresh schedules"', () => {
-    renderWithProviders(
-      <Schedules
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="schedules"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    const btn = screen.getByRole('button', { name: /refresh schedules/i });
-    expect(btn).toBeInTheDocument();
-  });
-
-  it('all visible inputs in the Schedules view have accessible names', () => {
-    const { container } = renderWithProviders(
-      <Schedules
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="schedules"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    expectAllInputsAccessible(container);
-  });
-
-  it('all visible buttons in the Schedules view have accessible names', () => {
-    const { container } = renderWithProviders(
-      <Schedules
-        snapshot={FAKE_SNAPSHOT}
-        settings={FAKE_SETTINGS}
-        activeTab="schedules"
-        setActiveTab={() => {}}
-        refreshSnapshot={() => Promise.resolve()}
-      />,
-    );
-    expectAllButtonsAccessible(container);
-  });
-});

package/bizar-dash/tests/v7-archive/a11y.test.tsx

@@ -1,206 +0,0 @@
-// src/tests/a11y.test.tsx — WCAG 2.2 AA accessibility assertions for major views.
-//
-// This test file exercises the most critical accessibility patterns
-// added in v4.8 (form labels, skip-to-main, aria-live, focus-visible).
-// It uses Testing Library queries that mirror what assistive tech sees,
-// not implementation details, so the tests stay useful even as the
-// markup evolves.
-
-import { describe, it, expect } from 'vitest';
-import { render, screen, within } from '@testing-library/react';
-import { ModalProvider } from '../src/web/components/Modal';
-import { ToastProvider } from '../src/web/components/Toast';
-import { SearchModal } from '../src/web/components/SearchModal';
-import { Notifications } from '../src/web/components/Notifications';
-
-// ─── Helpers ──────────────────────────────────────────────────────────────
-
-function renderWithProviders(ui: React.ReactNode) {
-  return render(
-    <ToastProvider>
-      <ModalProvider>{ui}</ModalProvider>
-    </ToastProvider>,
-  );
-}
-
-/**
- * Walk the rendered tree and assert that every <input>, <select>, and
- * <textarea> has an accessible name (label[for], aria-label,
- * aria-labelledby, or wrapping <label>).
- */
-function expectAllInputsAccessible(container: HTMLElement) {
-  const inputs = container.querySelectorAll('input, select, textarea');
-  const offenders: string[] = [];
-  inputs.forEach((el) => {
-    // Hidden file inputs and inputs explicitly disabled from the a11y tree
-    // (tabIndex=-1 + display:none, used for "click to trigger file picker"
-    // pattern) are still required to have an aria-label so screen-reader
-    // users can understand them — but we skip true hidden inputs.
-    if ((el as HTMLInputElement).type === 'hidden') return;
-    const accessibleName =
-      el.getAttribute('aria-label') ||
-      el.getAttribute('aria-labelledby') ||
-      el.getAttribute('placeholder') ||
-      el.getAttribute('title');
-    let labelledByLabel = false;
-    if (el.id) {
-      labelledByLabel = !!container.querySelector(`label[for="${el.id}"]`);
-    }
-    if (!labelledByLabel) {
-      // Walk up to find a wrapping <label>.
-      let p: HTMLElement | null = el.parentElement;
-      while (p) {
-        if (p.tagName.toLowerCase() === 'label') {
-          labelledByLabel = true;
-          break;
-        }
-        p = p.parentElement;
-      }
-    }
-    if (!accessibleName && !labelledByLabel) {
-      offenders.push(
-        `<${el.tagName.toLowerCase()}${el.id ? ` id="${el.id}"` : ''}${el.getAttribute('type') ? ` type="${el.getAttribute('type')}"` : ''}> has no accessible name`,
-      );
-    }
-  });
-  expect(offenders, offenders.join('\n')).toEqual([]);
-}
-
-/**
- * Walk the rendered tree and assert every <button> has an accessible
- * name (text content, aria-label, or aria-labelledby).
- */
-function expectAllButtonsAccessible(container: HTMLElement) {
-  const buttons = container.querySelectorAll('button');
-  const offenders: string[] = [];
-  buttons.forEach((el) => {
-    const ariaLabel = el.getAttribute('aria-label');
-    const labelledBy = el.getAttribute('aria-labelledby');
-    const text = (el.textContent || '').trim();
-    const title = el.getAttribute('title');
-    if (!ariaLabel && !labelledBy && !text && !title) {
-      offenders.push(`<button> has no accessible name`);
-    }
-  });
-  expect(offenders, offenders.join('\n')).toEqual([]);
-}
-
-// ─── SearchModal ───────────────────────────────────────────────────────────
-
-describe('SearchModal — v4.7 role="search" + v4.8 scope roles', () => {
-  it('renders with role="search" and an accessible input', () => {
-    renderWithProviders(
-      <SearchModal open={true} onClose={() => undefined} onSelect={() => undefined} />,
-    );
-    expect(screen.getByRole('search')).toBeInTheDocument();
-    // The search input has aria-label="Search". Use a CSS selector to
-    // avoid colliding with the sr-only <span> title text.
-    const input = document.querySelector('input.search-modal-input');
-    expect(input).toBeInTheDocument();
-    expect(input?.getAttribute('aria-label')).toBe('Search');
-  });
-
-  it('scope buttons act as a tablist with aria-selected', () => {
-    renderWithProviders(
-      <SearchModal open={true} onClose={() => undefined} onSelect={() => undefined} />,
-    );
-    const tablist = screen.getByRole('tablist', { name: /search scope/i });
-    expect(tablist).toBeInTheDocument();
-    const tabs = within(tablist).getAllByRole('tab');
-    expect(tabs.length).toBeGreaterThan(0);
-    // The "All" scope is the default — must be aria-selected.
-    const allTab = tabs.find((t) => t.textContent?.trim() === 'All');
-    expect(allTab).toHaveAttribute('aria-selected', 'true');
-  });
-
-  it('the search input is an accessible textbox', () => {
-    renderWithProviders(
-      <SearchModal open={true} onClose={() => undefined} onSelect={() => undefined} />,
-    );
-    const input = document.querySelector('input.search-modal-input') as HTMLInputElement;
-    expect(input?.tagName.toLowerCase()).toBe('input');
-  });
-
-  it('all buttons inside the modal have accessible names', () => {
-    const { container } = renderWithProviders(
-      <SearchModal open={true} onClose={() => undefined} onSelect={() => undefined} />,
-    );
-    expectAllButtonsAccessible(container);
-  });
-});
-
-// ─── Notifications (icon-only buttons must be labelled) ───────────────────
-
-describe('Notifications — icon-only buttons are accessible', () => {
-  it('the bell button has an accessible name', () => {
-    renderWithProviders(<Notifications />);
-    const bell = screen.getByRole('button', { name: /notifications/i });
-    expect(bell).toHaveAttribute('aria-haspopup', 'true');
-    expect(bell).toHaveAttribute('aria-expanded');
-  });
-
-  it('all visible buttons have an accessible name', () => {
-    const { container } = renderWithProviders(<Notifications />);
-    expectAllButtonsAccessible(container);
-  });
-});
-
-// ─── ARIA semantics across components ─────────────────────────────────────
-
-describe('ARIA semantics — toast, modal, notifications', () => {
-  it('ToastItem renders with role="alert" and aria-live="assertive"', async () => {
-    const { ToastContainer } = await import('../src/web/components/Toast');
-    const { container } = render(
-      <ToastContainer
-        toasts={[
-          { id: 1, kind: 'info', message: 'Hello world' },
-        ]}
-        onDismiss={() => undefined}
-      />,
-    );
-    // Container itself is aria-live="polite"
-    const stack = container.querySelector('.toast-stack');
-    expect(stack).toHaveAttribute('aria-live', 'polite');
-    // Each toast uses role="alert" + aria-live="assertive"
-    const alert = screen.getByRole('alert');
-    expect(alert).toHaveTextContent('Hello world');
-  });
-});
-
-// ─── Skip-to-main link ─────────────────────────────────────────────────────
-
-describe('Skip-to-main-content link (added in App.tsx)', () => {
-  it('renders at the top of the body when the shell mounts', async () => {
-    // Importing App pulls in the whole graph. Use a lighter integration:
-    // render just the shell markup via a small render-only harness.
-    // We assert on the markup string the App shell produces.
-    const { App } = await import('../src/web/App');
-    const { container } = renderWithProviders(<App />);
-    const link = container.querySelector('a.skip-to-main');
-    expect(link).toBeInTheDocument();
-    expect(link).toHaveAttribute('href', '#main-content');
-    expect(link?.textContent).toMatch(/skip to main content/i);
-  });
-});
-
-// ─── Misc ─────────────────────────────────────────────────────────────────
-
-describe('Misc accessibility invariants', () => {
-  it('icon-only buttons inside rendered tree always carry aria-label', async () => {
-    // The Notifications bell is the simplest icon-only button to assert.
-    const { container } = renderWithProviders(<Notifications />);
-    const bell = container.querySelector('.notifications-bell');
-    expect(bell?.getAttribute('aria-label')).toMatch(/notifications/i);
-  });
-
-  it('skips hidden file inputs (display:none) but still checks accessible name', () => {
-    const { container } = render(
-      <form>
-        <input type="file" multiple style={{ display: 'none' }} aria-label="Attach" />
-      </form>,
-    );
-    // The file input has aria-label so it's accessible.
-    const fileInput = container.querySelector('input[type="file"]') as HTMLInputElement;
-    expect(fileInput.getAttribute('aria-label')).toBe('Attach');
-  });
-});