@symbiote-native/angular 0.6.1 → 0.7.0

package/build/angular/modules/animated/animated-leaf-binder/index.js

@@ -1,91 +0,0 @@
-// Pure Fabrication (GRASP): the leaf-lifecycle orchestration shared by every Animated*
-// wrapper, extracted out of AnimatedComponentBase so AnimatedImage — which cannot extend
-// AnimatedComponentBase, since it must extend ImageBase for TS's-native image handling —
-// gets the SAME logic via composition instead of copy-pasting it. Framework-thin on
-// purpose: it knows nothing about Angular (@ViewChild, DI, change detection), only the
-// engine's Animated leaf + commit primitives, so it stays testable without any Angular
-// bootstrap. NOTE: react/vue drive this same dance through their own runtime HOC
-// (createAnimatedComponent) rather than a class, so there is no cross-adapter dedup
-// opportunity here yet — this Pure Fabrication is local to the angular adapter.
-import { AnimatedProps, attachNativeEventHandler, dlog, whenCommitted, } from '@symbiote-native/engine';
-export class AnimatedLeafBinder {
-    resolveNode;
-    label;
-    // The leaf currently wired into the value graph. Null until the first reconcile.
-    attached = null;
-    // The whenCommitted waiter for the current leaf's node binding, cancelled before the next.
-    cancelBind;
-    // Detachers for any Animated.event prop bound natively to the committed node (JS path: none).
-    eventDetachers = [];
-    // `resolveNode` stays a caller-supplied resolver (not a constructor-captured node) so this
-    // class never needs to know HOW the host node is found — AnimatedComponentBase and
-    // AnimatedImage both resolve it the same way (resolveHostNode + isSymbioteNode over their
-    // own @ViewChild), but that's Angular DI state this binder has no business touching.
-    // `label` is purely diagnostic (dlog), mirroring the constructor.name the pre-extraction
-    // dlog call used.
-    constructor(resolveNode, label) {
-        this.resolveNode = resolveNode;
-        this.label = label;
-    }
-    // Build a fresh AnimatedProps leaf from the current props (the React/Vue per-render
-    // useMemo(rest)), wire it into the graph, and swap the previous one out. Attach the NEW leaf
-    // BEFORE detaching the OLD one: a shared Value self-detaches (dropping its native node) the
-    // instant its child count hits zero, so detaching first would kill a running native animation
-    // on any unrelated re-render (mirrors RN's AnimatedComponent._attachProps). Then bind the
-    // committed node, go native if wanted, and rebind native events.
-    reconcile(props, wantsNative) {
-        dlog(`${this.label} reconcile`);
-        const newLeaf = new AnimatedProps(props);
-        newLeaf.__attach();
-        if (this.attached !== null && this.attached !== newLeaf)
-            this.attached.__detach();
-        this.attached = newLeaf;
-        this.bindNode(newLeaf, props, wantsNative);
-    }
-    // Bind the leaf to the host's Fabric node THROUGH whenCommitted: under Angular's zoneless
-    // batched change detection the inner host's tag does not exist yet at ngAfterViewInit time
-    // (the same async-commit gotcha Vue documents), so binding eagerly would no-op. whenCommitted
-    // runs the action now if already committed, else after the commit that assigns the tag.
-    bindNode(leaf, props, wantsNative) {
-        this.cancelBind?.();
-        this.cancelBind = undefined;
-        const node = this.resolveNode();
-        if (node === null)
-            return;
-        this.cancelBind = whenCommitted(node, () => {
-            leaf.setNativeView(node);
-            if (wantsNative)
-                leaf.__makeNative();
-            this.attachEvents(node, props);
-        });
-    }
-    // Native-attach any Animated.event prop (e.g. onScroll={Animated.event(…,{useNativeDriver:true})})
-    // to the committed node. attachNativeEventHandler no-ops (returns undefined) unless the prop is a
-    // native event handler with a committed tag, so the JS path stays the fallback. Rebound each
-    // reconcile so a new inline event re-attaches; detached first to avoid leaking the prior binding.
-    attachEvents(node, props) {
-        this.detachEvents();
-        for (const key of Object.keys(props)) {
-            const attachment = attachNativeEventHandler(node, key, props[key]);
-            if (attachment !== undefined)
-                this.eventDetachers.push(attachment.detach);
-        }
-    }
-    detachEvents() {
-        for (const detach of this.eventDetachers)
-            detach();
-        this.eventDetachers = [];
-    }
-    // Tear down everything: cancel a still-pending bind, drop native event listeners, detach the
-    // current leaf from the value graph. Safe to call even if reconcile() was never called.
-    destroy() {
-        this.cancelBind?.();
-        this.cancelBind = undefined;
-        this.detachEvents();
-        if (this.attached !== null) {
-            this.attached.__detach();
-            this.attached = null;
-        }
-    }
-}
-//# sourceMappingURL=index.js.map

