@blotch/dolan 22.2.3 → 22.2.4

package/dist/utils/tailwind.d.ts

@@ -0,0 +1,25 @@
+/** The config files Tailwind 3 reads. Tailwind 4 needs none. */
+export declare const TAILWIND_CONFIG_FILES: string[];
+/**
+ * Whether the project is set up for Tailwind 4, where the theme's plugin is
+ * loaded with `@plugin` in the stylesheet rather than listed in
+ * `tailwind.config.ts`: it has no Tailwind config, and depends on Tailwind 4
+ * or on its PostCSS plugin, as `ng add @blotch/angular-lynx` and
+ * `ng new --style=tailwind` set it up.
+ */
+export declare const usesTailwind4: (cwd: string) => boolean;
+/**
+ * The theme files a project takes: the colors, and what maps them to
+ * Tailwind's utilities, `tailwind.css` for Tailwind 4 (imported in the
+ * stylesheet) or `tailwind-plugin.ts` for Tailwind 3 (a config plugin).
+ *
+ * With `tests`, the plugin comes with its test, for the same reason as a
+ * component's (see getComponentFiles): it covers the plugin in the app's
+ * coverage report. `tailwind.css` has no code to cover. The theme folder's
+ * other tests stay behind: they check the theme in packages/ui with Node,
+ * against the components and Tailwind's own builds, which an app's `ng test`
+ * can't do.
+ */
+export declare const themeFilesFor: (cwd: string, { tests }?: {
+    tests?: boolean;
+}) => string[];

package/dist/utils/tailwind.js

@@ -0,0 +1,51 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+/** The config files Tailwind 3 reads. Tailwind 4 needs none. */
+export const TAILWIND_CONFIG_FILES = [
+    'tailwind.config.ts',
+    'tailwind.config.js',
+    'tailwind.config.mjs',
+    'tailwind.config.cjs',
+];
+/**
+ * Whether the project is set up for Tailwind 4, where the theme's plugin is
+ * loaded with `@plugin` in the stylesheet rather than listed in
+ * `tailwind.config.ts`: it has no Tailwind config, and depends on Tailwind 4
+ * or on its PostCSS plugin, as `ng add @blotch/angular-lynx` and
+ * `ng new --style=tailwind` set it up.
+ */
+export const usesTailwind4 = (cwd) => {
+    if (TAILWIND_CONFIG_FILES.some((file) => existsSync(join(cwd, file)))) {
+        return false;
+    }
+    try {
+        const { dependencies = {}, devDependencies = {} } = JSON.parse(readFileSync(join(cwd, 'package.json'), 'utf-8'));
+        const all = { ...dependencies, ...devDependencies };
+        const major = Number(/\d+/.exec(all['tailwindcss'] ?? '')?.[0]);
+        return Boolean(all['@tailwindcss/postcss']) || major >= 4;
+    }
+    catch {
+        return false;
+    }
+};
+/**
+ * The theme files a project takes: the colors, and what maps them to
+ * Tailwind's utilities, `tailwind.css` for Tailwind 4 (imported in the
+ * stylesheet) or `tailwind-plugin.ts` for Tailwind 3 (a config plugin).
+ *
+ * With `tests`, the plugin comes with its test, for the same reason as a
+ * component's (see getComponentFiles): it covers the plugin in the app's
+ * coverage report. `tailwind.css` has no code to cover. The theme folder's
+ * other tests stay behind: they check the theme in packages/ui with Node,
+ * against the components and Tailwind's own builds, which an app's `ng test`
+ * can't do.
+ */
+export const themeFilesFor = (cwd, { tests = false } = {}) => usesTailwind4(cwd)
+    ? ['default.css', 'dark.css', 'tailwind.css']
+    : [
+        'default.css',
+        'dark.css',
+        'tailwind-plugin.ts',
+        ...(tests ? ['tailwind-plugin.test.ts'] : []),
+    ];
+//# sourceMappingURL=tailwind.js.map

