@blotch/dolan 22.2.2 → 22.2.4

package/dist/ui/components/area-chart/area-chart-render.test.ts

@@ -1,121 +0,0 @@
-import { render, waitForUpdate } from '@blotch/angular-lynx-testing-library';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiCartesianChart } from '../cartesian-chart/cartesian-chart';
-import { UiAreaChart, UiAreaSeries } from './area-chart';
-
-describe('UiAreaChart', () => {
-  it('renders with default configuration', async () => {
-    const { container } = await render(UiAreaChart);
-    expect(container).toBeTruthy();
-  });
-
-  it('folds the baseline into the y-axis domain', async () => {
-    const { componentRef } = await render(UiAreaChart);
-    const inst = componentRef.instance as UiAreaChart;
-    setInputSignal(inst.data, [
-      { x: 0, y: 5 },
-      { x: 5, y: 10 },
-      { x: 10, y: 8 },
-    ]);
-    setInputSignal(inst.baseline, 0);
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      xAxis: () => { domain: readonly [number, number]; ticks: number[] };
-      yAxis: () => { domain: readonly [number, number]; ticks: number[] };
-    };
-    expect(cast.xAxis().domain[0]).toBeLessThanOrEqual(0);
-    expect(cast.xAxis().domain[1]).toBeGreaterThanOrEqual(10);
-    expect(cast.yAxis().domain[0]).toBeLessThanOrEqual(0);
-    expect(cast.yAxis().domain[1]).toBeGreaterThanOrEqual(10);
-  });
-
-  it('honors explicit xMin / xMax / yMin / yMax overrides', async () => {
-    const { componentRef } = await render(UiAreaChart);
-    const inst = componentRef.instance as UiAreaChart;
-    setInputSignal(inst.data, [
-      { x: 0, y: 0 },
-      { x: 10, y: 10 },
-    ]);
-    setInputSignal(inst.xMin, -5);
-    setInputSignal(inst.xMax, 20);
-    setInputSignal(inst.yMin, -1);
-    setInputSignal(inst.yMax, 15);
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      xAxis: () => { domain: readonly [number, number] };
-      yAxis: () => { domain: readonly [number, number] };
-    };
-    expect(cast.xAxis().domain[0]).toBeLessThanOrEqual(-5);
-    expect(cast.xAxis().domain[1]).toBeGreaterThanOrEqual(20);
-    expect(cast.yAxis().domain[0]).toBeLessThanOrEqual(-1);
-    expect(cast.yAxis().domain[1]).toBeGreaterThanOrEqual(15);
-  });
-
-  it('exposes the default tick formatter used by the child cartesian chart', async () => {
-    const { componentRef } = await render(UiAreaChart);
-    const inst = componentRef.instance as UiAreaChart;
-    // JIT doesn't wire the child cartesian chart's [xTickFormat] input, so the
-    // default formatter never fires through the template. Invoke it directly.
-    expect(inst.xTickFormat()(3.14159)).toBe('3.14');
-    expect(inst.yTickFormat()(1.005)).toBe('1');
-  });
-});
-
-describe('UiAreaSeries', () => {
-  const renderSeries = async () => {
-    const parentResult = await render(UiCartesianChart);
-    const parent = parentResult.componentRef.instance as UiCartesianChart;
-    setInputSignal(parent.xDomain, [0, 10]);
-    setInputSignal(parent.yDomain, [0, 10]);
-    await waitForUpdate();
-    const seriesResult = await render(UiAreaSeries, {
-      providers: [{ provide: UiCartesianChart, useValue: parent }],
-    });
-    const series = seriesResult.componentRef.instance as UiAreaSeries;
-    setInputSignal(series.data, [
-      { x: 0, y: 0 },
-      { x: 5, y: 5 },
-      { x: 10, y: 10 },
-    ]);
-    await waitForUpdate();
-    return { parent, series };
-  };
-
-  it('renders fill columns and a translucent fill layer', async () => {
-    const { series } = await renderSeries();
-    const cast = series as unknown as {
-      columns: () => { style: string }[];
-      fillLayerStyle: () => string;
-    };
-    expect(cast.columns().length).toBeGreaterThan(0);
-    expect(cast.fillLayerStyle()).toContain('opacity');
-  });
-
-  it('smooth mode densely resamples the fill columns', async () => {
-    const { series } = await renderSeries();
-    const cast = series as unknown as { columns: () => { style: string }[] };
-    const straight = cast.columns().length;
-    setInputSignal(series.smooth, true);
-    await waitForUpdate();
-    // Smoothed curve produces at least as many columns as the straight one.
-    expect(cast.columns().length).toBeGreaterThanOrEqual(straight);
-  });
-
-  it('emits pointTap when the nested line series taps', async () => {
-    const { series } = await renderSeries();
-    const cb = vi.fn();
-    series.pointTap.subscribe(cb);
-    series.pointTap.emit({ x: 1, y: 2 });
-    expect(cb).toHaveBeenCalledWith({ x: 1, y: 2 });
-  });
-
-  it('clamps the baseline into the plot when it lies outside the domain', async () => {
-    const { series } = await renderSeries();
-    // baseline > yDomain upper bound → clamp to top of plot; columns still render
-    setInputSignal(series.baseline, 999);
-    await waitForUpdate();
-    const cast = series as unknown as { columns: () => { style: string }[] };
-    expect(Array.isArray(cast.columns())).toBe(true);
-  });
-});