package/build/angular/modules/animated/animated-leaf-binder/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/animated/animated-leaf-binder/index.ts"],"names":[],"mappings":"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"}

package/src/__tests__/responder-change-detection.test.ts

@@ -1,102 +0,0 @@
-// A flat-bag `onX` responder callback is invoked by the engine's event dispatch, entirely
-// outside Angular. In Angular 20 components compile as SignalView (not CheckAlways), so a plain
-// state mutation inside such a callback dirties nothing and the template stays stale — the "pan
-// does nothing" bug, while React/Vue repainted the same demo. SymbioteHostPropsDirective now
-// calls `cdr.markForCheck()` after each such callback (flags the component + ancestors with
-// RefreshView and notifies the scheduler), so the mutation repaints. This is the flat-root case;
-// responder-nested-cd.test.ts covers the App→child nesting the real app has.
-
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric, type IFakeNode } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { ViewHost as View, TextHost as Text, SymbioteHostPropsDirective } from '../primitives';
-
-const ROOT_TAG = 970;
-const TOUCH_START = 'topTouchStart';
-const TOUCH_MOVE = 'topTouchMove';
-const TOUCH_END = 'topTouchEnd';
-
-const fabric = installFabric();
-
-// Fabric is clone-on-write: a prop update yields a NEW node object in the committed tree,
-// never in `created`. Walk the live committed child-set for post-mutation assertions.
-function findCommitted(predicate: (node: IFakeNode) => boolean): IFakeNode | undefined {
-  const stack = [...fabric.committed];
-  while (stack.length > 0) {
-    const node = stack.pop();
-    if (node === undefined) continue;
-    if (predicate(node)) return node;
-    stack.push(...node.children);
-  }
-  return undefined;
-}
-
-function statusText(testID: string): string | undefined {
-  const node = findCommitted(n => n.props.testID === testID);
-  const raw = node?.children[0];
-  return typeof raw?.props.text === 'string' ? raw.props.text : undefined;
-}
-
-// The stable SymbioteNode (event target). Its identity and listener map survive clone-on-
-// write, so firing on the first-created handle reaches the live listeners.
-function handleFor(testID: string): unknown {
-  const node = fabric.find(n => n.props.testID === testID);
-  if (!node) throw new Error(`no node created with testID=${testID}`);
-  return node.instanceHandle;
-}
-
-const flush = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-@Component({
-  selector: 'symbiote-responder-cd-host',
-  standalone: true,
-  imports: [View, Text, SymbioteHostPropsDirective],
-  template: `
-    <View [symbioteHostProps]="handlers"></View>
-    <Text [symbioteHostProps]="statusProps">{{ status }}</Text>
-  `,
-})
-class ResponderCdHost {
-  status = 'idle';
-  statusProps = { testID: 'status' };
-  handlers = {
-    testID: 'chip',
-    onStartShouldSetResponder: () => true,
-    onResponderGrant: () => {
-      this.status = 'granted';
-    },
-    onResponderMove: () => {
-      this.status = 'moving';
-    },
-    onResponderRelease: () => {
-      this.status = 'released';
-    },
-  };
-}
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-describe('Angular responder callback triggers change detection', () => {
-  it('re-renders bound state mutated inside a flat-bag responder callback', async () => {
-    mount(ROOT_TAG, ResponderCdHost);
-    await flush();
-    expect(statusText('status')).toBe('idle');
-
-    const chip = handleFor('chip');
-    fabric.fireEvent(chip, TOUCH_START);
-    await flush();
-    expect(statusText('status')).toBe('granted');
-
-    fabric.fireEvent(chip, TOUCH_MOVE);
-    await flush();
-    expect(statusText('status')).toBe('moving');
-
-    fabric.fireEvent(chip, TOUCH_END);
-    await flush();
-    expect(statusText('status')).toBe('released');
-  });
-});

