@symbiote-native/angular 0.6.0 → 0.6.2

package/src/modules/app-registry/app-registry.test.ts

@@ -1,106 +0,0 @@
-// Co-located Angular-driven test, Angular twin of adapters/react/src/modules/
-// app-registry/app-registry.test.tsx. Proves the AppRegistry entry point:
-// `registerComponent(appKey, () => App)` stores a runnable that calls `mount` (driving
-// @symbiote-native/engine) AND bridges it to the host registrar (RN's own AppRegistry, injected via
-// `setHostRegistrar`) so native can find it by key. Also proves the Angular-specific
-// `setWrapperComponentProvider` seam: a pre-authored standalone wrapper receives the root's
-// host node as projected `<ng-content>`, the AOT-safe twin of React's
-// createElement(Wrapper, null, rootElement).
-
-import '@angular/compiler';
-import { Component, Input, type Type } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import { AppRegistry, setHostRegistrar, type IAppParameters, type IRunnable } from '../..';
-import { unmount } from '../../render';
-
-const APP_KEY = 'canary';
-const ROOT_TAG = 212;
-const WRAPPED_APP_KEY = 'canary-wrapped';
-const WRAPPED_ROOT_TAG = 213;
-
-// Angular's mount() batches change detection on a microtask, so a committed native tag isn't
-// available synchronously — assertions on the committed tree need one tick, same as Vue.
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-class TestText {}
-Component({
-  selector: 'symbiote-text',
-  standalone: true,
-  template: '<ng-content></ng-content>',
-})(TestText);
-
-class SmokeComponent {}
-Component({
-  selector: 'symbiote-app-registry-smoke',
-  standalone: true,
-  imports: [TestText],
-  template: '<symbiote-text>hi</symbiote-text>',
-})(SmokeComponent);
-
-class WrapperComponent {
-  @Input() label = '';
-}
-Component({
-  selector: 'symbiote-app-registry-wrapper',
-  standalone: true,
-  imports: [TestText],
-  template: '<symbiote-text>{{ label }}</symbiote-text><ng-content></ng-content>',
-})(WrapperComponent);
-
-const fabric = installFabric();
-
-// The host registrar the native side drives (RN's AppRegistry stand-in).
-const hostRunnables = new Map<string, IRunnable>();
-
-beforeEach(() => {
-  fabric.reset();
-  hostRunnables.clear();
-  setHostRegistrar({
-    registerRunnable: (appKey: string, run: IRunnable): string => {
-      hostRunnables.set(appKey, run);
-      return appKey;
-    },
-  });
-  AppRegistry.registerComponent(APP_KEY, () => SmokeComponent);
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  unmount(WRAPPED_ROOT_TAG);
-});
-
-describe('AppRegistry', () => {
-  it('exposes the app key and bridges the runnable to the host registrar', () => {
-    expect(AppRegistry.getAppKeys()).toContain(APP_KEY);
-    expect(hostRunnables.get(APP_KEY)).toBeDefined();
-  });
-
-  it('mounts the tree when the host invokes the runnable with a rootTag', async () => {
-    const hostRun = hostRunnables.get(APP_KEY);
-    expect(hostRun).toBeDefined();
-
-    const nativeParams: IAppParameters = { rootTag: ROOT_TAG };
-    hostRun!(nativeParams);
-    await tick();
-
-    expect(fabric.find(n => n.viewName === 'RCTText')).toBeDefined();
-  });
-
-  it('runApplication drives the same runnable locally', async () => {
-    AppRegistry.runApplication(APP_KEY, { rootTag: ROOT_TAG });
-    await tick();
-
-    expect(fabric.find(n => n.viewName === 'RCTText')).toBeDefined();
-  });
-
-  it('projects the root component into a registered wrapper via <ng-content>', async () => {
-    AppRegistry.setWrapperComponentProvider(() => WrapperComponent as Type<unknown>);
-    AppRegistry.registerComponent(WRAPPED_APP_KEY, () => SmokeComponent);
-
-    AppRegistry.runApplication(WRAPPED_APP_KEY, { rootTag: WRAPPED_ROOT_TAG });
-    await tick();
-
-    const texts = fabric.appRoot().children.flatMap(n => fabric.serialize([n]));
-    expect(texts.join('')).toContain('hi');
-  });
-});

package/src/modules/status-bar/status-bar.test.ts