package/dist/ui/components/bar-chart/bar-chart-render.test.ts

@@ -1,174 +0,0 @@
-import { render, waitForUpdate } from '@blotch/angular-lynx-testing-library';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiCartesianChart } from '../cartesian-chart/cartesian-chart';
-import { UiBarChart, UiBarSeries } from './bar-chart';
-
-describe('UiBarChart', () => {
-  it('renders with default configuration', async () => {
-    const { container } = await render(UiBarChart);
-    expect(container).toBeTruthy();
-  });
-
-  it('folds the baseline into the y-axis domain', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const inst = componentRef.instance as UiBarChart;
-    setInputSignal(inst.data, [
-      { x: 0, y: 5 },
-      { x: 1, y: 10 },
-      { x: 2, y: 8 },
-    ]);
-    setInputSignal(inst.baseline, 0);
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      xAxis: () => { domain: readonly [number, number] };
-      yAxis: () => { domain: readonly [number, number] };
-      effectivePadding: () => { left?: number; right?: number };
-    };
-    expect(cast.yAxis().domain[0]).toBeLessThanOrEqual(0);
-    expect(cast.yAxis().domain[1]).toBeGreaterThanOrEqual(10);
-    // 3 bars → half-bar inset = 0.5 / (3-1) = 0.25
-    expect(cast.effectivePadding().left).toBeCloseTo(0.25);
-    expect(cast.effectivePadding().right).toBeCloseTo(0.25);
-  });
-
-  it('honors explicit xMin / xMax / yMin / yMax overrides', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const inst = componentRef.instance as UiBarChart;
-    setInputSignal(inst.data, [
-      { x: 0, y: 0 },
-      { x: 10, y: 10 },
-    ]);
-    setInputSignal(inst.xMin, -5);
-    setInputSignal(inst.xMax, 20);
-    setInputSignal(inst.yMin, -1);
-    setInputSignal(inst.yMax, 15);
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      xAxis: () => { domain: readonly [number, number] };
-      yAxis: () => { domain: readonly [number, number] };
-    };
-    expect(cast.xAxis().domain[0]).toBeLessThanOrEqual(-5);
-    expect(cast.xAxis().domain[1]).toBeGreaterThanOrEqual(20);
-    expect(cast.yAxis().domain[0]).toBeLessThanOrEqual(-1);
-    expect(cast.yAxis().domain[1]).toBeGreaterThanOrEqual(15);
-  });
-
-  it('single-datum series drops the half-bar padding', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const inst = componentRef.instance as UiBarChart;
-    setInputSignal(inst.data, [{ x: 0, y: 5 }]);
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      effectivePadding: () => { left?: number; right?: number };
-    };
-    // n === 1 → half === 0
-    expect(cast.effectivePadding().left).toBe(0);
-    expect(cast.effectivePadding().right).toBe(0);
-  });
-
-  it('exposes the default tick formatter used by the child cartesian chart', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const inst = componentRef.instance as UiBarChart;
-    expect(inst.xTickFormat()(3.14159)).toBe('3.14');
-    expect(inst.yTickFormat()(1.005)).toBe('1');
-  });
-
-  it('user padding overrides the auto half-bar inset per side', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const inst = componentRef.instance as UiBarChart;
-    setInputSignal(inst.data, [
-      { x: 0, y: 5 },
-      { x: 1, y: 10 },
-    ]);
-    setInputSignal(inst.padding, { left: 0.1 });
-    await waitForUpdate();
-    const cast = inst as unknown as {
-      effectivePadding: () => { left?: number; right?: number };
-    };
-    // left explicitly set → wins; right still auto = 0.5
-    expect(cast.effectivePadding().left).toBeCloseTo(0.1);
-    expect(cast.effectivePadding().right).toBeCloseTo(0.5);
-  });
-});
-
-describe('UiBarSeries', () => {
-  const renderSeries = async () => {
-    const parentResult = await render(UiCartesianChart);
-    const parent = parentResult.componentRef.instance as UiCartesianChart;
-    setInputSignal(parent.xDomain, [0, 10]);
-    setInputSignal(parent.yDomain, [0, 10]);
-    await waitForUpdate();
-    const seriesResult = await render(UiBarSeries, {
-      providers: [{ provide: UiCartesianChart, useValue: parent }],
-    });
-    const series = seriesResult.componentRef.instance as UiBarSeries;
-    setInputSignal(series.data, [
-      { x: 0, y: 2 },
-      { x: 5, y: 8 },
-      { x: 10, y: 5 },
-    ]);
-    await waitForUpdate();
-    return { parent, series };
-  };
-
-  it('renders a rectangle per datum with the fallback color', async () => {
-    const { series } = await renderSeries();
-    const cast = series as unknown as {
-      bars: () => { style: string; point: { x: number; y: number } }[];
-    };
-    const bars = cast.bars();
-    expect(bars.length).toBe(3);
-    for (const b of bars) {
-      expect(b.style).toContain('background-color: var(--primary)');
-    }
-  });
-
-  it('cycles through the per-bar palette when colors are provided', async () => {
-    const { series } = await renderSeries();
-    setInputSignal(series.colors, ['#f00', '#0f0']);
-    await waitForUpdate();
-    const cast = series as unknown as { bars: () => { style: string }[] };
-    const bars = cast.bars();
-    expect(bars[0].style).toContain('#f00');
-    expect(bars[1].style).toContain('#0f0');
-    // wraps around
-    expect(bars[2].style).toContain('#f00');
-  });
-
-  it('emits barTap with the source point when a bar is tapped', async () => {
-    const { series } = await renderSeries();
-    const cb = vi.fn();
-    series.barTap.subscribe(cb);
-    (
-      series as unknown as { onBarTap: (p: { x: number; y: number }) => void }
-    ).onBarTap({ x: 1, y: 2 });
-    expect(cb).toHaveBeenCalledWith({ x: 1, y: 2 });
-  });
-
-  it('single-datum series uses the fallback bar width', async () => {
-    const parentResult = await render(UiCartesianChart);
-    const parent = parentResult.componentRef.instance as UiCartesianChart;
-    setInputSignal(parent.xDomain, [0, 10]);
-    setInputSignal(parent.yDomain, [0, 10]);
-    await waitForUpdate();
-    const seriesResult = await render(UiBarSeries, {
-      providers: [{ provide: UiCartesianChart, useValue: parent }],
-    });
-    const series = seriesResult.componentRef.instance as UiBarSeries;
-    setInputSignal(series.data, [{ x: 5, y: 5 }]);
-    await waitForUpdate();
-    const cast = series as unknown as { bars: () => { style: string }[] };
-    const [bar] = cast.bars();
-    // fallback = 24px
-    expect(bar.style).toContain('width: 24.00px');
-  });
-
-  it('clamps the baseline into the plot when it lies outside the domain', async () => {
-    const { series } = await renderSeries();
-    setInputSignal(series.baseline, 999);
-    await waitForUpdate();
-    const cast = series as unknown as { bars: () => { style: string }[] };
-    expect(cast.bars().length).toBe(3);
-  });
-});