package/src/__tests__/responder-nested-cd.test.ts

@@ -1,113 +0,0 @@
-// The device-faithful shape: a ROOT component whose template embeds a CHILD component that
-// owns the responder state + the {{status}} binding (App -> ResponderDemo). Angular 20 compiles
-// components as SignalView (not CheckAlways), so a plain (non-signal) state mutation inside a
-// flat-bag responder callback does NOT dirty the child's reactive consumer, and the scheduler's
-// root detectChanges() will NOT descend into it — the child's {{status}} used to stay stale
-// ("pan does nothing"). SymbioteHostPropsDirective now refreshes its own host component's view
-// right after the callback runs, so the nested child repaints.
-
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric, type IFakeNode } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { ViewHost as View, TextHost as Text, SymbioteHostPropsDirective } from '../primitives';
-import { registerComposedComponent } from '../anchor-host-registry';
-
-const ROOT_TAG = 972;
-const TOUCH_START = 'topTouchStart';
-const TOUCH_MOVE = 'topTouchMove';
-const TOUCH_END = 'topTouchEnd';
-
-registerComposedComponent('nested-responder-inner');
-
-const fabric = installFabric();
-
-function findCommitted(predicate: (node: IFakeNode) => boolean): IFakeNode | undefined {
-  const stack = [...fabric.committed];
-  while (stack.length > 0) {
-    const node = stack.pop();
-    if (node === undefined) continue;
-    if (predicate(node)) return node;
-    stack.push(...node.children);
-  }
-  return undefined;
-}
-
-function statusText(testID: string): string | undefined {
-  const node = findCommitted(n => n.props.testID === testID);
-  const raw = node?.children[0];
-  return typeof raw?.props.text === 'string' ? raw.props.text : undefined;
-}
-
-function handleFor(testID: string): unknown {
-  const node = fabric.find(n => n.props.testID === testID);
-  if (!node) throw new Error(`no node created with testID=${testID}`);
-  return node.instanceHandle;
-}
-
-const flush = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-@Component({
-  selector: 'nested-responder-inner',
-  standalone: true,
-  imports: [View, Text, SymbioteHostPropsDirective],
-  template: `
-    <View [symbioteHostProps]="handlers"></View>
-    <Text [symbioteHostProps]="statusProps">{{ status }}</Text>
-  `,
-})
-class NestedResponderInner {
-  status = 'idle';
-  statusProps = { testID: 'nested-status' };
-  handlers = {
-    testID: 'nested-chip',
-    onStartShouldSetResponder: () => true,
-    onResponderGrant: () => {
-      this.status = 'granted';
-    },
-    onResponderMove: () => {
-      this.status = 'moving';
-    },
-    onResponderRelease: () => {
-      this.status = 'released';
-    },
-  };
-}
-
-@Component({
-  selector: 'nested-responder-outer',
-  standalone: true,
-  imports: [View, NestedResponderInner],
-  template: `
-    <View>
-      <nested-responder-inner></nested-responder-inner>
-    </View>
-  `,
-})
-class NestedResponderOuter {}
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-describe('Angular nested-child responder CD', () => {
-  it('re-renders a nested child component`s state mutated in a flat-bag responder callback', async () => {
-    mount(ROOT_TAG, NestedResponderOuter);
-    await flush();
-    expect(statusText('nested-status')).toBe('idle');
-
-    const chip = handleFor('nested-chip');
-    fabric.fireEvent(chip, TOUCH_START);
-    await flush();
-    expect(statusText('nested-status')).toBe('granted');
-
-    fabric.fireEvent(chip, TOUCH_MOVE);
-    await flush();
-    expect(statusText('nested-status')).toBe('moving');
-
-    fabric.fireEvent(chip, TOUCH_END);
-    await flush();
-    expect(statusText('nested-status')).toBe('released');
-  });
-});

