@symbiote-native/angular 0.6.0 → 0.6.2

package/src/create-portal/create-portal.test.ts

@@ -1,90 +0,0 @@
-// Proves createPortal (create-portal.ts) paints content into an already-mounted destination
-// WITHIN THE SAME SURFACE — mirrors adapters/react/src/create-portal.test.tsx's "same surface,
-// already-mounted target" case (Angular has no cross-surface equivalent of this primitive;
-// createTunnel covers that, see create-tunnel.test.ts).
-
-import '@angular/compiler';
-import { Component, signal } 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, TextHost } from '../primitives';
-import { PortalDirective, PortalOutletDirective } from './index';
-
-const ROOT_TAG = 930;
-
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-const settle = async (): Promise<void> => {
-  await tick();
-  await tick();
-};
-
-let capturedHost: HostApp | undefined;
-
-@Component({
-  selector: 'symbiote-portal-host-app',
-  standalone: true,
-  imports: [ViewHost, TextHost, PortalDirective, PortalOutletDirective],
-  template: `
-    <View>
-      <View portalOutlet #overlayHost="portalOutlet" testID="overlay-host"></View>
-      @if (visible()) {
-        <View *portal="overlayHost"><Text>portaled content</Text></View>
-      }
-    </View>
-  `,
-})
-class HostApp {
-  readonly visible = signal(false);
-
-  constructor() {
-    // Captures the live component instance so the test can drive its signals after mount.
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    capturedHost = this;
-  }
-}
-
-beforeEach(() => {
-  capturedHost = undefined;
-  fabric.reset();
-});
-afterEach(() => unmount(ROOT_TAG));
-
-function walk(nodes: IFakeNode[], visit: (node: IFakeNode) => void): void {
-  for (const node of nodes) {
-    visit(node);
-    walk(node.children, visit);
-  }
-}
-
-function findText(text: string): IFakeNode | undefined {
-  let found: IFakeNode | undefined;
-  walk(fabric.committed, node => {
-    if (node.viewName === 'RCTRawText' && node.props.text === text) found = node;
-  });
-  return found;
-}
-
-describe('createPortal (Angular) — same-surface delivery', () => {
-  it('renders nothing until the portal is toggled on', async () => {
-    mount(ROOT_TAG, HostApp);
-    await settle();
-    expect(findText('portaled content')).toBeUndefined();
-  });
-
-  it('paints content into the outlet once toggled on, and removes it once toggled off', async () => {
-    mount(ROOT_TAG, HostApp);
-    await settle();
-
-    if (!capturedHost) throw new Error('host was not captured');
-    capturedHost.visible.set(true);
-    await settle();
-    expect(findText('portaled content'), 'painted once the portal renders').toBeDefined();
-
-    capturedHost.visible.set(false);
-    await settle();
-    expect(findText('portaled content'), 'gone once the portal unmounts').toBeUndefined();
-  });
-});

package/src/create-tunnel/create-tunnel.test.ts