package/dist/ui/components/button/button-render.test.ts

@@ -1,113 +0,0 @@
-import { Component } from '@angular/core';
-import { render, waitForUpdate } from '@blotch/angular-lynx-testing-library';
-import { LYNX_ELEMENTS } from '@blotch/angular-lynx';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiButton } from './button';
-
-@Component({
-  standalone: true,
-  imports: [UiButton, LYNX_ELEMENTS],
-  template: `<ui-button (pressed)="onPressed()"><text>Go</text></ui-button>`,
-})
-class ButtonHost {
-  count = 0;
-  onPressed = () => {
-    this.count++;
-  };
-}
-
-describe('UiButton (render)', () => {
-  it('renders and mounts without throwing', async () => {
-    const { container } = await render(ButtonHost);
-    expect(container).toBeTruthy();
-  });
-
-  it('emits `pressed` from onTap() when not disabled/loading', async () => {
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as {
-      onTap: () => void;
-      pressed: { subscribe: (cb: () => void) => void };
-    };
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).toHaveBeenCalledTimes(1);
-  });
-
-  it('onTap() is a no-op when disabled', async () => {
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as UiButton & {
-      onTap: () => void;
-    };
-    setInputSignal(inst.disabled, true);
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).not.toHaveBeenCalled();
-  });
-
-  it('onTap() is a no-op when loading', async () => {
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as UiButton & {
-      onTap: () => void;
-    };
-    setInputSignal(inst.loading, true);
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).not.toHaveBeenCalled();
-  });
-
-  it('shows the spinner while loading', async () => {
-    const { componentRef, container } = await render(UiButton);
-    setInputSignal((componentRef.instance as UiButton).loading, true);
-    await waitForUpdate();
-    // Spinner renders as a nested view with an svg — searching for that
-    // suffices without asserting on the internal Lynx tree.
-    expect(container.querySelector('svg')).toBeTruthy();
-  });
-
-  it('applies disabled dim opacity when disabled or loading', async () => {
-    const { componentRef, container } = await render(UiButton);
-    setInputSignal((componentRef.instance as UiButton).disabled, true);
-    await waitForUpdate();
-    const outer = container.querySelector('view');
-    expect(outer?.getAttribute('class')).toContain('opacity-50');
-  });
-
-  it('picks the right spinner size for each button size', async () => {
-    // spinnerSize returns 'xs' for size='sm' and 'sm' otherwise. Cover both.
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as UiButton & {
-      spinnerSize: () => 'xs' | 'sm';
-    };
-    setInputSignal(inst.size, 'sm');
-    await waitForUpdate();
-    expect(inst.spinnerSize()).toBe('xs');
-
-    setInputSignal(inst.size, 'default');
-    await waitForUpdate();
-    expect(inst.spinnerSize()).toBe('sm');
-  });
-
-  it('press handlers run cleanly (guarded by disabled/loading state)', async () => {
-    // onPressStart/End are no-ops when the button is disabled/loading; the
-    // active-press path relies on the ref being wired up on-device — assert
-    // only that the handlers run without throwing here.
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as {
-      onPressStart: () => void;
-      onPressEnd: () => void;
-      onPressCancel: () => void;
-    };
-    expect(() => inst.onPressStart()).not.toThrow();
-    expect(() => inst.onPressEnd()).not.toThrow();
-    expect(() => inst.onPressCancel()).not.toThrow();
-
-    // Disabled path (early return in onPressStart / onPressEnd)
-    setInputSignal((componentRef.instance as UiButton).disabled, true);
-    expect(() => inst.onPressStart()).not.toThrow();
-    expect(() => inst.onPressEnd()).not.toThrow();
-  });
-});