package/src/angular-gaps.test.ts

@@ -1,142 +0,0 @@
-/// <reference types="node" />
-
-import { readFileSync } from 'node:fs';
-import { describe, expect, it } from 'vitest';
-
-const readSource = (path: string): string => readFileSync(path, 'utf8');
-
-describe('Angular adapter gap regressions', () => {
-  it('VirtualizedList exposes accessibility and aria inputs and forwards them to ScrollView', () => {
-    const source = readSource('adapters/angular/src/components/virtualized-list/index.ts');
-
-    expect(source).toContain('@Input() accessibilityLabel?: string');
-    expect(source).toContain('@Input() ariaBusy?: boolean');
-    expect(source).toContain('[accessibilityLabel]="foldedAccessibility.accessibilityLabel"');
-    expect(source).toContain('[accessibilityState]="foldedAccessibility.accessibilityState"');
-    expect(source).toContain('[accessibilityRole]="foldedAccessibility.accessibilityRole"');
-  });
-
-  it('Animated namespace exposes AOT-safe built-in entries and documents runtime HOC as a non-goal', () => {
-    const animatedSource = readSource('adapters/angular/src/modules/animated/index.ts');
-    const componentSource = readSource(
-      'adapters/angular/src/modules/animated/create-animated-component.ts',
-    );
-
-    expect(componentSource).toContain('export const AnimatedFlatList');
-    expect(componentSource).toContain('export const AnimatedSectionList');
-    expect(componentSource).toContain('if (base === View) return AnimatedView');
-    expect(componentSource).toContain('if (base === Text) return AnimatedText');
-    expect(componentSource).toContain('if (base === Image) return AnimatedImage');
-    expect(componentSource).toContain('if (base === ScrollView) return AnimatedScrollView');
-    expect(componentSource).toContain('Angular cannot synthesize a component at runtime');
-    expect(componentSource).toContain('no JIT under AOT/Metro');
-    expect(componentSource).toContain(
-      'Author an explicit standalone @Component extending AnimatedComponentBase',
-    );
-    expect(animatedSource).toContain('View: AnimatedView');
-    expect(animatedSource).toContain('Text: AnimatedText');
-    expect(animatedSource).toContain('Image: AnimatedImage');
-    expect(animatedSource).toContain('ScrollView: AnimatedScrollView');
-    expect(animatedSource).toContain('FlatList: AnimatedFlatList');
-    expect(animatedSource).toContain('SectionList: AnimatedSectionList');
-  });
-
-  it('AnimatedImage uses composed Image props and normalized load events', () => {
-    const source = readSource('adapters/angular/src/modules/animated/create-animated-component.ts');
-
-    expect(source).toContain('export class AnimatedImage extends ImageBase');
-    expect(source).toContain('inputs: ANIMATED_IMAGE_INPUTS');
-    expect(source).toContain('outputs: IMAGE_OUTPUTS');
-    expect(source).toContain('const resolved = resolveImageProps(reduced)');
-    expect(source).toContain('(load)="handleLoad($event)"');
-    expect(source).toContain('(error)="handleError($event)"');
-  });
-
-  it('Image prop resolution is shared with AnimatedImage', () => {
-    const imageSource = readSource('adapters/angular/src/components/image/shared.ts');
-
-    expect(imageSource).toContain('export function resolveImageProps');
-    expect(imageSource).toContain('get imageProps(): Record<string, unknown>');
-    expect(imageSource).toContain('return resolveImageProps(this.imageInputProps)');
-  });
-
-  it('Button forwards its full accessibility and TV-focus surface through TouchableOpacity', () => {
-    const buttonSource = readSource('adapters/angular/src/components/button.ts');
-    const touchableSource = readSource('adapters/angular/src/components/touchable/index.ts');
-    const pressableSource = readSource('adapters/angular/src/components/pressable/index.ts');
-
-    for (const binding of [
-      '[accessible]="true"',
-      '[accessibilityLabelledBy]="accessibilityLabelledBy"',
-      '[importantForAccessibility]="importantForAccessibility"',
-      '[accessibilityLiveRegion]="accessibilityLiveRegion"',
-      '[screenReaderFocusable]="screenReaderFocusable"',
-      '[accessibilityViewIsModal]="accessibilityViewIsModal"',
-      '[accessibilityElementsHidden]="accessibilityElementsHidden"',
-      '[accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"',
-      '[accessibilityLanguage]="accessibilityLanguage"',
-      '[accessibilityRespondsToUserInteraction]="accessibilityRespondsToUserInteraction"',
-      '[accessibilityShowsLargeContentViewer]="accessibilityShowsLargeContentViewer"',
-      '[accessibilityLargeContentTitle]="accessibilityLargeContentTitle"',
-      '(accessibilityAction)="accessibilityAction.emit($event)"',
-      '(accessibilityTap)="accessibilityTap.emit($event)"',
-      '(magicTap)="magicTap.emit($event)"',
-      '(accessibilityEscape)="accessibilityEscape.emit($event)"',
-      '[ariaModal]="ariaModal"',
-      '[ariaValueMax]="ariaValueMax"',
-      '[ariaValueMin]="ariaValueMin"',
-      '[ariaValueNow]="ariaValueNow"',
-      '[ariaValueText]="ariaValueText"',
-      '[hasTVPreferredFocus]="hasTVPreferredFocus"',
-      '[nextFocusDown]="nextFocusDown"',
-      '[nextFocusForward]="nextFocusForward"',
-      '[nextFocusLeft]="nextFocusLeft"',
-      '[nextFocusRight]="nextFocusRight"',
-      '[nextFocusUp]="nextFocusUp"',
-    ]) {
-      expect(buttonSource).toContain(binding);
-    }
-
-    for (const binding of [
-      '[accessible]="accessible"',
-      '[accessibilityLabelledBy]="accessibilityLabelledBy"',
-      '[importantForAccessibility]="importantForAccessibility"',
-      '[accessibilityLiveRegion]="accessibilityLiveRegion"',
-      '[screenReaderFocusable]="screenReaderFocusable"',
-      '[accessibilityViewIsModal]="accessibilityViewIsModal"',
-      '[accessibilityElementsHidden]="accessibilityElementsHidden"',
-      '[accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"',
-      '[accessibilityLanguage]="accessibilityLanguage"',
-      '[accessibilityRespondsToUserInteraction]="accessibilityRespondsToUserInteraction"',
-      '[accessibilityShowsLargeContentViewer]="accessibilityShowsLargeContentViewer"',
-      '[accessibilityLargeContentTitle]="accessibilityLargeContentTitle"',
-      '(accessibilityAction)="accessibilityAction.emit($event)"',
-      '(accessibilityTap)="accessibilityTap.emit($event)"',
-      '(magicTap)="magicTap.emit($event)"',
-      '(accessibilityEscape)="accessibilityEscape.emit($event)"',
-      '[ariaModal]="ariaModal"',
-      '[ariaValueMax]="ariaValueMax"',
-      '[ariaValueMin]="ariaValueMin"',
-      '[ariaValueNow]="ariaValueNow"',
-      '[ariaValueText]="ariaValueText"',
-      '[hasTVPreferredFocus]="hasTVPreferredFocus"',
-      '[nextFocusDown]="nextFocusDown"',
-      '[nextFocusForward]="nextFocusForward"',
-      '[nextFocusLeft]="nextFocusLeft"',
-      '[nextFocusRight]="nextFocusRight"',
-      '[nextFocusUp]="nextFocusUp"',
-    ]) {
-      expect(touchableSource).toContain(binding);
-    }
-
-    // Pressable forwards its resolved props through the shared SymbioteHostPropsDirective
-    // (adapters/angular/src/primitives/shared.ts) rather than one `[prop]="x"` binding per
-    // key, so the contract to check is: the binding exists, and the `hostProps` getter it
-    // reads from actually assembles `accessible` / the folded accessibility bag / TV-focus.
-    expect(pressableSource).toContain('[symbioteHostProps]="hostProps"');
-    expect(pressableSource).toContain('accessible: this.accessible');
-    expect(pressableSource).toContain('...this.foldedAccessibility');
-    expect(pressableSource).toContain('hasTVPreferredFocus: this.hasTVPreferredFocus');
-    expect(pressableSource).toContain('(accessibilityAction)="emit(accessibilityAction, $event)"');
-  });
-});