@@ -1,120 +0,0 @@
-// Proves createTunnel (create-tunnel.ts) actually delivers across two GENUINELY separate,
-// independently-mounted SymbioteSurfaces — the same proof React's/Vue's create-tunnel tests
-// give, via two real `mount()` calls on different rootTags. Mirrors
-// adapters/react/src/create-tunnel.test.tsx and adapters/vue/src/create-tunnel.test.ts.
-
-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, TextHost } from '../primitives';
-import { createTunnel, TunnelInDirective, TunnelOut } from './index';
-
-const SOURCE_TAG = 920;
-const TARGET_TAG = 921;
-
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-const settle = async (): Promise<void> => {
-  await tick();
-  await tick();
-};
-
-beforeEach(() => fabric.reset());
-afterEach(() => {
-  unmount(SOURCE_TAG);
-  unmount(TARGET_TAG);
-});
-
-function walk(nodes: IFakeNode[], visit: (node: IFakeNode) => void): void {
-  for (const node of nodes) {
-    visit(node);
-    walk(node.children, visit);
-  }
-}
-
-function findText(text: string): IFakeNode | undefined {
-  let found: IFakeNode | undefined;
-  walk(fabric.committed, node => {
-    if (node.viewName === 'RCTRawText' && node.props.text === text) found = node;
-  });
-  return found;
-}
-
-describe('createTunnel (Angular) — genuine cross-surface delivery', () => {
-  it('paints content registered by surface A on surface B, a DIFFERENT mounted surface', async () => {
-    const tunnel = createTunnel();
-
-    @Component({
-      selector: 'symbiote-tunnel-source-app',
-      standalone: true,
-      imports: [TextHost, TunnelInDirective],
-      template: '<Text *tunnelIn="tunnel">ported across surfaces</Text>',
-    })
-    class SourceApp {
-      readonly tunnel = tunnel;
-    }
-
-    @Component({
-      selector: 'symbiote-tunnel-target-app',
-      standalone: true,
-      imports: [ViewHost, TunnelOut],
-      template: '<View><tunnel-out [tunnel]="tunnel" /></View>',
-    })
-    class TargetApp {
-      readonly tunnel = tunnel;
-    }
-
-    // Surface A registers, fully independently, before surface B ever mounts.
-    mount(SOURCE_TAG, SourceApp);
-    // Surface B mounts SEPARATELY (its own rootTag, its own SymbioteSurface) and reads the
-    // tunnel via its own TunnelOut — no ref, no rootTag lookup, no shared Fabric node at all.
-    mount(TARGET_TAG, TargetApp);
-    await settle();
-
-    // fake-fabric's `committed` is last-write-wins across rootTags (core/test-utils
-    // limitation, not the engine's), so after mounting B second it reflects B's own tree.
-    expect(
-      findText('ported across surfaces'),
-      'content is present in the LAST-committed tree (surface B)',
-    ).toBeDefined();
-  });
-
-  it('removes the content from the target once the source unmounts', async () => {
-    const tunnel = createTunnel();
-
-    @Component({
-      selector: 'symbiote-tunnel-source-app-2',
-      standalone: true,
-      imports: [TextHost, TunnelInDirective],
-      template: '<Text *tunnelIn="tunnel">still here</Text>',
-    })
-    class SourceApp {
-      readonly tunnel = tunnel;
-    }
-
-    @Component({
-      selector: 'symbiote-tunnel-target-app-2',
-      standalone: true,
-      imports: [ViewHost, TunnelOut],
-      template: '<View><tunnel-out [tunnel]="tunnel" /></View>',
-    })
-    class TargetApp {
-      readonly tunnel = tunnel;
-    }
-
-    mount(SOURCE_TAG, SourceApp);
-    mount(TARGET_TAG, TargetApp);
-    await settle();
-    expect(findText('still here'), 'present while the source is mounted').toBeDefined();
-
-    // Tearing down surface A destroys TunnelInDirective, whose ngOnDestroy unregisters from
-    // the shared store; surface B's TunnelOut effect reacts on its own next tick and destroys
-    // its view.
-    unmount(SOURCE_TAG);
-    await settle();
-    expect(findText('still here'), 'gone from surface B after the source unmounts').toBeUndefined();
-  });
-});

package/src/descriptor-to-angular/descriptor-outlet.test.ts