package/dist/utils/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../../src/utils/tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,gEAAgE;AAChE,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;CACtB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAW,EAAW,EAAE;IACpD,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,CAAC;QACH,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,eAAe,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAC5D,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,CAAC,CAIjD,CAAC;QACF,MAAM,GAAG,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;QACpD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAC5D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,GAAW,EACX,EAAE,KAAK,GAAG,KAAK,KAA0B,EAAE,EACjC,EAAE,CACZ,aAAa,CAAC,GAAG,CAAC;IAChB,CAAC,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,cAAc,CAAC;IAC7C,CAAC,CAAC;QACE,aAAa;QACb,UAAU;QACV,oBAAoB;QACpB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9C,CAAC"}

package/dist/utils/tailwind.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/tailwind.test.js

@@ -0,0 +1,71 @@
+import { describe, expect, it, afterEach } from 'vitest';
+import { existsSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { createFixture } from '../test-utils';
+import { getUiSourceDir } from './resolve-paths';
+import { themeFilesFor, usesTailwind4 } from './tailwind';
+let fixture;
+afterEach(() => {
+    fixture?.cleanup();
+});
+/**
+ * A project with these dev dependencies, and these other files.
+ */
+const project = (devDependencies, files = {}) => {
+    fixture = createFixture({});
+    if (devDependencies) {
+        writeFileSync(join(fixture.dir, 'package.json'), JSON.stringify({ devDependencies }));
+    }
+    for (const [file, content] of Object.entries(files)) {
+        writeFileSync(join(fixture.dir, file), content);
+    }
+    return fixture.dir;
+};
+describe('usesTailwind4', () => {
+    it('is true for a project on Tailwind 4 without a Tailwind config', () => {
+        expect(usesTailwind4(project({ tailwindcss: '^4.3.3' }))).toBe(true);
+        expect(usesTailwind4(project({ '@tailwindcss/postcss': '^4.3.3' }))).toBe(true);
+    });
+    it('is false for Tailwind 3, a Tailwind config, or no Tailwind', () => {
+        expect(usesTailwind4(project({ tailwindcss: '^3.4.19' }))).toBe(false);
+        expect(usesTailwind4(project({ tailwindcss: '^4.0.0' }, { 'tailwind.config.js': '' }))).toBe(false);
+        expect(usesTailwind4(project({}))).toBe(false);
+        expect(usesTailwind4(project(undefined))).toBe(false);
+    });
+});
+describe('themeFilesFor', () => {
+    it('takes tailwind.css on Tailwind 4, and the config plugin on Tailwind 3', () => {
+        expect(themeFilesFor(project({ tailwindcss: '^4.3.3' }))).toEqual([
+            'default.css',
+            'dark.css',
+            'tailwind.css',
+        ]);
+        expect(themeFilesFor(project({ tailwindcss: '^3.4.19' }))).toEqual([
+            'default.css',
+            'dark.css',
+            'tailwind-plugin.ts',
+        ]);
+    });
+    it("adds the Tailwind plugin's test with the components' tests", () => {
+        // It covers the plugin in the app's coverage report. Tailwind 4's
+        // tailwind.css has no code to cover.
+        expect(themeFilesFor(project({ tailwindcss: '^3.4.19' }), { tests: true })).toEqual([
+            'default.css',
+            'dark.css',
+            'tailwind-plugin.ts',
+            'tailwind-plugin.test.ts',
+        ]);
+        expect(themeFilesFor(project({ tailwindcss: '^4.3.3' }), { tests: true })).toEqual(['default.css', 'dark.css', 'tailwind.css']);
+    });
+    it('lists only files the theme folder has', () => {
+        for (const version of ['^3.4.19', '^4.3.3']) {
+            const files = themeFilesFor(project({ tailwindcss: version }), {
+                tests: true,
+            });
+            for (const file of files) {
+                expect(existsSync(join(getUiSourceDir(), 'theme', file)), file).toBe(true);
+            }
+        }
+    });
+});
+//# sourceMappingURL=tailwind.test.js.map

package/dist/utils/tailwind.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.test.js","sourceRoot":"","sources":["../../src/utils/tailwind.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotch/dolan",
-  "version": "22.2.3",
+  "version": "22.2.4",
   "description": "CLI for adding @blotch/ui components to your project",
   "homepage": "https://github.com/Blotch-Smart-Frames/AngularLynx#readme",
   "bugs": {
@@ -31,6 +31,14 @@
     "./testing/set-input-signal": {
       "types": "./dist/testing/set-input-signal.d.ts",
       "default": "./dist/testing/set-input-signal.js"
+    },
+    "./testing/fire-lynx-event": {
+      "types": "./dist/testing/fire-lynx-event.d.ts",
+      "default": "./dist/testing/fire-lynx-event.js"
+    },
+    "./testing/lynx-main-thread": {
+      "types": "./dist/testing/lynx-main-thread.d.ts",
+      "default": "./dist/testing/lynx-main-thread.js"
     }
   },
   "scripts": {

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

@@ -1,63 +0,0 @@
-import { render } from '@blotch/angular-lynx-testing-library';
-import { createChartRuntime } from '@tanstack/charts/runtime';
-import type {
-  ChartDefinition,
-  ChartPoint,
-  SceneNode,
-} from '@tanstack/charts/types';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiAreaChart } from './area-chart';
-
-const data = [
-  { x: 0, y: 4 },
-  { x: 1, y: -2 },
-  { x: 2, y: 6 },
-];
-
-/**
- * Every drawn shape in a definition's scene, labels excluded.
- */
-const shapes = (definition: ChartDefinition<any, any, any>) => {
-  const scene = createChartRuntime().render(definition, {
-    width: 300,
-    height: 200,
-  });
-  const found: SceneNode[] = [];
-  const walk = (nodes: readonly SceneNode[]) => {
-    for (const node of nodes) {
-      if (node.kind === 'group') {
-        if (!node.focus) walk(node.children);
-      } else if (node.kind !== 'label') found.push(node);
-    }
-  };
-  walk(scene.nodes);
-  return { scene, found };
-};
-
-describe('UiAreaChart', () => {
-  type Internals = {
-    definition: () => ChartDefinition<any, any, any>;
-    onSelect(point: ChartPoint | null): void;
-  };
-
-  it('builds its definition from its inputs', async () => {
-    const { componentRef } = await render(UiAreaChart);
-    const chart = componentRef.instance as UiAreaChart;
-    setInputSignal(chart.data, data);
-    setInputSignal(chart.baseline, -20);
-    const { scene } = shapes((chart as unknown as Internals).definition());
-    expect(scene.scales['y']!.domain[0]).toBeLessThanOrEqual(-20);
-  });
-
-  it('emits the tapped datum', async () => {
-    const { componentRef } = await render(UiAreaChart);
-    const chart = componentRef.instance as UiAreaChart;
-    const tapped = vi.fn();
-    chart.pointTap.subscribe(tapped);
-    const internals = chart as unknown as Internals;
-    internals.onSelect({ datum: data[0] } as ChartPoint);
-    internals.onSelect(null);
-    expect(tapped.mock.calls).toEqual([[data[0]]]);
-  });
-});

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

@@ -1,58 +0,0 @@
-import { render } from '@blotch/angular-lynx-testing-library';
-import { createChartRuntime } from '@tanstack/charts/runtime';
-import type {
-  ChartDefinition,
-  ChartPoint,
-  SceneNode,
-  SceneRect,
-} from '@tanstack/charts/types';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiBarChart } from './bar-chart';
-
-/**
- * Every bar in a definition's scene.
- */
-const bars = (definition: ChartDefinition<any, any, any>) => {
-  const scene = createChartRuntime().render(definition, {
-    width: 300,
-    height: 200,
-  });
-  const found: SceneRect[] = [];
-  const walk = (nodes: readonly SceneNode[]) => {
-    for (const node of nodes) {
-      if (node.kind === 'group') {
-        if (!node.focus) walk(node.children);
-      } else if (node.kind === 'rect') found.push(node);
-    }
-  };
-  walk(scene.nodes);
-  return { scene, found };
-};
-
-describe('UiBarChart', () => {
-  type Internals = {
-    definition: () => ChartDefinition<any, any, any>;
-    onSelect(point: ChartPoint | null): void;
-  };
-
-  it('builds its definition from its inputs', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const chart = componentRef.instance as UiBarChart;
-    setInputSignal(chart.data, [{ x: 'a', y: 1 }]);
-    setInputSignal(chart.color, 'red');
-    const { found } = bars((chart as unknown as Internals).definition());
-    expect(found[0]!.style?.fill).toBe('red');
-  });
-
-  it('emits the tapped datum', async () => {
-    const { componentRef } = await render(UiBarChart);
-    const chart = componentRef.instance as UiBarChart;
-    const tapped = vi.fn();
-    chart.barTap.subscribe(tapped);
-    const internals = chart as unknown as Internals;
-    internals.onSelect({ datum: { x: 'a', y: 1 } } as ChartPoint);
-    internals.onSelect(null);
-    expect(tapped.mock.calls).toEqual([[{ x: 'a', y: 1 }]]);
-  });
-});

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