package/dist/ui/components/button-group/button-group-render.test.ts

@@ -1,146 +0,0 @@
-import { Component } from '@angular/core';
-import { render, waitForUpdate } from '@blotch/angular-lynx-testing-library';
-import { LYNX_ELEMENTS } from '@blotch/angular-lynx';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiButtonGroup, UiButtonGroupItem } from './button-group';
-
-@Component({
-  standalone: true,
-  imports: [UiButtonGroup, UiButtonGroupItem, LYNX_ELEMENTS],
-  template: `
-    <ui-button-group [orientation]="orientation">
-      <ui-button-group-item (pressed)="onPressed()"
-        ><text>A</text></ui-button-group-item
-      >
-      <ui-button-group-item [disabled]="disabled" (pressed)="onPressed()"
-        ><text>B</text></ui-button-group-item
-      >
-    </ui-button-group>
-  `,
-})
-class ButtonGroupHost {
-  orientation: 'horizontal' | 'vertical' = 'horizontal';
-  disabled = false;
-  onPressed = () => {};
-}
-
-describe('UiButtonGroup (render)', () => {
-  it('renders horizontally by default', async () => {
-    const { container } = await render(ButtonGroupHost);
-    expect(container).toBeTruthy();
-    const flexRow = container.querySelector('.flex-row');
-    expect(flexRow).toBeTruthy();
-  });
-
-  it('switches to vertical layout when orientation is flipped', async () => {
-    const { componentRef, container } = await render(UiButtonGroup);
-    setInputSignal(
-      (componentRef.instance as UiButtonGroup).orientation,
-      'vertical',
-    );
-    await waitForUpdate();
-    expect(container.querySelector('.flex-col')).toBeTruthy();
-  });
-
-  it('applies a user class from the alias input', async () => {
-    const { componentRef, container } = await render(UiButtonGroup);
-    setInputSignal(
-      (componentRef.instance as UiButtonGroup).userClass,
-      'w-full',
-    );
-    await waitForUpdate();
-    const outer = container.querySelector('view');
-    expect(outer?.getAttribute('class')).toContain('w-full');
-  });
-});
-
-describe('UiButtonGroupItem', () => {
-  const renderItem = async (
-    variant: 'default' | 'outline' = 'default',
-    size: 'default' | 'sm' | 'lg' = 'default',
-    disabledGroup = false,
-  ) => {
-    const parentResult = await render(UiButtonGroup);
-    const parent = parentResult.componentRef.instance as UiButtonGroup;
-    setInputSignal(parent.variant, variant);
-    setInputSignal(parent.size, size);
-    setInputSignal(parent.disabled, disabledGroup);
-    await waitForUpdate();
-
-    const itemResult = await render(UiButtonGroupItem, {
-      providers: [{ provide: UiButtonGroup, useValue: parent }],
-    });
-    await waitForUpdate();
-    return { parent, itemResult };
-  };
-
-  it('onTap emits `pressed` when neither the group nor the item is disabled', async () => {
-    const { itemResult } = await renderItem();
-    const inst = itemResult.componentRef
-      .instance as unknown as UiButtonGroupItem & {
-      onTap: () => void;
-    };
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).toHaveBeenCalledTimes(1);
-  });
-
-  it('onTap is a no-op when the group is disabled', async () => {
-    const { itemResult } = await renderItem('default', 'default', true);
-    const inst = itemResult.componentRef
-      .instance as unknown as UiButtonGroupItem & {
-      onTap: () => void;
-    };
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).not.toHaveBeenCalled();
-  });
-
-  it('onTap is a no-op when the item itself is disabled', async () => {
-    const { itemResult } = await renderItem();
-    const inst = itemResult.componentRef
-      .instance as unknown as UiButtonGroupItem & {
-      onTap: () => void;
-    };
-    setInputSignal(inst.disabled, true);
-    await waitForUpdate();
-    const emitted = vi.fn();
-    inst.pressed.subscribe(emitted);
-    inst.onTap();
-    expect(emitted).not.toHaveBeenCalled();
-  });
-
-  it('press handlers run cleanly on both enabled and disabled paths', async () => {
-    const { itemResult } = await renderItem();
-    const inst = itemResult.componentRef.instance as unknown as {
-      onPressStart: () => void;
-      onPressEnd: () => void;
-      onPressCancel: () => void;
-      disabled: unknown;
-    };
-    expect(() => inst.onPressStart()).not.toThrow();
-    expect(() => inst.onPressEnd()).not.toThrow();
-    expect(() => inst.onPressCancel()).not.toThrow();
-    setInputSignal((inst as unknown as UiButtonGroupItem).disabled, true);
-    await waitForUpdate();
-    expect(() => inst.onPressStart()).not.toThrow();
-    expect(() => inst.onPressEnd()).not.toThrow();
-  });
-
-  it('renders label with `outline` group variant classes', async () => {
-    // Covers the `outline` branch of both buttonGroupItemVariants and
-    // buttonGroupTextVariants.
-    const { itemResult } = await renderItem('outline', 'lg');
-    const view = itemResult.container.querySelector('view');
-    expect(view?.getAttribute('class')).toContain('bg-background');
-  });
-
-  it('renders with size sm variant classes', async () => {
-    const { itemResult } = await renderItem('default', 'sm');
-    const view = itemResult.container.querySelector('view');
-    expect(view?.getAttribute('class')).toContain('h-9');
-  });
-});