@@ -1,94 +0,0 @@
-import '@angular/compiler';
-import { Component, signal } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { el, txt, type IDescriptor } from '@symbiote-native/components';
-import { installFabric } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { DescriptorOutlet } from './index.ts';
-
-const ROOT_TAG = 904;
-const fabric = installFabric();
-
-let capturedHost: DescriptorOutletHost | undefined;
-
-async function flushAngular(): Promise<void> {
-  await Promise.resolve();
-  await new Promise<void>(resolve => setTimeout(resolve, 0));
-}
-
-function currentOutletChild() {
-  const child = fabric.appRoot().children[0];
-  if (!child) throw new Error('descriptor outlet rendered no root child');
-  return child;
-}
-
-@Component({
-  selector: 'symbiote-descriptor-outlet-host',
-  standalone: true,
-  imports: [DescriptorOutlet],
-  template: '<symbiote-descriptor-outlet [node]="node()" />',
-})
-class DescriptorOutletHost {
-  readonly node = signal<IDescriptor>(
-    el('symbiote-view', { testID: 'root', style: { width: 10 } }, [txt({}, ['hello'])]),
-  );
-
-  constructor() {
-    // Captures the live component instance so the test can drive its signals after mount.
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    capturedHost = this;
-  }
-}
-
-beforeEach(() => {
-  capturedHost = undefined;
-  fabric.reset();
-});
-afterEach(() => unmount(ROOT_TAG));
-
-describe('DescriptorOutlet', () => {
-  it('renders a Descriptor tree through Renderer2', async () => {
-    mount(ROOT_TAG, DescriptorOutletHost);
-    await flushAngular();
-
-    expect(fabric.serialize(fabric.appRoot().children)).toBe(
-      'RCTView(RCTText(RCTRawText "hello"))',
-    );
-    const root = currentOutletChild();
-    expect(root.props.testID).toBe('root');
-    expect(root.props.width).toBe(10);
-  });
-
-  it('does not recommit a structurally identical descriptor through anchor flattening', async () => {
-    mount(ROOT_TAG, DescriptorOutletHost);
-    await flushAngular();
-
-    const completeRootBefore = fabric.counts.completeRoot;
-
-    capturedHost?.node.set(
-      el('symbiote-view', { testID: 'root', style: { width: 10 } }, [txt({}, ['hello'])]),
-    );
-    await flushAngular();
-
-    expect(fabric.counts.completeRoot).toBe(completeRootBefore);
-  });
-
-  it('patches same type/key descriptors without recreating the Fabric node', async () => {
-    mount(ROOT_TAG, DescriptorOutletHost);
-    await flushAngular();
-
-    const before = currentOutletChild();
-    const createdBefore = fabric.counts.createNode;
-
-    capturedHost?.node.set(
-      el('symbiote-view', { testID: 'root', style: { width: 20 } }, [txt({}, ['hello'])]),
-    );
-    await flushAngular();
-
-    const after = currentOutletChild();
-    expect(fabric.counts.createNode).toBe(createdBefore);
-    expect(after.instanceHandle).toBe(before.instanceHandle);
-    expect(after.props.width).toBe(20);
-  });
-});

package/src/host-instance/host-instance.test.ts

@@ -1,49 +0,0 @@
-// Co-located test for findNodeHandle, the Angular twin of adapters/vue/src/host-instance/host-instance.test.ts.
-// Proves the Angular adapter can resolve a raw engine node, an engine public instance, a bare
-// reactTag, and null/undefined to a native tag using the engine's getNativeTag.
-
-import { describe, expect, it } from 'vitest';
-import { createElement, createSurface, getNativeTag } from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-import { findNodeHandle } from './index';
-
-installFabric();
-const ROOT_TAG = 708;
-
-describe('Angular findNodeHandle on the engine', () => {
-  it('returns the committed tag for a raw engine node', async () => {
-    const surface = createSurface(ROOT_TAG);
-    const node = createElement('RCTView');
-    surface.appendChild(node);
-    surface.commit();
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const tag = getNativeTag(node);
-    expect(tag).toBeGreaterThan(0);
-    expect(findNodeHandle(node)).toBe(tag);
-  });
-
-  it('returns the committed tag for a public instance (toPublicInstance graft)', async () => {
-    const surface = createSurface(ROOT_TAG + 1);
-    const node = createElement('RCTView');
-    surface.appendChild(node);
-    surface.commit();
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const tag = getNativeTag(node);
-    // The public instance is the same identity as the engine node; findNodeHandle accepts it.
-    const publicInstance = node;
-    expect(findNodeHandle(publicInstance)).toBe(tag);
-  });
-
-  it('passes a bare number through idempotently', () => {
-    expect(findNodeHandle(42)).toBe(42);
-  });
-
-  it('returns null for null, undefined, and unknown inputs', () => {
-    expect(findNodeHandle(null)).toBeNull();
-    expect(findNodeHandle(undefined)).toBeNull();
-    expect(findNodeHandle('not-a-node' as any)).toBeNull();
-    expect(findNodeHandle({} as any)).toBeNull();
-  });
-});

package/src/modules/animated/animated-leaf-binder/animated-leaf-binder.test.ts

