@polderlabs/bizar 10.7.2 → 10.10.0

package/bizar-dash/tests/v7-archive/controls/Checkbox.test.tsx

@@ -1,44 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Checkbox } from '../../../src/web/ui/controls/Checkbox';
-
-describe('Checkbox', () => {
-  it('renders with the supplied label', () => {
-    render(<Checkbox checked={false} onChange={() => {}} label="Accept" />);
-    expect(screen.getByRole('checkbox', { name: 'Accept' })).toBeInTheDocument();
-  });
-
-  it('fires onChange(true) when clicked', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<Checkbox checked={false} onChange={onChange} label="X" />);
-    await user.click(screen.getByRole('checkbox'));
-    expect(onChange).toHaveBeenCalledWith(true);
-  });
-
-  it('toggles checked visually when checked is true', () => {
-    render(<Checkbox checked onChange={() => {}} label="X" data-testid="c" />);
-    expect(screen.getByTestId('c')).toHaveClass('checkbox-checked');
-  });
-
-  it('renders indeterminate state class', () => {
-    render(
-      <Checkbox
-        checked={false}
-        indeterminate
-        onChange={() => {}}
-        label="X"
-        data-testid="c"
-      />,
-    );
-    expect(screen.getByTestId('c')).toHaveClass('checkbox-indeterminate');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(
-      <Checkbox checked={false} onChange={() => {}} label="X" disabled />,
-    );
-    expect(screen.getByRole('checkbox')).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/IconButton.test.tsx

@@ -1,37 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Star } from 'lucide-react';
-import { IconButton } from '../../../src/web/ui/controls/IconButton';
-
-describe('IconButton', () => {
-  it('renders an accessible button with the supplied label', () => {
-    render(<IconButton aria-label="Star" icon={<Star data-testid="i" />} />);
-    expect(screen.getByRole('button', { name: 'Star' })).toBeInTheDocument();
-  });
-
-  it('forwards onClick', async () => {
-    const onClick = vi.fn();
-    const user = userEvent.setup();
-    render(
-      <IconButton aria-label="X" icon={<Star />} onClick={onClick} />,
-    );
-    await user.click(screen.getByRole('button'));
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-
-  it('applies variant + size classes', () => {
-    const { container } = render(
-      <IconButton aria-label="X" icon={<Star />} variant="danger" size="lg" />,
-    );
-    const btn = container.firstChild as HTMLElement;
-    expect(btn).toHaveClass('icon-btn-danger', 'icon-btn-size-lg');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(
-      <IconButton aria-label="X" icon={<Star />} disabled />,
-    );
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Kbd.test.tsx

@@ -1,39 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { Kbd } from '../../../src/web/ui/controls/Kbd';
-
-describe('Kbd', () => {
-  it('renders its children as text content', () => {
-    render(<Kbd>K</Kbd>);
-    expect(screen.getByText('K')).toBeInTheDocument();
-  });
-
-  it('renders a <kbd> element with the kbd class', () => {
-    const { container } = render(<Kbd>X</Kbd>);
-    const el = container.querySelector('kbd');
-    expect(el).toBeInTheDocument();
-    expect(el).toHaveClass('kbd');
-  });
-
-  it('passes through HTML attributes', () => {
-    render(
-      <Kbd id="shortcut-1" data-testid="k">
-        ⌘
-      </Kbd>,
-    );
-    const el = screen.getByTestId('k');
-    expect(el.id).toBe('shortcut-1');
-    expect(el.tagName).toBe('KBD');
-  });
-
-  it('combines user className with the kbd class via cx', () => {
-    render(
-      <Kbd data-testid="k" className="extra">
-        K
-      </Kbd>,
-    );
-    const el = screen.getByTestId('k');
-    expect(el).toHaveClass('kbd');
-    expect(el).toHaveClass('extra');
-  });
-});

package/bizar-dash/tests/v7-archive/controls/NumberInput.test.tsx

@@ -1,56 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { NumberInput } from '../../../src/web/ui/controls/NumberInput';
-
-describe('NumberInput', () => {
-  it('renders a spinbox with the numeric value', () => {
-    render(<NumberInput value={5} onChange={() => {}} />);
-    const input = screen.getByRole('spinbutton');
-    expect(input).toHaveValue(5);
-  });
-
-  it('accepts a string value', () => {
-    render(<NumberInput value="12" onChange={() => {}} />);
-    const input = screen.getByRole('spinbutton');
-    expect(input).toHaveValue(12);
-  });
-
-  it('fires onChange with a number when typing digits', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<NumberInput value={0} onChange={onChange} />);
-    const input = screen.getByRole('spinbutton');
-    input.focus();
-    await user.type(input, '7');
-    expect(onChange).toHaveBeenCalled();
-    const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1]?.[0];
-    expect(typeof lastCall === 'number' || lastCall === '07').toBe(true);
-  });
-
-  it('forwards min/max/step', () => {
-    render(
-      <NumberInput
-        value={1}
-        onChange={() => {}}
-        min={0}
-        max={10}
-        step={0.5}
-      />,
-    );
-    const input = screen.getByRole('spinbutton') as HTMLInputElement;
-    expect(input.min).toBe('0');
-    expect(input.max).toBe('10');
-    expect(input.step).toBe('0.5');
-  });
-
-  it('applies error class when error is set', () => {
-    render(<NumberInput value={1} onChange={() => {}} error="bad" />);
-    expect(screen.getByRole('spinbutton')).toHaveClass('field-error');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(<NumberInput value={1} onChange={() => {}} disabled />);
-    expect(screen.getByRole('spinbutton')).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/RadioGroup.test.tsx

@@ -1,58 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { RadioGroup } from '../../../src/web/ui/controls/RadioGroup';
-
-const OPTIONS = [
-  { value: 'a', label: 'Alpha' },
-  { value: 'b', label: 'Beta', description: 'B-description' },
-  { value: 'c', label: 'Gamma', disabled: true },
-];
-
-describe('RadioGroup', () => {
-  it('renders a radiogroup with the options', () => {
-    render(<RadioGroup name="g" value="a" onChange={() => {}} options={OPTIONS} />);
-    expect(screen.getByRole('radiogroup')).toBeInTheDocument();
-    expect(screen.getByRole('radio', { name: 'Alpha' })).toBeInTheDocument();
-    expect(screen.getByRole('radio', { name: /Beta/ })).toBeInTheDocument();
-  });
-
-  it('marks the controlled option as checked', () => {
-    render(
-      <RadioGroup name="g" value="b" onChange={() => {}} options={OPTIONS} />,
-    );
-    expect(screen.getByRole('radio', { name: /Beta/ })).toBeChecked();
-  });
-
-  it('fires onChange with the chosen value', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(
-      <RadioGroup name="g" value="a" onChange={onChange} options={OPTIONS} />,
-    );
-    await user.click(screen.getByRole('radio', { name: /Beta/ }));
-    expect(onChange).toHaveBeenCalledWith('b');
-  });
-
-  it('respects the disabled option', () => {
-    render(
-      <RadioGroup name="g" value="a" onChange={() => {}} options={OPTIONS} />,
-    );
-    const gamma = screen.getByRole('radio', { name: /Gamma/ });
-    expect(gamma).toBeDisabled();
-  });
-
-  it('applies the horizontal orientation class', () => {
-    render(
-      <RadioGroup
-        name="g"
-        value="a"
-        onChange={() => {}}
-        options={OPTIONS}
-        orientation="horizontal"
-        data-testid="rg"
-      />,
-    );
-    expect(screen.getByTestId('rg')).toHaveClass('radio-group-horizontal');
-  });
-});

package/bizar-dash/tests/v7-archive/controls/SearchInput.test.tsx

@@ -1,52 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { SearchInput } from '../../../src/web/ui/controls/SearchInput';
-
-describe('SearchInput', () => {
-  it('renders a searchbox with the value', () => {
-    render(<SearchInput value="hi" onChange={() => {}} />);
-    const input = screen.getByRole('searchbox');
-    expect(input).toHaveValue('hi');
-  });
-
-  it('fires onChange when typing', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<SearchInput value="" onChange={onChange} />);
-    await user.type(screen.getByRole('searchbox'), 'a');
-    expect(onChange).toHaveBeenCalled();
-  });
-
-  it('shows a clear button when value is non-empty and clears on click', async () => {
-    const onChange = vi.fn();
-    const onClear = vi.fn();
-    const user = userEvent.setup();
-    render(
-      <SearchInput
-        value="something"
-        onChange={onChange}
-        onClear={onClear}
-      />,
-    );
-    const clearBtn = screen.getByRole('button', { name: 'Clear search' });
-    await user.click(clearBtn);
-    expect(onChange).toHaveBeenCalledWith('');
-    expect(onClear).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not show a clear button when value is empty', () => {
-    render(<SearchInput value="" onChange={() => {}} />);
-    expect(
-      screen.queryByRole('button', { name: 'Clear search' }),
-    ).not.toBeInTheDocument();
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(<SearchInput value="x" onChange={() => {}} disabled />);
-    expect(screen.getByRole('searchbox')).toBeDisabled();
-    expect(
-      screen.queryByRole('button', { name: 'Clear search' }),
-    ).not.toBeInTheDocument();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Select.test.tsx

@@ -1,66 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Select } from '../../../src/web/ui/controls/Select';
-
-const OPTIONS = [
-  { value: 'a', label: 'A' },
-  { value: 'b', label: 'B' },
-  { value: 'c', label: 'C', disabled: true },
-];
-
-describe('Select', () => {
-  it('renders all options', () => {
-    render(<Select value="" onChange={() => {}} options={OPTIONS} />);
-    expect(screen.getByRole('option', { name: 'A' })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: 'B' })).toBeInTheDocument();
-    expect(screen.getByRole('option', { name: 'C' })).toBeInTheDocument();
-  });
-
-  it('renders a disabled placeholder option when placeholder is provided', () => {
-    render(
-      <Select value="" onChange={() => {}} options={OPTIONS} placeholder="Pick…" />,
-    );
-    const placeholder = screen.getByRole('option', { name: 'Pick…' });
-    expect(placeholder).toBeDisabled();
-  });
-
-  it('fires onChange when an option is selected', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<Select value="" onChange={onChange} options={OPTIONS} />);
-    await user.selectOptions(screen.getByRole('combobox'), 'b');
-    expect(onChange).toHaveBeenCalled();
-  });
-
-  it('reflects the controlled value', () => {
-    render(<Select value="a" onChange={() => {}} options={OPTIONS} />);
-    const select = screen.getByRole('combobox') as HTMLSelectElement;
-    expect(select.value).toBe('a');
-  });
-
-  it('applies size modifier', () => {
-    render(
-      <Select
-        value=""
-        onChange={() => {}}
-        options={OPTIONS}
-        inputSize="sm"
-        data-testid="s"
-      />,
-    );
-    expect(screen.getByTestId('s')).toHaveClass('select-size-sm');
-  });
-
-  it('sets aria-invalid when error is provided', () => {
-    render(
-      <Select
-        value=""
-        onChange={() => {}}
-        options={OPTIONS}
-        error="required"
-      />,
-    );
-    expect(screen.getByRole('combobox')).toHaveAttribute('aria-invalid', 'true');
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Slider.test.tsx

@@ -1,41 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Slider } from '../../../src/web/ui/controls/Slider';
-
-describe('Slider', () => {
-  it('renders a slider with the supplied value', () => {
-    render(<Slider value={20} onChange={() => {}} />);
-    const input = screen.getByRole('slider') as HTMLInputElement;
-    expect(input.value).toBe('20');
-  });
-
-  it('fires onChange with a number when the value changes', () => {
-    const onChange = vi.fn();
-    render(<Slider value={0} onChange={onChange} min={0} max={10} />);
-    const input = screen.getByRole('slider') as HTMLInputElement;
-    fireEvent.change(input, { target: { value: '5' } });
-    expect(onChange).toHaveBeenCalled();
-    const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1]?.[0];
-    expect(typeof lastCall).toBe('number');
-    expect(lastCall).toBe(5);
-  });
-
-  it('renders the label and value readout when showValue is true', () => {
-    render(<Slider value={42} onChange={() => {}} label="Volume" showValue />);
-    expect(screen.getByText('Volume')).toBeInTheDocument();
-    expect(screen.getByText('42')).toBeInTheDocument();
-  });
-
-  it('forwards min/max/step to the native input', () => {
-    render(<Slider value={1} onChange={() => {}} min={0} max={10} step={2} />);
-    const input = screen.getByRole('slider') as HTMLInputElement;
-    expect(input.min).toBe('0');
-    expect(input.max).toBe('10');
-    expect(input.step).toBe('2');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(<Slider value={1} onChange={() => {}} disabled />);
-    expect(screen.getByRole('slider')).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/TextInput.test.tsx

@@ -1,44 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { TextInput } from '../../../src/web/ui/controls/TextInput';
-
-describe('TextInput', () => {
-  it('renders and accepts typed input', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<TextInput value="" onChange={onChange} />);
-    const input = screen.getByRole('textbox');
-    await user.type(input, 'hello');
-    expect(onChange).toHaveBeenCalled();
-    expect(input).toBeInTheDocument();
-  });
-
-  it('applies the size modifier class', () => {
-    render(<TextInput value="" onChange={() => {}} inputSize="lg" />);
-    expect(screen.getByRole('textbox').parentElement).toHaveClass('field-size-lg');
-  });
-
-  it('marks itself aria-invalid when error is set', () => {
-    render(<TextInput value="" onChange={() => {}} error="Required" />);
-    const input = screen.getByRole('textbox');
-    expect(input).toHaveAttribute('aria-invalid', 'true');
-    expect(input).toHaveClass('field-error');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(<TextInput value="" onChange={() => {}} disabled />);
-    expect(screen.getByRole('textbox')).toBeDisabled();
-  });
-
-  it('renders leftIcon when provided', () => {
-    render(
-      <TextInput
-        value=""
-        onChange={() => {}}
-        leftIcon={<span data-testid="icon">L</span>}
-      />,
-    );
-    expect(screen.getByTestId('icon')).toBeInTheDocument();
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Textarea.test.tsx

@@ -1,56 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Textarea } from '../../../src/web/ui/controls/Textarea';
-
-describe('Textarea', () => {
-  it('renders and accepts typed input', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<Textarea value="" onChange={onChange} aria-label="Description" />);
-    const input = screen.getByRole('textbox');
-    await user.type(input, 'hello');
-    expect(onChange).toHaveBeenCalled();
-    expect(input).toBeInTheDocument();
-  });
-
-  it('applies the size modifier class on the wrapper', () => {
-    render(<Textarea value="" onChange={() => {}} inputSize="lg" aria-label="Lg" />);
-    // .field-size-lg sits on the .field wrapper, not the inner textarea.
-    expect(screen.getByLabelText('Lg').parentElement).toHaveClass('field-size-lg');
-  });
-
-  it('marks itself aria-invalid when error is set', () => {
-    render(<Textarea value="" onChange={() => {}} error="Required" aria-label="Err" />);
-    const input = screen.getByLabelText('Err');
-    expect(input).toHaveAttribute('aria-invalid', 'true');
-    expect(input).toHaveClass('field-error');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(<Textarea value="" onChange={() => {}} disabled aria-label="Dis" />);
-    expect(screen.getByLabelText('Dis')).toBeDisabled();
-  });
-
-  it('renders the hint slot when provided', () => {
-    render(
-      <Textarea
-        value=""
-        onChange={() => {}}
-        hint={<span data-testid="hint">Markdown ok</span>}
-        aria-label="With hint"
-      />,
-    );
-    expect(screen.getByTestId('hint')).toBeInTheDocument();
-  });
-
-  it('defaults rows to 4 when not provided', () => {
-    render(<Textarea value="" onChange={() => {}} aria-label="R" />);
-    expect(screen.getByLabelText('R')).toHaveAttribute('rows', '4');
-  });
-
-  it('honours an explicit rows override', () => {
-    render(<Textarea value="" onChange={() => {}} rows={8} aria-label="R8" />);
-    expect(screen.getByLabelText('R8')).toHaveAttribute('rows', '8');
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Toggle.test.tsx

@@ -1,39 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Toggle } from '../../../src/web/ui/controls/Toggle';
-
-describe('Toggle', () => {
-  it('renders as a switch with checked state', () => {
-    render(<Toggle checked onChange={() => {}} />);
-    const input = screen.getByRole('switch');
-    expect(input).toBeChecked();
-  });
-
-  it('fires onChange(true) when clicked off→on', async () => {
-    const onChange = vi.fn();
-    const user = userEvent.setup();
-    render(<Toggle checked={false} onChange={onChange} />);
-    await user.click(screen.getByRole('switch'));
-    expect(onChange).toHaveBeenCalledWith(true);
-  });
-
-  it('renders with the checked class on the label', () => {
-    render(<Toggle checked onChange={() => {}} data-testid="t" />);
-    expect(screen.getByTestId('t')).toHaveClass('toggle-checked');
-  });
-
-  it('renders the small size modifier class', () => {
-    render(
-      <Toggle checked={false} onChange={() => {}} size="sm" data-testid="t" />,
-    );
-    expect(screen.getByTestId('t')).toHaveClass('toggle-sm');
-  });
-
-  it('is disabled when disabled is set', () => {
-    render(
-      <Toggle checked={false} onChange={() => {}} disabled />,
-    );
-    expect(screen.getByRole('switch')).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/data/BarChart.test.tsx

@@ -1,55 +0,0 @@
-// tests/ui/data/BarChart.test.tsx — Wave 2B
-
-import { render, screen } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { BarChart } from '../../../src/web/ui/data/BarChart';
-
-const DATA = [
-  { label: 'Tasks', value: 12 },
-  { label: 'Agents', value: 4 },
-  { label: 'Mods', value: 8, color: 'var(--chart-2)' },
-];
-
-describe('BarChart', () => {
-  it('renders one row per datum with label + value', () => {
-    render(<BarChart data={DATA} />);
-    expect(screen.getByText('Tasks')).toBeInTheDocument();
-    expect(screen.getByText('Agents')).toBeInTheDocument();
-    expect(screen.getByText('Mods')).toBeInTheDocument();
-    expect(screen.getByText('12')).toBeInTheDocument();
-    expect(screen.getByText('4')).toBeInTheDocument();
-    expect(screen.getByText('8')).toBeInTheDocument();
-  });
-
-  it('bar widths are scaled to the max value when maxValue is omitted', () => {
-    const { container } = render(<BarChart data={DATA} />);
-    const bars = container.querySelectorAll('.bd-bar-chart__bar');
-    expect(bars.length).toBe(3);
-    const widths = Array.from(bars).map((b) => b.getAttribute('style') ?? '');
-    // Tasks 12 → 100%, Agents 4 → ~33.3%, Mods 8 → ~66.7%.
-    // Floating-point rounding means the exact substring may have many
-    // decimals, so use coarse matches.
-    expect(widths[0]).toMatch(/width:\s*100(?:\.0+)?%/);
-    expect(widths[1]).toMatch(/width:\s*33\.3+%/);
-    expect(widths[2]).toMatch(/width:\s*66\.6+%/);
-  });
-
-  it('honours an explicit maxValue', () => {
-    const { container } = render(<BarChart data={DATA} maxValue={24} />);
-    const first = container.querySelector('.bd-bar-chart__bar');
-    expect(first?.getAttribute('style')).toContain('50%');
-  });
-
-  it('applies per-bar colour overrides', () => {
-    const { container } = render(<BarChart data={DATA} />);
-    const bars = container.querySelectorAll('.bd-bar-chart__bar');
-    expect(bars[0]).toHaveStyle({ background: 'var(--chart-1)' });
-    expect(bars[2]).toHaveStyle({ background: 'var(--chart-2)' });
-  });
-
-  it('hides labels and value header when showLabels is false', () => {
-    render(<BarChart data={DATA} showLabels={false} />);
-    expect(screen.queryByText('Tasks')).toBeNull();
-    expect(screen.queryByText('12')).toBeNull();
-  });
-});