npm - @polderlabs/bizar - Versions diffs - 7.0.4 → 8.1.0 - Mend

@polderlabs/bizar 7.0.4 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (627) hide show

package/bizar-dash/src/web/v8/__tests__/App.test.tsx ADDED Viewed

@@ -0,0 +1,102 @@
+import { describe, expect, it, beforeEach } from 'vitest';
+import { render, screen, waitFor, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { App } from '../App.js';
+function Providers({
+  children,
+  theme = 'dark',
+}: {
+  children: React.ReactNode;
+  theme?: 'light' | 'dark' | 'system';
+}): JSX.Element {
+  return (
+    <ThemeProvider defaultMode={theme}>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+describe('App', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+  it('renders the Overview view by default', async () => {
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await waitFor(() => {
+      expect(screen.getByRole('heading', { level: 1, name: /overview/i })).toBeInTheDocument();
+    });
+  });
+  it('clicking a sidebar item swaps the main view', async () => {
+    const user = userEvent.setup();
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    // Initial view loads asynchronously (Suspense-lazy), wait for it.
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+    await user.click(screen.getByRole('button', { name: /^Goals$/i }));
+    expect(await screen.findByRole('heading', { level: 1, name: /^goals$/i })).toBeInTheDocument();
+  });
+  it('clicking Tasks swaps the view to the kanban', async () => {
+    const user = userEvent.setup();
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+    await user.click(screen.getByRole('button', { name: /^Tasks$/i }));
+    // TasksView renders the kanban column headers (no 'To do' anymore).
+    expect(await screen.findByText(/Backlog/i)).toBeInTheDocument();
+    expect(screen.getByText(/In progress/i)).toBeInTheDocument();
+    expect(screen.getByText(/Done/i)).toBeInTheDocument();
+  });
+  it('marks the active sidebar item with aria-current="page"', async () => {
+    render(
+      <Providers>
+        <App />
+      </Providers>,
+    );
+    await screen.findByRole('heading', { level: 1, name: /overview/i });
+    // Overview is initial → it's the active one.
+    const overview = screen.getByRole('button', { name: /^Overview$/i });
+    expect(overview).toHaveAttribute('aria-current', 'page');
+    const tasks = screen.getByRole('button', { name: /^Tasks$/i });
+    expect(tasks).not.toHaveAttribute('aria-current');
+  });
+  it('toggling theme flips data-theme on <html>', () => {
+    render(
+      <Providers theme="dark">
+        <App />
+      </Providers>,
+    );
+    expect(document.documentElement.dataset['theme']).toBe('dark');
+    // ThemeToggle cycles dark → system → light → dark.
+    const themeBtn = screen.getByRole('button', { name: /theme/i });
+    act(() => {
+      themeBtn.click();
+    });
+    // After cycling from dark, the resolved theme in jsdom (prefers-color-scheme=light)
+    // becomes 'light', so data-theme is 'light'.
+    expect(document.documentElement.dataset['theme']).toBe('light');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/AppShell.test.tsx ADDED Viewed

@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { AppShell } from '../shell/AppShell.js';
+function Providers({ children }: { children: React.ReactNode }): JSX.Element {
+  return (
+    <ThemeProvider>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+describe('AppShell', () => {
+  it('renders a <main id="main"> landmark', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body content</p>
+        </AppShell>
+      </Providers>,
+    );
+    const main = screen.getByRole('main');
+    expect(main).toHaveAttribute('id', 'main');
+  });
+  it('makes <main> programmatically focusable (tabIndex={-1})', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    const main = screen.getByRole('main');
+    expect(main).toHaveAttribute('tabindex', '-1');
+  });
+  it('forwards ref to the <main> element', () => {
+    let captured: HTMLElement | null = null;
+    render(
+      <Providers>
+        <AppShell
+          ref={(el) => {
+            captured = el;
+          }}
+        >
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    expect(captured).not.toBeNull();
+    expect(captured?.tagName).toBe('MAIN');
+  });
+  it('renders Topbar by default when no topbar prop is given', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    // Topbar renders a <header role="banner">.
+    expect(screen.getByRole('banner')).toBeInTheDocument();
+  });
+  it('renders Sidebar by default when no sidebar prop is given', () => {
+    render(
+      <Providers>
+        <AppShell>
+          <p>body</p>
+        </AppShell>
+      </Providers>,
+    );
+    expect(screen.getByRole('navigation', { name: /primary/i })).toBeInTheDocument();
+  });
+});

package/bizar-dash/src/web/v8/__tests__/PageSkeleton.test.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { PageSkeleton } from '../shell/PageSkeleton.js';
+describe('PageSkeleton', () => {
+  it('marks the region as aria-busy and polite for screen readers', () => {
+    render(<PageSkeleton />);
+    const busy = screen.getByRole('status');
+    expect(busy).toHaveAttribute('aria-busy', 'true');
+    expect(busy).toHaveAttribute('aria-live', 'polite');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/SettingsView.test.tsx ADDED Viewed

@@ -0,0 +1,84 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render, screen, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { SettingsView } from '../views/Settings/SettingsView.js';
+function Providers({ children }: { children: React.ReactNode }): JSX.Element {
+  return (
+    <ThemeProvider>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+describe('SettingsView', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+  it('renders all 16 sections', () => {
+    render(<Providers><SettingsView /></Providers>);
+    for (const title of [
+      'General',
+      'Theme',
+      'Density',
+      'Density rules',
+      'Command palette',
+      'Keyboard',
+      'Notifications',
+      'Storage',
+      'Plugins',
+      'MCP servers',
+      'Skills',
+      'Hooks',
+      'Activity',
+      'Memory',
+      'Privacy',
+      'Advanced',
+    ]) {
+      expect(screen.getByRole('heading', { level: 2, name: new RegExp(`^${title}$`, 'i') })).toBeInTheDocument();
+    }
+  });
+  it('marks the active nav item with aria-current', () => {
+    render(<Providers><SettingsView /></Providers>);
+    const generalNav = screen.getByRole('button', { name: /^General$/i });
+    expect(generalNav).toHaveAttribute('aria-current', 'true');
+  });
+  it('clicking a left-rail nav entry calls scrollIntoView on the section element', async () => {
+    const user = userEvent.setup();
+    // Spy on Element.prototype.scrollIntoView so we can assert the call.
+    const scrollSpy = vi.fn();
+    const original = Element.prototype.scrollIntoView;
+    Element.prototype.scrollIntoView = scrollSpy;
+    try {
+      render(<Providers><SettingsView /></Providers>);
+      const themeNav = screen.getByRole('button', { name: /^Theme$/i });
+      await user.click(themeNav);
+      // handleSelect uses requestAnimationFrame — flush it.
+      await act(async () => {
+        await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+      });
+      expect(scrollSpy).toHaveBeenCalled();
+      const arg = scrollSpy.mock.calls[0]?.[0] as ScrollIntoViewOptions | undefined;
+      expect(arg?.behavior).toBe('smooth');
+      expect(arg?.block).toBe('start');
+    } finally {
+      Element.prototype.scrollIntoView = original;
+    }
+  });
+  it('updates activeId when a different nav item is clicked', async () => {
+    const user = userEvent.setup();
+    render(<Providers><SettingsView /></Providers>);
+    const densityNav = screen.getByRole('button', { name: /^Density$/i });
+    await user.click(densityNav);
+    expect(densityNav).toHaveAttribute('aria-current', 'true');
+    const generalNav = screen.getByRole('button', { name: /^General$/i });
+    expect(generalNav).not.toHaveAttribute('aria-current');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/Sidebar.test.tsx ADDED Viewed

@@ -0,0 +1,95 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Bot, CheckSquare, Layers } from 'lucide-react';
+import type { ReactNode } from 'react';
+import { Sidebar, type SidebarSection } from '../shell/Sidebar.js';
+const SECTIONS: SidebarSection[] = [
+  {
+    id: 'workspace',
+    label: 'Workspace',
+    items: [
+      { id: 'overview', label: 'Overview', icon: Layers },
+      { id: 'tasks', label: 'Tasks', icon: CheckSquare, count: 47 },
+    ],
+  },
+  {
+    id: 'ops',
+    label: 'Ops',
+    items: [{ id: 'agents', label: 'Agents', icon: Bot, count: '8/16' }],
+  },
+];
+function renderSidebar(props: {
+  onItemSelect?: ReturnType<typeof vi.fn>;
+  activeId?: string;
+} = {}): { onItemSelect?: ReturnType<typeof vi.fn> } {
+  render(
+    <Sidebar
+      sections={SECTIONS}
+      defaultSections={false}
+      onItemSelect={props.onItemSelect}
+      activeId={props.activeId}
+    />,
+  );
+  return props;
+}
+describe('Sidebar', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+  it('renders every section label and item', () => {
+    renderSidebar();
+    expect(screen.getByText('Workspace')).toBeInTheDocument();
+    expect(screen.getByText('Ops')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /overview/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /tasks/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /agents/i })).toBeInTheDocument();
+  });
+  it('renders items as <button> elements (not anchors)', () => {
+    renderSidebar();
+    const overview = screen.getByRole('button', { name: /overview/i });
+    expect(overview.tagName).toBe('BUTTON');
+    expect(overview).not.toHaveAttribute('href');
+  });
+  it('fires onItemSelect with the clicked item id', async () => {
+    const user = userEvent.setup();
+    const onItemSelect = vi.fn();
+    renderSidebar({ onItemSelect });
+    await user.click(screen.getByRole('button', { name: /^Tasks$/i }));
+    expect(onItemSelect).toHaveBeenCalledTimes(1);
+    expect(onItemSelect).toHaveBeenCalledWith('tasks');
+  });
+  it('marks activeId item with aria-current="page"', () => {
+    renderSidebar({ activeId: 'tasks' });
+    const tasks = screen.getByRole('button', { name: /^Tasks$/i });
+    const overview = screen.getByRole('button', { name: /^Overview$/i });
+    expect(tasks).toHaveAttribute('aria-current', 'page');
+    expect(overview).not.toHaveAttribute('aria-current');
+  });
+  it('marks each item with aria-label so collapsed icons stay announced', () => {
+    renderSidebar();
+    // aria-label is always set; expanded view relies on visible label,
+    // collapsed view relies on aria-label.
+    expect(screen.getByRole('button', { name: /^Tasks$/i })).toHaveAttribute('aria-label', 'Tasks');
+    expect(screen.getByRole('button', { name: /^Agents$/i })).toHaveAttribute('aria-label', 'Agents');
+  });
+  it('persists collapsed state in localStorage when toggled', async () => {
+    const user = userEvent.setup();
+    renderSidebar();
+    // Find the collapse button by its aria-label (always present).
+    const collapseBtn = screen.getByRole('button', { name: /collapse sidebar/i });
+    await user.click(collapseBtn);
+    expect(window.localStorage.getItem('bizar:sidebar:collapsed')).toBe('1');
+  });
+});

package/bizar-dash/src/web/v8/__tests__/activity.test.tsx ADDED Viewed

@@ -0,0 +1,63 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { GitMerge } from 'lucide-react';
+import { ActivityFeed, type ActivityItem } from '../ui/activity/ActivityFeed';
+const items: ActivityItem[] = [
+  {
+    id: 'a1',
+    icon: <GitMerge size={14} aria-hidden="true" />,
+    title: 'Merged PR #42',
+    description: 'Add OKLch token system',
+    meta: '2m ago',
+    tone: 'success',
+  },
+  {
+    id: 'a2',
+    title: 'Agent run started',
+    description: 'Atlas — "Wire v8 routing"',
+    meta: '5m ago',
+    tone: 'info',
+  },
+  {
+    id: 'a3',
+    title: 'CI failed',
+    description: 'tests/a11y/forms.test.tsx',
+    meta: '1h ago',
+    tone: 'danger',
+  },
+];
+describe('ActivityFeed', () => {
+  it('renders all items with title and meta', () => {
+    render(<ActivityFeed items={items} />);
+    expect(screen.getByText(/Merged PR #42/i)).toBeInTheDocument();
+    expect(screen.getByText(/Agent run started/i)).toBeInTheDocument();
+    expect(screen.getByText(/CI failed/i)).toBeInTheDocument();
+    expect(screen.getByText(/2m ago/i)).toBeInTheDocument();
+    expect(screen.getByText(/5m ago/i)).toBeInTheDocument();
+    expect(screen.getByText(/1h ago/i)).toBeInTheDocument();
+  });
+  it('renders as an ordered list', () => {
+    const { container } = render(<ActivityFeed items={items} />);
+    expect(container.querySelector('ol')).not.toBeNull();
+    expect(container.querySelectorAll('li')).toHaveLength(3);
+  });
+  it('shows descriptions when provided', () => {
+    render(<ActivityFeed items={items} />);
+    expect(screen.getByText(/Add OKLch token system/i)).toBeInTheDocument();
+    expect(screen.getByText(/Atlas — "Wire v8 routing"/i)).toBeInTheDocument();
+  });
+  it('renders the empty node when no items', () => {
+    render(<ActivityFeed items={[]} empty={<div>All quiet.</div>} />);
+    expect(screen.getByText(/All quiet\./i)).toBeInTheDocument();
+  });
+  it('hides description when not provided', () => {
+    render(<ActivityFeed items={[{ id: 'a', title: 'Single' }]} />);
+    expect(screen.getByText(/single/i)).toBeInTheDocument();
+  });
+});

package/bizar-dash/src/web/v8/__tests__/agents.test.tsx ADDED Viewed

@@ -0,0 +1,90 @@
+import { describe, expect, it, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Bot } from 'lucide-react';
+import { AgentCard } from '../ui/agents/AgentCard';
+import { AgentActivity, type AgentActivityItem } from '../ui/agents/AgentActivity';
+describe('AgentCard', () => {
+  it('renders name, role, status badge', () => {
+    render(<AgentCard id="a1" name="Atlas" role="Lead researcher" status="busy" />);
+    expect(screen.getByText(/atlas/i)).toBeInTheDocument();
+    expect(screen.getByText(/lead researcher/i)).toBeInTheDocument();
+    expect(screen.getByText(/busy/i)).toBeInTheDocument();
+  });
+  it('shows current task and last activity + tasksToday', () => {
+    render(
+      <AgentCard
+        id="a1"
+        name="Atlas"
+        role="x"
+        status="busy"
+        currentTask="Writing sprint contract"
+        lastActivity="2m ago"
+        tasksToday={7}
+      />,
+    );
+    expect(screen.getByText(/writing sprint contract/i)).toBeInTheDocument();
+    expect(screen.getByText(/2m ago/i)).toBeInTheDocument();
+    expect(screen.getByText(/7 today/i)).toBeInTheDocument();
+  });
+  it('invokes onOpen when clicked', async () => {
+    const onOpen = vi.fn();
+    render(<AgentCard id="a1" name="Atlas" role="x" status="idle" onOpen={onOpen} />);
+    await userEvent.click(screen.getByRole('button', { name: /atlas/i }));
+    expect(onOpen).toHaveBeenCalledTimes(1);
+  });
+  it('renders error status label', () => {
+    render(<AgentCard id="a1" name="Atlas" role="x" status="error" />);
+    expect(screen.getByText(/error/i)).toBeInTheDocument();
+  });
+});
+describe('AgentActivity', () => {
+  const items: AgentActivityItem[] = [
+    {
+      id: 'i1',
+      icon: <Bot size={14} aria-hidden="true" />,
+      title: 'Run started',
+      description: 'Picked up "Patch login bug"',
+      meta: '12:04',
+      tone: 'info',
+    },
+    {
+      id: 'i2',
+      title: 'Tool call',
+      description: 'grep',
+      meta: '12:05',
+    },
+    {
+      id: 'i3',
+      title: 'Run finished',
+      meta: '12:08',
+      tone: 'success',
+    },
+  ];
+  it('renders all items', () => {
+    render(<AgentActivity items={items} />);
+    expect(screen.getByText(/run started/i)).toBeInTheDocument();
+    expect(screen.getByText(/tool call/i)).toBeInTheDocument();
+    expect(screen.getByText(/run finished/i)).toBeInTheDocument();
+  });
+  it('renders as an ordered list', () => {
+    const { container } = render(<AgentActivity items={items} />);
+    expect(container.querySelector('ol')).not.toBeNull();
+  });
+  it('hides optional description and meta when absent', () => {
+    render(
+      <AgentActivity
+        items={[{ id: 'i1', title: 'Single' }]}
+      />,
+    );
+    expect(screen.getByText(/single/i)).toBeInTheDocument();
+  });
+});

package/bizar-dash/src/web/v8/__tests__/control-plane.test.tsx ADDED Viewed

@@ -0,0 +1,104 @@
+import { describe, expect, it, vi, afterEach } from 'vitest';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { ThemeProvider } from '../ui/theme/ThemeProvider.js';
+import { DensityProvider } from '../ui/theme/DensityProvider.js';
+import { AgentDetail } from '../ui/agents/AgentDetail.js';
+import { GoalDetail } from '../ui/goals/GoalDetail.js';
+function Providers({ children }: { children: React.ReactNode }): JSX.Element {
+  return (
+    <ThemeProvider>
+      <DensityProvider>{children}</DensityProvider>
+    </ThemeProvider>
+  );
+}
+afterEach(() => { vi.restoreAllMocks(); });
+describe('AgentDetail (S11 control plane)', () => {
+  const baseProps = {
+    agentId: 'cc:sess-abc-123',
+    name: 'Atlas',
+    role: 'CC background',
+    status: 'busy' as const,
+    open: true,
+    onOpenChange: () => {},
+  };
+  it('renders the agent name + role + source badge', () => {
+    render(<Providers><AgentDetail {...baseProps} currentTask="Wiring v8" /></Providers>);
+    expect(screen.getByText('Atlas')).toBeInTheDocument();
+    expect(screen.getByText('CC background')).toBeInTheDocument();
+    expect(screen.getByText('Claude Code')).toBeInTheDocument();
+  });
+  it('shows the current task callout when provided', () => {
+    render(<Providers><AgentDetail {...baseProps} currentTask="Wiring v8 plumbing" /></Providers>);
+    expect(screen.getByText(/Wiring v8 plumbing/i)).toBeInTheDocument();
+  });
+  it('calls the right endpoint when Send is clicked (CC source)', async () => {
+    const fetchMock = vi.fn(async () => new Response(JSON.stringify({ ok: true, sessionId: 'sess-new' }), { status: 200, headers: { 'content-type': 'application/json' } })) as unknown as typeof fetch;
+    globalThis.fetch = fetchMock;
+    render(<Providers><AgentDetail {...baseProps} /></Providers>);
+    const ta = screen.getByPlaceholderText(/follow-up/i) as HTMLTextAreaElement;
+    fireEvent.change(ta, { target: { value: 'continue from S10' } });
+    fireEvent.click(screen.getByRole('button', { name: /Send/i }));
+    await waitFor(() => {
+      const calls = (fetchMock as unknown as { mock: { calls: unknown[][] } }).mock.calls;
+      const hasSend = calls.some((c) => String(c[0] ?? '').includes('/api/cc-agents/sess-abc-123/send'));
+      expect(hasSend).toBe(true);
+    });
+  });
+  it('renders Copy id + Restart buttons alongside Send', () => {
+    render(<Providers><AgentDetail {...baseProps} /></Providers>);
+    expect(screen.getByRole('button', { name: /Send/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Restart/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Copy id/i })).toBeInTheDocument();
+  });
+});
+describe('GoalDetail (S12 goal editor)', () => {
+  const goal = {
+    id: 'g1',
+    title: 'Ship v8',
+    status: 'active' as const,
+    progress: 0.5,
+    keyResults: [
+      { id: 'kr1', title: 'Cut S9 polish in half', done: false },
+      { id: 'kr2', title: 'Publish Plan.md with 17 sections', done: true },
+    ],
+    owner: 'sam',
+    due: '2026-09-30',
+  };
+  it('renders editable title, status, owner, and due', () => {
+    render(<Providers><GoalDetail goal={goal} open onOpenChange={() => {}} /></Providers>);
+    expect(screen.getByDisplayValue('Ship v8')).toBeInTheDocument();
+    expect(screen.getByDisplayValue('sam')).toBeInTheDocument();
+    expect(screen.getByDisplayValue('2026-09-30')).toBeInTheDocument();
+  });
+  it('lists key results with toggle checkboxes', () => {
+    render(<Providers><GoalDetail goal={goal} open onOpenChange={() => {}} /></Providers>);
+    expect(screen.getByText(/Cut S9 polish/i)).toBeInTheDocument();
+    expect(screen.getByText(/Publish Plan.md/i)).toBeInTheDocument();
+    const checkboxes = screen.getAllByRole('checkbox');
+    expect(checkboxes.length).toBeGreaterThanOrEqual(2);
+  });
+  it('Patches /api/goals/:id when the title field is edited and blurred', async () => {
+    const fetchMock = vi.fn(async () => new Response(JSON.stringify({ ok: true }), { status: 200, headers: { 'content-type': 'application/json' } })) as unknown as typeof fetch;
+    globalThis.fetch = fetchMock;
+    render(<Providers><GoalDetail goal={goal} open onOpenChange={() => {}} /></Providers>);
+    const input = screen.getByDisplayValue('Ship v8') as HTMLInputElement;
+    fireEvent.change(input, { target: { value: 'Ship v8 dashboard' } });
+    fireEvent.blur(input);
+    await waitFor(() => {
+      const calls = (fetchMock as unknown as { mock: { calls: { toString: () => string }[] } }).mock.calls;
+      expect(calls.length).toBeGreaterThan(0);
+      expect(calls[0].toString()).toContain('/api/goals/g1');
+    });
+  });
+});