@@ -1,116 +0,0 @@
-// Unit tests for AnimatedLeafBinder in isolation — no Angular involved. Both
-// AnimatedComponentBase and AnimatedImage delegate their leaf-lifecycle (build a leaf,
-// bind it to the committed Fabric node, swap leaves on re-render, tear down) to this Pure
-// Fabrication; these tests exercise the binder directly against a real engine node
-// (SymbioteSurface + the fake Fabric backend), so a break here isolates to the shared
-// orchestration rather than either owning component.
-import { beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import {
-  AnimatedValue,
-  createElement,
-  createSurface,
-  type ISymbioteNode,
-} from '@symbiote-native/engine';
-import { AnimatedLeafBinder } from './index';
-
-const fabric = installFabric();
-let nextRootTag = 9001;
-
-beforeEach(() => fabric.reset());
-
-// A node that has already gone through a commit — whenCommitted fires synchronously.
-function committedNode(): ISymbioteNode {
-  const surface = createSurface(nextRootTag++);
-  const node = createElement('RCTView');
-  surface.appendChild(node);
-  surface.commit();
-  return node;
-}
-
-// A node that is attached to a surface but has NOT been committed yet — whenCommitted
-// must defer until the caller commits the surface.
-function uncommittedNode(): { node: ISymbioteNode; commit: () => void } {
-  const surface = createSurface(nextRootTag++);
-  const node = createElement('RCTView');
-  surface.appendChild(node);
-  return { node, commit: () => surface.commit() };
-}
-
-// `appRoot()` unwraps RN's synthetic box-none AppContainer, which is ALSO an RCTView, so a
-// plain `fabric.find(viewName === 'RCTView')` would match it instead of the node under test.
-// Each test appends exactly one child, so the container's first (only) child is the real node.
-function fakeView(): ReturnType<typeof fabric.find> {
-  return fabric.appRoot().children[0];
-}
-
-describe('AnimatedLeafBinder', () => {
-  it('creates and attaches an AnimatedProps leaf, wiring value changes onto the host node', () => {
-    const node = committedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    // The leaf itself never pushes the INITIAL value — that first paint comes from the
-    // owning component's own reduceProps template binding (out of scope here). The leaf
-    // only drives value CHANGES after it is bound.
-    binder.reconcile({ style: { opacity } }, false);
-
-    opacity.setValue(0.4);
-    expect(fakeView()?.props.opacity).toBe(0.4);
-  });
-
-  it('binds to the host node via whenCommitted, deferring until the node is actually committed', () => {
-    const { node, commit } = uncommittedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    binder.reconcile({ style: { opacity } }, false);
-    // Not committed yet: the value graph exists, but no Fabric node to flush onto.
-    opacity.setValue(0.5);
-    expect(fabric.created).toHaveLength(0);
-
-    commit();
-    // whenCommitted's post-commit retry binds the leaf now; a subsequent change flushes.
-    opacity.setValue(0.7);
-    expect(fakeView()?.props.opacity).toBe(0.7);
-  });
-
-  it('attaches the new leaf before detaching the old one on a second reconcile', () => {
-    const node = committedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const shared = new AnimatedValue(1);
-    const order: string[] = [];
-    const originalAddChild = shared.__addChild.bind(shared);
-    const originalRemoveChild = shared.__removeChild.bind(shared);
-    shared.__addChild = child => {
-      order.push('add');
-      originalAddChild(child);
-    };
-    shared.__removeChild = child => {
-      order.push('remove');
-      originalRemoveChild(child);
-    };
-
-    binder.reconcile({ style: { opacity: shared } }, false);
-    order.length = 0; // only care about the SECOND reconcile's swap order
-
-    binder.reconcile({ style: { opacity: shared } }, false);
-
-    expect(order).toEqual(['add', 'remove']);
-  });
-
-  it('detaches the leaf and cancels any pending bind on destroy', () => {
-    const { node, commit } = uncommittedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    binder.reconcile({ style: { opacity } }, false);
-    binder.destroy();
-    commit();
-
-    // The pending whenCommitted bind was cancelled by destroy, so committing afterward
-    // must not retroactively bind the (already-detached) leaf.
-    opacity.setValue(0.9);
-    expect(fakeView()?.props.opacity).toBeUndefined();
-  });
-});

package/src/modules/animated/animated-leaf-binder.test.ts

@@ -1,116 +0,0 @@
-// Unit tests for AnimatedLeafBinder in isolation — no Angular involved. Both
-// AnimatedComponentBase and AnimatedImage delegate their leaf-lifecycle (build a leaf,
-// bind it to the committed Fabric node, swap leaves on re-render, tear down) to this Pure
-// Fabrication; these tests exercise the binder directly against a real engine node
-// (SymbioteSurface + the fake Fabric backend), so a break here isolates to the shared
-// orchestration rather than either owning component.
-import { beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import {
-  AnimatedValue,
-  createElement,
-  createSurface,
-  type ISymbioteNode,
-} from '@symbiote-native/engine';
-import { AnimatedLeafBinder } from './animated-leaf-binder';
-
-const fabric = installFabric();
-let nextRootTag = 9001;
-
-beforeEach(() => fabric.reset());
-
-// A node that has already gone through a commit — whenCommitted fires synchronously.
-function committedNode(): ISymbioteNode {
-  const surface = createSurface(nextRootTag++);
-  const node = createElement('RCTView');
-  surface.appendChild(node);
-  surface.commit();
-  return node;
-}
-
-// A node that is attached to a surface but has NOT been committed yet — whenCommitted
-// must defer until the caller commits the surface.
-function uncommittedNode(): { node: ISymbioteNode; commit: () => void } {
-  const surface = createSurface(nextRootTag++);
-  const node = createElement('RCTView');
-  surface.appendChild(node);
-  return { node, commit: () => surface.commit() };
-}
-
-// `appRoot()` unwraps RN's synthetic box-none AppContainer, which is ALSO an RCTView, so a
-// plain `fabric.find(viewName === 'RCTView')` would match it instead of the node under test.
-// Each test appends exactly one child, so the container's first (only) child is the real node.
-function fakeView(): ReturnType<typeof fabric.find> {
-  return fabric.appRoot().children[0];
-}
-
-describe('AnimatedLeafBinder', () => {
-  it('creates and attaches an AnimatedProps leaf, wiring value changes onto the host node', () => {
-    const node = committedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    // The leaf itself never pushes the INITIAL value — that first paint comes from the
-    // owning component's own reduceProps template binding (out of scope here). The leaf
-    // only drives value CHANGES after it is bound.
-    binder.reconcile({ style: { opacity } }, false);
-
-    opacity.setValue(0.4);
-    expect(fakeView()?.props.opacity).toBe(0.4);
-  });
-
-  it('binds to the host node via whenCommitted, deferring until the node is actually committed', () => {
-    const { node, commit } = uncommittedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    binder.reconcile({ style: { opacity } }, false);
-    // Not committed yet: the value graph exists, but no Fabric node to flush onto.
-    opacity.setValue(0.5);
-    expect(fabric.created).toHaveLength(0);
-
-    commit();
-    // whenCommitted's post-commit retry binds the leaf now; a subsequent change flushes.
-    opacity.setValue(0.7);
-    expect(fakeView()?.props.opacity).toBe(0.7);
-  });
-
-  it('attaches the new leaf before detaching the old one on a second reconcile', () => {
-    const node = committedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const shared = new AnimatedValue(1);
-    const order: string[] = [];
-    const originalAddChild = shared.__addChild.bind(shared);
-    const originalRemoveChild = shared.__removeChild.bind(shared);
-    shared.__addChild = child => {
-      order.push('add');
-      originalAddChild(child);
-    };
-    shared.__removeChild = child => {
-      order.push('remove');
-      originalRemoveChild(child);
-    };
-
-    binder.reconcile({ style: { opacity: shared } }, false);
-    order.length = 0; // only care about the SECOND reconcile's swap order
-
-    binder.reconcile({ style: { opacity: shared } }, false);
-
-    expect(order).toEqual(['add', 'remove']);
-  });
-
-  it('detaches the leaf and cancels any pending bind on destroy', () => {
-    const { node, commit } = uncommittedNode();
-    const binder = new AnimatedLeafBinder(() => node, 'test');
-    const opacity = new AnimatedValue(1);
-
-    binder.reconcile({ style: { opacity } }, false);
-    binder.destroy();
-    commit();
-
-    // The pending whenCommitted bind was cancelled by destroy, so committing afterward
-    // must not retroactively bind the (already-detached) leaf.
-    opacity.setValue(0.9);
-    expect(fakeView()?.props.opacity).toBeUndefined();
-  });
-});

package/src/modules/animated/animated-scroll-view.test.ts

@@ -1,102 +0,0 @@
-// Regression tests for two Android-only bugs AnimatedScrollView's bespoke template hit because
-// it talks to the raw symbiote-scroll-view primitive directly instead of reusing the real
-// ScrollView component (which already has both fixes — see scroll-view/shared.ts):
-//
-// 1. It projected <ng-content> straight into symbiote-scroll-view with no content wrapper. On
-//    Android, symbiote-scroll-content resolves to a plain RCTView, which Fabric view-flattens
-//    away unless collapsable:false pins it — so multiple projected children were hoisted up as
-//    direct children of the scroll view, which natively hosts exactly one ("ScrollView can
-//    host only one direct child" -> addViewAt crash).
-// 2. It never defaulted nestedScrollEnabled. RN defaults nested scrolling ON (ScrollView.js
-//    `nestedScrollEnabled ?? true`), but Android needs it explicit or a ScrollView nested
-//    inside another scrollable container (this canary's own nested demo) never receives touch
-//    — it renders fine but is static, the outer ScrollView swallows the gesture.
-//
-// The fake Fabric harness doesn't simulate Android's real view-flattening or touch dispatch, so
-// these tests only prove the structural/prop invariants that prevent both bugs, not the
-// on-device symptoms themselves — those still need a real Android host.
-import '@angular/compiler';
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import { mount, unmount } from '../../render';
-import { AnimatedScrollView } from './create-animated-component';
-
-const ROOT_TAG = 927;
-const OVERRIDE_ROOT_TAG = 928;
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-class AnimatedScrollViewApp {}
-Component({
-  selector: 'animated-scroll-view-test',
-  standalone: true,
-  imports: [AnimatedScrollView],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <AnimatedScrollView>
-      <symbiote-view testID="a"></symbiote-view>
-      <symbiote-view testID="b"></symbiote-view>
-    </AnimatedScrollView>
-  `,
-})(AnimatedScrollViewApp);
-
-class AnimatedScrollViewOverrideApp {}
-Component({
-  selector: 'animated-scroll-view-override-test',
-  standalone: true,
-  imports: [AnimatedScrollView],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <AnimatedScrollView [animatedProps]="{ nestedScrollEnabled: false }">
-      <symbiote-view testID="a"></symbiote-view>
-    </AnimatedScrollView>
-  `,
-})(AnimatedScrollViewOverrideApp);
-
-beforeEach(() => fabric.reset());
-afterEach(() => {
-  unmount(ROOT_TAG);
-  unmount(OVERRIDE_ROOT_TAG);
-});
-
-describe('AnimatedScrollView', () => {
-  it('wraps multiple projected children in a single non-collapsable content view', async () => {
-    mount(ROOT_TAG, AnimatedScrollViewApp);
-    await tick();
-
-    const scrollView = fabric.find(node => node.viewName === 'RCTScrollView');
-    expect(scrollView?.children).toHaveLength(1);
-    expect(scrollView?.props.nestedScrollEnabled).toBe(true);
-
-    const content = scrollView?.children[0];
-    expect(content?.viewName).toBe('RCTScrollContentView');
-    expect(content?.props.collapsable).toBe(false);
-    expect(content?.children.map(child => child.props.testID)).toEqual(['a', 'b']);
-  });
-
-  // Regression test for a THIRD bug in this same bespoke-template class, this one iOS-only (the
-  // inverse of the two Android bugs above): AnimatedScrollView never applied
-  // selectScrollIntrinsics' scrollViewBaseStyle (overflow: 'scroll') to its host node, unlike the
-  // real ScrollView component. On iOS Fabric a scroll view only clips its content to its own
-  // frame when `overflow: 'scroll'` is set; without it, content taller than the frame bleeds out
-  // over sibling views instead of scrolling clipped (Android's native ViewGroup clips regardless
-  // of the style prop, which is why this was invisible there). See
-  // core/components/src/view/render-scroll-view.ts's SCROLL_VIEW_BASE_VERTICAL comment.
-  it('applies the scroll-view base style (overflow: scroll) so content clips to the frame', async () => {
-    mount(ROOT_TAG, AnimatedScrollViewApp);
-    await tick();
-
-    const scrollView = fabric.find(node => node.viewName === 'RCTScrollView');
-    expect(scrollView?.props.overflow).toBe('scroll');
-    expect(scrollView?.props.flexDirection).toBe('column');
-  });
-
-  it('lets an explicit nestedScrollEnabled in animatedProps override the default', async () => {
-    mount(OVERRIDE_ROOT_TAG, AnimatedScrollViewOverrideApp);
-    await tick();
-
-    const scrollView = fabric.find(node => node.viewName === 'RCTScrollView');
-    expect(scrollView?.props.nestedScrollEnabled).toBe(false);
-  });
-});