@@ -1,50 +0,0 @@
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import * as engine from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../../render';
-import { StatusBar } from './index';
-
-const ROOT_TAG = 901;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-status-bar-host',
-  standalone: true,
-  imports: [StatusBar],
-  template: ` <StatusBar [barStyle]="'dark-content'" [hidden]="true" [animated]="false" /> `,
-})
-class StatusBarHost {}
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-describe('StatusBar', () => {
-  it('applies status bar props on mount and renders no Fabric node', async () => {
-    const spy = vi.spyOn(engine, 'applyStatusBarProps').mockReturnValue(undefined);
-
-    mount(ROOT_TAG, StatusBarHost);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    expect(spy).toHaveBeenCalledWith(
-      expect.objectContaining({
-        barStyle: 'dark-content',
-        hidden: true,
-        animated: false,
-      }),
-    );
-
-    const root = fabric.appRoot();
-    expect(root.children).toHaveLength(0);
-  });
-
-  it('exposes imperative statics on the component value', () => {
-    expect(typeof StatusBar.setHidden).toBe('function');
-    expect(typeof StatusBar.setBarStyle).toBe('function');
-    expect(typeof StatusBar.setNetworkActivityIndicatorVisible).toBe('function');
-    expect(typeof StatusBar.setBackgroundColor).toBe('function');
-    expect(typeof StatusBar.setTranslucent).toBe('function');
-  });
-});

package/src/render/render.test.ts

@@ -1,147 +0,0 @@
-// Integration coverage: run the real Angular runtime (createComponent + RendererFactory2)
-// over the headless fake Fabric slot. Unlike renderer.test.ts, this proves mount() wires
-// Angular's bootstrap to the Symbiote renderer, so a standalone template paints and updates
-// through the engine.
-
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import { mount, unmount } from './index';
-
-const ROOT_TAG = 808;
-
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-const drainAngularAndCommit = async (): Promise<void> => {
-  await tick();
-  await tick();
-};
-
-class TestView {}
-Component({
-  selector: 'symbiote-view',
-  standalone: true,
-  template: '<ng-content></ng-content>',
-})(TestView);
-
-class TestText {}
-Component({
-  selector: 'symbiote-text',
-  standalone: true,
-  template: '<ng-content></ng-content>',
-})(TestText);
-
-class SmokeComponent {
-  name = 'Angular';
-  count = 0;
-  boxStyle = { padding: 12 };
-
-  increment(): void {
-    this.count += 1;
-  }
-}
-
-Component({
-  selector: 'symbiote-angular-smoke',
-  standalone: true,
-  imports: [TestView, TestText],
-  template: `<symbiote-view [style]="boxStyle"><symbiote-text>Hello {{ name }}</symbiote-text><symbiote-view testID="counter" (press)="increment()"><symbiote-text>tapped {{ count }}×</symbiote-text></symbiote-view></symbiote-view>`,
-})(SmokeComponent);
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-// A plain (non-OnPush) child component compiles as SignalView in Angular 20+, so an UNTOUCHED
-// sibling child is skipped by the per-view CheckAlways/Dirty/RefreshView gate inside
-// detectChangesInView — true with or without ApplicationRef (the gate lives inside
-// detectChangesInView regardless of who calls it). This is NOT a claim that the root's own
-// template is spared: markViewDirty (used by both native (event) bindings and
-// ChangeDetectorRef.markForCheck(), see SymbioteHostPropsDirective) unconditionally sets
-// RefreshView on every ancestor up to the root — a press anywhere always re-runs the root's
-// own template, in every Angular app, regardless of scheduler. What this guards is narrower
-// but still real: a SIBLING component with no dirty descendant of its own must not be dragged
-// along for the ride.
-let unrelatedRenderCount = 0;
-class CounterChild {
-  count = 0;
-
-  increment(): void {
-    this.count += 1;
-  }
-}
-Component({
-  selector: 'counter-child',
-  standalone: true,
-  imports: [TestView, TestText],
-  template:
-    '<symbiote-view testID="counter" (press)="increment()"><symbiote-text>tapped {{ count }}×</symbiote-text></symbiote-view>',
-})(CounterChild);
-
-class UnrelatedSiblingChild {
-  trackRender(): number {
-    unrelatedRenderCount++;
-    return unrelatedRenderCount;
-  }
-}
-Component({
-  selector: 'unrelated-sibling-child',
-  standalone: true,
-  template: '<symbiote-text>unrelated {{ trackRender() }}</symbiote-text>',
-})(UnrelatedSiblingChild);
-
-class TargetedComponent {}
-Component({
-  selector: 'symbiote-angular-targeted',
-  standalone: true,
-  imports: [TestView, CounterChild, UnrelatedSiblingChild],
-  template: `<symbiote-view><counter-child /><unrelated-sibling-child /></symbiote-view>`,
-})(TargetedComponent);
-
-describe('Angular mount', () => {
-  it('bootstraps a standalone component into a committed Fabric tree', async () => {
-    mount(ROOT_TAG, SmokeComponent);
-    await tick();
-
-    const root = fabric.appRoot();
-    expect(fabric.serialize(root.children)).toBe(
-      'RCTView(RCTText(RCTRawText "Hello Angular")RCTView(RCTText(RCTRawText "tapped 0×")))',
-    );
-    expect(root.children[0]?.props).toMatchObject({ padding: 12 });
-  });
-
-  it('runs Angular change detection after a native press and recommits text', async () => {
-    mount(ROOT_TAG, SmokeComponent);
-    await tick();
-
-    const counter = fabric.find(node => node.props.testID === 'counter');
-    expect(counter).toBeDefined();
-
-    fabric.fireEvent(counter?.instanceHandle, 'topTouchStart');
-    fabric.fireEvent(counter?.instanceHandle, 'topTouchEnd');
-    await drainAngularAndCommit();
-
-    expect(fabric.serialize(fabric.appRoot().children)).toContain('RCTRawText "tapped 1×"');
-  });
-
-  it('does not re-check a sibling child component on a press inside a different child', async () => {
-    unrelatedRenderCount = 0;
-    mount(ROOT_TAG, TargetedComponent);
-    await tick();
-
-    const afterFirstPaint = unrelatedRenderCount;
-    expect(afterFirstPaint).toBeGreaterThan(0);
-
-    const counter = fabric.find(node => node.props.testID === 'counter');
-    fabric.fireEvent(counter?.instanceHandle, 'topTouchStart');
-    fabric.fireEvent(counter?.instanceHandle, 'topTouchEnd');
-    await drainAngularAndCommit();
-
-    expect(fabric.serialize(fabric.appRoot().children)).toContain('RCTRawText "tapped 1×"');
-    // UnrelatedSiblingChild has no dirty descendant of its own, so it must not be re-checked
-    // just because CounterChild (a completely separate branch) got pressed. This does NOT prove
-    // the root's own template stays untouched — the root's template still re-runs on every
-    // press (see render.ts).
-    expect(unrelatedRenderCount).toBe(afterFirstPaint);
-  });
-});