package/src/angular-imports.test.ts

@@ -1,100 +0,0 @@
-// Angular source-import harness regression. Vitest imports adapter source (`src/*.ts`) directly,
-// not the partial-Ivy `ngc` output Metro consumes. The adapter tsconfig must therefore enable
-// TypeScript's legacy decorator lowering so Node never sees raw `@Component` / `@Directive`
-// syntax. Importing `@angular/compiler` enables JIT metadata creation for these source-only tests;
-// production still proves AOT/partial-Ivy through `pnpm --filter @symbiote-native/angular ng:build`.
-
-import '@angular/compiler';
-import { ElementRef, Injector, runInInjectionContext } from '@angular/core';
-import { describe, expect, it } from 'vitest';
-import { Image, ScrollView, Text, View } from './components';
-import { VirtualizedList, VListItemDirective } from './components/virtualized-list';
-import { SymbioteHostPropsDirective } from './primitives';
-import {
-  Animated,
-  AnimatedImage,
-  AnimatedScrollView,
-  AnimatedText,
-  AnimatedView,
-  createAnimatedComponent,
-} from './modules/animated';
-
-interface IAngularCompiledComponent {
-  ɵcmp?: { selectors?: unknown };
-}
-
-interface IAngularCompiledDirective {
-  ɵdir?: { selectors?: unknown };
-}
-
-describe('Angular source imports under Vitest', () => {
-  it('imports decorated adapter components and directives directly from src', () => {
-    expect(VirtualizedList).toBeTypeOf('function');
-    expect(VListItemDirective).toBeTypeOf('function');
-    expect(AnimatedView).toBeTypeOf('function');
-    expect(SymbioteHostPropsDirective).toBeTypeOf('function');
-  });
-
-  it('keeps Angular decorator metadata available to the JIT test runtime', () => {
-    expect((VirtualizedList as IAngularCompiledComponent).ɵcmp?.selectors).toEqual([
-      ['VirtualizedList'],
-    ]);
-    expect((AnimatedView as IAngularCompiledComponent).ɵcmp?.selectors).toEqual([
-      ['AnimatedView'],
-      ['symbiote-animated-view'],
-    ]);
-    expect((VListItemDirective as IAngularCompiledDirective).ɵdir?.selectors).toEqual([
-      ['', 'vListItem', ''],
-    ]);
-    expect((SymbioteHostPropsDirective as IAngularCompiledDirective).ɵdir?.selectors).toEqual([
-      ['', 'symbioteHostProps', ''],
-    ]);
-  });
-
-  it('imports the Animated namespace without losing component identity', () => {
-    expect(Animated.View).toBe(AnimatedView);
-    expect(Animated.Text).toBe(AnimatedText);
-    expect(Animated.Image).toBe(AnimatedImage);
-    expect(Animated.ScrollView).toBe(AnimatedScrollView);
-    expect(Animated.FlatList).toBeTypeOf('function');
-    expect(Animated.SectionList).toBeTypeOf('function');
-  });
-
-  it('keeps createAnimatedComponent limited to pre-authored AOT-safe Angular wrappers', () => {
-    class CustomComponent {}
-
-    expect(createAnimatedComponent(View)).toBe(AnimatedView);
-    expect(createAnimatedComponent(Text)).toBe(AnimatedText);
-    expect(createAnimatedComponent(Image)).toBe(AnimatedImage);
-    expect(createAnimatedComponent(ScrollView)).toBe(AnimatedScrollView);
-    expect(() => createAnimatedComponent(CustomComponent)).toThrow(
-      /Angular cannot synthesize a component at runtime \(no JIT compiler under AOT\/Metro\)/,
-    );
-    expect(() => createAnimatedComponent(CustomComponent)).toThrow(
-      /Author an explicit standalone @Component extending AnimatedComponentBase instead/,
-    );
-  });
-
-  it('resolves AnimatedImage props through the composed Image path', () => {
-    // AnimatedImage is an ANCHOR_HOST_COMPONENT: its field initializer injects its own
-    // ElementRef (anchorHostStyle merge, see create-animated-component.ts), so constructing it
-    // outside Angular's component machinery needs an explicit injection context.
-    const injector = Injector.create({
-      providers: [{ provide: ElementRef, useValue: new ElementRef({}) }],
-    });
-    const image = runInInjectionContext(injector, () => new AnimatedImage());
-    image.src = 'https://example.invalid/image.png';
-    image.width = 32;
-    image.height = 24;
-    image.alt = 'Preview';
-    image.animatedProps = { style: { opacity: 0.5 }, testID: 'animated-image' };
-
-    expect(image.animatedImageProps).toMatchObject({
-      testID: 'animated-image',
-      accessible: true,
-      accessibilityLabel: 'Preview',
-      source: [{ uri: 'https://example.invalid/image.png' }],
-      style: [undefined, [{ width: 32, height: 24 }, { opacity: 0.5 }]],
-    });
-  });
-});