@@ -1,132 +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("colors the spinner like each variant's label", async () => {
-    // The template binding doesn't reach the spinner's input under JIT (see
-    // setInputSignal), so check the value the button passes it.
-    const { componentRef } = await render(UiButton);
-    const inst = componentRef.instance as unknown as UiButton & {
-      spinnerColor: () => string;
-    };
-    for (const [variant, color] of [
-      ['default', 'var(--primary-foreground)'],
-      ['destructive', 'var(--destructive-foreground)'],
-      ['outline', 'var(--foreground)'],
-      ['secondary', 'var(--secondary-foreground)'],
-      ['ghost', 'var(--foreground)'],
-    ] as const) {
-      setInputSignal(inst.variant, variant);
-      expect(inst.spinnerColor()).toBe(color);
-    }
-  });
-
-  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');
-  });
-});

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

@@ -1,59 +0,0 @@
-import { render } from '@blotch/angular-lynx-testing-library';
-import { createChartRuntime } from '@tanstack/charts/runtime';
-import type {
-  ChartDefinition,
-  ChartPoint,
-  SceneNode,
-} from '@tanstack/charts/types';
-import { describe, expect, it, vi } from 'vitest';
-import { setInputSignal } from '../../../test-utils/set-input-signal';
-import { UiCandlestickChart } from './candlestick-chart';
-
-const data = [
-  { x: 0, open: 100, high: 104, low: 98, close: 102 },
-  { x: 1, open: 102, high: 103, low: 97, close: 99 },
-];
-
-const render2 = (definition: ChartDefinition<any, any, any>) => {
-  const scene = createChartRuntime().render(definition, {
-    width: 300,
-    height: 200,
-  });
-  const found: SceneNode[] = [];
-  const walk = (nodes: readonly SceneNode[]) => {
-    for (const node of nodes) {
-      if (node.kind === 'group') {
-        if (!node.focus) walk(node.children);
-      } else if (node.kind !== 'label') found.push(node);
-    }
-  };
-  walk(scene.nodes);
-  return { scene, found };
-};
-
-describe('UiCandlestickChart', () => {
-  type Internals = {
-    definition: () => ChartDefinition<any, any, any>;
-    onSelect(point: ChartPoint | null): void;
-  };
-
-  it('builds its definition from its inputs', async () => {
-    const { componentRef } = await render(UiCandlestickChart);
-    const chart = componentRef.instance as UiCandlestickChart;
-    setInputSignal(chart.data, data);
-    setInputSignal(chart.upColor, 'blue');
-    const { found } = render2((chart as unknown as Internals).definition());
-    expect(found.filter((n) => n.kind === 'rect')[0]!.style?.fill).toBe('blue');
-  });
-
-  it('emits the tapped datum', async () => {
-    const { componentRef } = await render(UiCandlestickChart);
-    const chart = componentRef.instance as UiCandlestickChart;
-    const tapped = vi.fn();
-    chart.candleTap.subscribe(tapped);
-    const internals = chart as unknown as Internals;
-    internals.onSelect({ datum: data[0] } as ChartPoint);
-    internals.onSelect(null);
-    expect(tapped.mock.calls).toEqual([[data[0]]]);
-  });
-});