package/src/renderer/renderer.test.ts

@@ -1,202 +0,0 @@
-// Co-located headless test for the Angular renderer seam. Drives SymbioteRenderer
-// directly — no Angular runtime, no compiler — against the shared fake Fabric slot, proving
-// each Renderer2 method maps onto the engine mutation API and commits a correct Fabric tree.
-// The bootstrap (mount → createComponent) is validated separately on a real host / the AOT
-// example; this isolates the seam, which is the deterministic, framework-free half.
-
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import {
-  clearGlobalStyles,
-  createSurface,
-  disposeRoot,
-  isAnchor,
-  isSymbioteNode,
-  registerStyles,
-} from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-import { registerComposedComponent, SymbioteRenderer, SymbioteRendererFactory } from './index';
-
-const ROOT_TAG = 707;
-const PROBE_ID = 'probe';
-
-const fabric = installFabric();
-
-// A macrotask boundary drains the engine's coalesced (requestCommit) commit before asserting.
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-function setup(): { surface: ReturnType<typeof createSurface>; renderer: SymbioteRenderer } {
-  const surface = createSurface(ROOT_TAG);
-  const renderer = new SymbioteRendererFactory(surface).createRenderer(null, null);
-  if (!(renderer instanceof SymbioteRenderer))
-    throw new Error('unreachable: factory built the renderer');
-  return { surface, renderer };
-}
-
-beforeEach(() => fabric.reset());
-afterEach(() => {
-  disposeRoot(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('Angular SymbioteRenderer drives the engine', () => {
-  it('maps createElement / createText / appendChild into a committed Fabric tree', async () => {
-    const { surface, renderer } = setup();
-    const view = renderer.createElement('symbiote-view');
-    const text = renderer.createElement('symbiote-text');
-    const raw = renderer.createText('Hello');
-    renderer.appendChild(text, raw);
-    renderer.appendChild(view, text);
-    renderer.appendChild(surface, view);
-    await tick();
-
-    // The engine wraps surface.children in the synthetic box-none AppContainer root.
-    const root = fabric.appRoot();
-    expect(fabric.serialize(root.children)).toBe('RCTView(RCTText(RCTRawText "Hello"))');
-  });
-
-  it('maps additional symbiote intrinsics through the shared descriptor table', async () => {
-    const { surface, renderer } = setup();
-    const spinner = renderer.createElement('symbiote-activity-indicator');
-    renderer.setProperty(spinner, 'testID', 'spinner');
-    renderer.setProperty(spinner, 'animating', true);
-    const image = renderer.createElement('symbiote-image');
-    renderer.setProperty(image, 'testID', 'image');
-    renderer.setProperty(image, 'source', { uri: 'https://example.invalid/image.png' });
-    renderer.appendChild(surface, spinner);
-    renderer.appendChild(surface, image);
-    await tick();
-
-    const committed = fabric.find(node => node.props.testID === 'spinner');
-    expect(committed?.viewName).toBe('ActivityIndicatorView');
-    expect(committed?.props.animating).toBe(true);
-    const committedImage = fabric.find(node => node.props.testID === 'image');
-    expect(committedImage?.viewName).toBe('RCTImageView');
-    expect(committedImage?.props.source).toEqual({ uri: 'https://example.invalid/image.png' });
-  });
-
-  it('commits setProperty and merges per-key setStyle into one style prop', async () => {
-    const { surface, renderer } = setup();
-    const view = renderer.createElement('symbiote-view');
-    renderer.setProperty(view, 'nativeID', PROBE_ID);
-    renderer.setStyle(view, 'padding', 24);
-    renderer.setStyle(view, 'opacity', 0.5);
-    renderer.appendChild(surface, view);
-    await tick();
-
-    const committed = fabric.find(node => node.props.nativeID === PROBE_ID);
-    expect(committed, 'the probed RCTView committed').toBeDefined();
-    // Angular emits a [style] binding as per-key setStyle; the seam folds them into one style
-    // object, then the engine HOISTS style keys to top-level Fabric props (RN's flat C++ props
-    // contract — style is never a nested key on a committed node).
-    expect(committed?.props).toMatchObject({ nativeID: PROBE_ID, padding: 24, opacity: 0.5 });
-  });
-
-  it('resolves addClass tokens through the shared style registry and lets explicit style win', async () => {
-    registerStyles({ card: { padding: 10, backgroundColor: 'red' } });
-    const { surface, renderer } = setup();
-    const view = renderer.createElement('symbiote-view');
-    renderer.setProperty(view, 'nativeID', PROBE_ID);
-    // Ivy compiles class="card highlight" to one addClass call per token, never a single string.
-    renderer.addClass(view, 'card');
-    renderer.addClass(view, 'highlight');
-    renderer.setStyle(view, 'backgroundColor', 'blue');
-    renderer.appendChild(surface, view);
-    await tick();
-
-    const committed = fabric.find(node => node.props.nativeID === PROBE_ID);
-    // padding comes from the class; backgroundColor is explicit style, so it wins over the
-    // class-derived red — same precedence Vue's class="..."/:style="..." merge guarantees.
-    expect(committed?.props).toMatchObject({ padding: 10, backgroundColor: 'blue' });
-  });
-
-  it('removeClass drops a token and recomputes the resolved style', async () => {
-    registerStyles({ card: { padding: 10 }, highlight: { opacity: 0.5 } });
-    const { surface, renderer } = setup();
-    const view = renderer.createElement('symbiote-view');
-    renderer.setProperty(view, 'nativeID', PROBE_ID);
-    renderer.addClass(view, 'card');
-    renderer.addClass(view, 'highlight');
-    renderer.removeClass(view, 'highlight');
-    renderer.appendChild(surface, view);
-    await tick();
-
-    const committed = fabric.find(node => node.props.nativeID === PROBE_ID);
-    expect(committed?.props.padding).toBe(10);
-    expect(committed?.props.opacity).toBeUndefined();
-  });
-
-  it('removeChild detaches a node from the next commit', async () => {
-    const { surface, renderer } = setup();
-    const keep = renderer.createElement('symbiote-view');
-    const drop = renderer.createElement('symbiote-view');
-    renderer.setProperty(drop, 'nativeID', PROBE_ID);
-    renderer.appendChild(surface, keep);
-    renderer.appendChild(surface, drop);
-    await tick();
-    expect(
-      fabric.find(node => node.props.nativeID === PROBE_ID),
-      'present before remove',
-    ).toBeDefined();
-
-    fabric.reset();
-    renderer.removeChild(surface, drop);
-    await tick();
-    expect(
-      fabric.find(node => node.props.nativeID === PROBE_ID),
-      'gone after remove',
-    ).toBeUndefined();
-  });
-
-  it('createComment yields an anchor the commit walk skips but flattens its children', async () => {
-    const { surface, renderer } = setup();
-    const anchor = renderer.createComment();
-    renderer.appendChild(anchor, renderer.createElement('symbiote-view'));
-    renderer.appendChild(surface, anchor);
-    renderer.appendChild(surface, renderer.createElement('symbiote-text'));
-    await tick();
-
-    // The anchor never reaches Fabric; its child keeps the same sibling position. Angular
-    // composed components use this to make their framework host element disappear.
-    const root = fabric.appRoot();
-    expect(fabric.serialize(root.children)).toBe('RCTViewRCTText');
-  });
-
-  it('listen attaches an explicit event listener and the unlisten fn removes it', () => {
-    const { renderer } = setup();
-    const view = renderer.createElement('symbiote-view');
-    expect(isSymbioteNode(view)).toBe(true);
-    if (!isSymbioteNode(view)) throw new Error('unreachable: createElement returns a node');
-
-    const unlisten = renderer.listen(view, 'press', () => {});
-    expect(view.listeners?.has('press'), 'listener attached under the explicit name').toBe(true);
-    unlisten();
-    expect(view.listeners?.has('press'), 'unlisten removed it').toBe(false);
-  });
-
-  it('listen on a global target (window/document) is an inert no-op', () => {
-    const { renderer } = setup();
-    expect(() => renderer.listen('window', 'resize', () => {})()).not.toThrow();
-  });
-
-  // App/third-party selectors must not be hardcoded into ANCHOR_HOST_COMPONENTS — the owning
-  // package registers itself via registerComposedComponent, same as an adapter-owned composed
-  // component. 'RefApiDemo' names examples/angular's demo component; this test never imports
-  // it, it only proves the renderer treats an unregistered selector as a raw Fabric view name,
-  // not a hardcoded anchor host. MUST run before the registration test below, since
-  // registerComposedComponent mutates the module-level Set for the rest of the file.
-  it('does not anchor-host an app-owned selector unless it self-registers', () => {
-    const { renderer } = setup();
-    const node = renderer.createElement('RefApiDemo');
-    if (!isSymbioteNode(node)) throw new Error('unreachable: createElement returns a node');
-    expect(isAnchor(node), 'falls through to a raw Fabric view, not an anchor').toBe(false);
-    expect(node.component).toBe('RefApiDemo');
-  });
-
-  it('anchor-hosts an app-owned selector once it self-registers via registerComposedComponent', () => {
-    registerComposedComponent('RefApiDemo');
-    const { renderer } = setup();
-    const node = renderer.createElement('RefApiDemo');
-    if (!isSymbioteNode(node)) throw new Error('unreachable: createElement returns a node');
-    expect(isAnchor(node)).toBe(true);
-  });
-});

package/src/services/services.test.ts

@@ -1,163 +0,0 @@
-import '@angular/compiler';
-import { Component, inject } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { Appearance, Dimensions } from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { ColorSchemeService } from './color-scheme.service';
-import { WindowDimensionsService } from './window-dimensions.service';
-
-const ROOT_TAG = 900;
-const fabric = installFabric();
-
-let capturedColorSchemeService: ColorSchemeService | undefined;
-let capturedWindowDimensionsService: WindowDimensionsService | undefined;
-
-@Component({
-  selector: 'symbiote-color-scheme-consumer',
-  standalone: true,
-  providers: [ColorSchemeService],
-  template: '',
-})
-class ColorSchemeConsumer {
-  readonly service = inject(ColorSchemeService);
-  constructor() {
-    capturedColorSchemeService = this.service;
-  }
-}
-
-@Component({
-  selector: 'symbiote-window-dimensions-consumer',
-  standalone: true,
-  providers: [WindowDimensionsService],
-  template: '',
-})
-class WindowDimensionsConsumer {
-  readonly service = inject(WindowDimensionsService);
-  constructor() {
-    capturedWindowDimensionsService = this.service;
-  }
-}
-
-@Component({
-  selector: 'symbiote-root-window-dimensions-consumer',
-  standalone: true,
-  template: '',
-})
-class RootWindowDimensionsConsumer {
-  readonly service = inject(WindowDimensionsService);
-  constructor() {
-    capturedWindowDimensionsService = this.service;
-  }
-}
-
-beforeEach(() => {
-  capturedColorSchemeService = undefined;
-  capturedWindowDimensionsService = undefined;
-});
-
-afterEach(() => {
-  unmount(ROOT_TAG);
-  fabric.reset();
-  vi.restoreAllMocks();
-});
-
-describe('Angular DI services over engine modules', () => {
-  it('ColorSchemeService subscribes to Appearance and cleans up on unmount', async () => {
-    type IGenericListener = (...args: unknown[]) => void;
-    const activeListeners = new Set<IGenericListener>();
-    let emitToListeners: (preferences: { colorScheme: 'light' | 'dark' | null }) => void = () => {};
-
-    vi.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
-    vi.spyOn(Appearance, 'addChangeListener').mockImplementation(listener => {
-      activeListeners.add(listener as IGenericListener);
-      emitToListeners = preferences => {
-        for (const l of activeListeners) l(preferences);
-      };
-      return {
-        remove: () => {
-          activeListeners.delete(listener as IGenericListener);
-        },
-      };
-    });
-
-    mount(ROOT_TAG, ColorSchemeConsumer);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const service = capturedColorSchemeService;
-    if (!service) throw new Error('ColorSchemeService was not captured');
-
-    expect(service.colorScheme()).toBe('light');
-    expect(Appearance.addChangeListener).toHaveBeenCalledOnce();
-
-    emitToListeners({ colorScheme: 'dark' });
-    expect(service.colorScheme()).toBe('dark');
-
-    emitToListeners({ colorScheme: 'light' });
-    expect(service.colorScheme()).toBe('light');
-
-    unmount(ROOT_TAG);
-    expect(activeListeners.size).toBe(0);
-
-    // After unmount, the signal must stop reacting to further events.
-    emitToListeners({ colorScheme: 'dark' });
-    expect(service.colorScheme()).toBe('light');
-  });
-
-  it('provides WindowDimensionsService from the Symbiote root injector', async () => {
-    const initialMetrics = { width: 100, height: 200, scale: 1, fontScale: 1 };
-    vi.spyOn(Dimensions, 'get').mockReturnValue(initialMetrics);
-    vi.spyOn(Dimensions, 'addEventListener').mockReturnValue({ remove: vi.fn() });
-
-    mount(ROOT_TAG, RootWindowDimensionsConsumer);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    expect(capturedWindowDimensionsService?.dimensions()).toEqual(initialMetrics);
-  });
-
-  it('WindowDimensionsService subscribes to Dimensions and ignores no-op updates', async () => {
-    const remove = vi.fn();
-    let capturedListener:
-      | ((set: {
-          window: { width: number; height: number; scale: number; fontScale: number };
-          screen: { width: number; height: number; scale: number; fontScale: number };
-        }) => void)
-      | undefined;
-
-    const initialMetrics = { width: 100, height: 200, scale: 1, fontScale: 1 };
-    vi.spyOn(Dimensions, 'get').mockReturnValue(initialMetrics);
-    vi.spyOn(Dimensions, 'addEventListener').mockImplementation((_type, listener) => {
-      capturedListener = set =>
-        listener(set as { window: typeof initialMetrics; screen: typeof initialMetrics });
-      return { remove };
-    });
-
-    mount(ROOT_TAG, WindowDimensionsConsumer);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const service = capturedWindowDimensionsService;
-    if (!service) throw new Error('WindowDimensionsService was not captured');
-
-    const initial = service.dimensions();
-    expect(initial).toEqual(initialMetrics);
-    expect(Dimensions.addEventListener).toHaveBeenCalledOnce();
-
-    // Same metrics: signal identity must be preserved (equality guard).
-    capturedListener?.({
-      window: { width: 100, height: 200, scale: 1, fontScale: 1 },
-      screen: { width: 100, height: 200, scale: 1, fontScale: 1 },
-    });
-    expect(service.dimensions()).toBe(initial);
-
-    // Different metrics: signal updates.
-    capturedListener?.({
-      window: { width: 300, height: 400, scale: 2, fontScale: 2 },
-      screen: { width: 300, height: 400, scale: 2, fontScale: 2 },
-    });
-    expect(service.dimensions()).toEqual({ width: 300, height: 400, scale: 2, fontScale: 2 });
-
-    unmount(ROOT_TAG);
-    expect(remove).toHaveBeenCalledOnce();
-  });
-});