package/src/components/activity-indicator/activity-indicator-class-style.test.ts

@@ -1,44 +0,0 @@
-// Regression test for the anchor/class bug: ActivityIndicator is its own
-// ANCHOR_HOST_COMPONENTS entry AND renders through DescriptorOutlet (`symbiote-descriptor-outlet`,
-// itself also an anchor entry) — a class= on <ActivityIndicator> resolves onto ActivityIndicator's
-// OWN anchor, two levels up from the real committed wrapper View the descriptor builds, and needs
-// its OWN anchorHostStyle merge (see shared.ts's `descriptor` getter). Mirrors pressable.test.ts's
-// "resolves a class=" case.
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { clearGlobalStyles, registerStyles } from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../../render';
-import { ActivityIndicator } from './index';
-
-const ROOT_TAG = 909;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-activity-indicator-class-host',
-  standalone: true,
-  imports: [ActivityIndicator],
-  template: `<ActivityIndicator class="card" />`,
-})
-class ActivityIndicatorClassHost {}
-
-beforeEach(() => {
-  fabric.reset();
-  registerStyles({ card: { backgroundColor: 'red' } });
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('ActivityIndicator anchor class= resolution', () => {
-  it('resolves a class= on the ActivityIndicator use site onto the real committed wrapper View', async () => {
-    mount(ROOT_TAG, ActivityIndicatorClassHost);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.backgroundColor === 'red');
-    expect(node, 'a real Fabric node carries the class-derived style').toBeDefined();
-  });
-});