@symbiote-native/angular 0.6.1 → 0.7.0

package/src/components/image/image-class-style.test.ts

@@ -1,46 +0,0 @@
-// Regression test for the anchor/class bug: Image is its own
-// ANCHOR_HOST_COMPONENTS entry — a class= on <Image> resolves onto Image's OWN anchor and needs
-// its OWN anchorHostStyle merge (see index.ios.ts/index.android.ts's imageProps override), not
-// transitively fixed by anything else. 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 { Image } from './index';
-
-const ROOT_TAG = 915;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-image-class-host',
-  standalone: true,
-  imports: [Image],
-  template: `<Image
-    [testID]="'photo'"
-    class="card"
-    [source]="{ uri: 'https://example.com/a.png' }"
-  />`,
-})
-class ImageClassHost {}
-
-beforeEach(() => {
-  fabric.reset();
-  registerStyles({ card: { backgroundColor: 'red' } });
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('Image anchor class= resolution', () => {
-  it('resolves a class= on the Image use site onto the real committed view, not the anchor', async () => {
-    mount(ROOT_TAG, ImageClassHost);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'photo');
-    expect(node?.props.backgroundColor).toBe('red');
-  });
-});

package/src/components/image-background-class-style.test.ts

@@ -1,48 +0,0 @@
-// Regression test for the anchor/class bug: ImageBackground is its own
-// ANCHOR_HOST_COMPONENTS entry, separate from the Image it composes internally — a class= on
-// <ImageBackground> resolves onto ImageBackground's OWN anchor and needs its OWN anchorHostStyle
-// merge onto its wrapper View (see image-background.ts's wrapperStyle getter), NOT onto its
-// `imageStyle` (a separate, deliberately untouched prop — see the file's header comment).
-// 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 { ImageBackground } from './image-background';
-
-const ROOT_TAG = 916;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-image-background-class-host',
-  standalone: true,
-  imports: [ImageBackground],
-  template: `
-    <ImageBackground class="card" [source]="{ uri: 'https://example.com/a.png' }">
-      <symbiote-text>on top</symbiote-text>
-    </ImageBackground>
-  `,
-})
-class ImageBackgroundClassHost {}
-
-beforeEach(() => {
-  fabric.reset();
-  registerStyles({ card: { backgroundColor: 'red' } });
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('ImageBackground anchor class= resolution', () => {
-  it('resolves a class= on the ImageBackground use site onto the real committed wrapper View', async () => {
-    mount(ROOT_TAG, ImageBackgroundClassHost);
-    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();
-  });
-});

package/src/components/image-background-style-class.test.ts

@@ -1,79 +0,0 @@
-// Regression guard: imageStyle previously accepted ONLY a JS style object/array. It now also
-// resolves a class-name string through the shared style registry, same as the `class` prop fix on
-// the WRAPPER view (see image-background-class-style.test.ts) — and must land on the INNER image,
-// never the wrapper, exactly like that prior fix. Mirrors the Vue twin
-// (image-background-style-class.test.ts).
-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, type IFakeNode } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../render';
-import { ImageBackground } from './image-background';
-
-const ROOT_TAG = 917;
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-function committedImage(): IFakeNode {
-  const node = fabric.find(n => n.viewName === 'RCTImageView');
-  expect(node, 'the inner image was committed').toBeDefined();
-  if (node === undefined) throw new Error('unreachable: image missing');
-  return node;
-}
-
-function committedWrapper(): IFakeNode {
-  const node = fabric.find(n => n.viewName === 'RCTView');
-  expect(node, 'the wrapper view was committed').toBeDefined();
-  if (node === undefined) throw new Error('unreachable: wrapper missing');
-  return node;
-}
-
-@Component({
-  selector: 'symbiote-image-background-style-class-host',
-  standalone: true,
-  imports: [ImageBackground],
-  template: `<ImageBackground
-    [source]="{ uri: 'https://example.com/a.png' }"
-    [imageStyle]="'tinted'"
-  />`,
-})
-class ImageBackgroundStyleClassHost {}
-
-@Component({
-  selector: 'symbiote-image-background-style-object-host',
-  standalone: true,
-  imports: [ImageBackground],
-  template: `<ImageBackground
-    [source]="{ uri: 'https://example.com/a.png' }"
-    [imageStyle]="{ opacity: 0.25 }"
-  />`,
-})
-class ImageBackgroundStyleObjectHost {}
-
-beforeEach(() => {
-  fabric.reset();
-  registerStyles({ tinted: { opacity: 0.5 } });
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('ImageBackground imageStyle class-name support', () => {
-  it('resolves a class-name string onto the inner image, not the wrapper', async () => {
-    mount(ROOT_TAG, ImageBackgroundStyleClassHost);
-    await tick();
-
-    expect(committedImage().props.opacity).toBe(0.5);
-    expect(committedWrapper().props.opacity).toBeUndefined();
-  });
-
-  it('still accepts an ordinary style object unchanged', async () => {
-    mount(ROOT_TAG, ImageBackgroundStyleObjectHost);
-    await tick();
-
-    expect(committedImage().props.opacity).toBe(0.25);
-  });
-});

package/src/components/input-accessory-view/input-accessory-view.test.ts

@@ -1,43 +0,0 @@
-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 { InputAccessoryView } from './index';
-
-const ROOT_TAG = 913;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-iav-host',
-  standalone: true,
-  imports: [InputAccessoryView],
-  template: `
-    <InputAccessoryView [testID]="'iav'" class="toolbar">
-      <symbiote-text>Hello</symbiote-text>
-    </InputAccessoryView>
-  `,
-})
-class InputAccessoryViewHostFixture {}
-
-beforeEach(() => {
-  fabric.reset();
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('InputAccessoryView', () => {
-  it('resolves a class= on the InputAccessoryView use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ toolbar: { backgroundColor: 'orange' } });
-
-    mount(ROOT_TAG, InputAccessoryViewHostFixture);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'iav');
-    expect(node?.props.backgroundColor).toBe('orange');
-  });
-});

package/src/components/keyboard-avoiding-view/keyboard-avoiding-view.test.ts

@@ -1,54 +0,0 @@
-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 { KeyboardAvoidingView } from './index';
-
-const ROOT_TAG = 911;
-const fabric = installFabric();
-
-// KeyboardAvoidingView's ngOnInit subscribes to the Keyboard module, which installs the
-// bridgeless device-event hub on first use — needs a fake RN$registerCallableModule so
-// installDeviceEventHub() doesn't throw (core/engine/src/native-events.ts). No native event is
-// actually emitted in this test, only the subscribe/unsubscribe lifecycle runs.
-Object.assign(globalThis, {
-  RN$registerCallableModule: (
-    _name: string,
-    _factory: () => { emit: (eventType: string, ...args: unknown[]) => void },
-  ): void => {},
-});
-
-@Component({
-  selector: 'symbiote-kav-host',
-  standalone: true,
-  imports: [KeyboardAvoidingView],
-  template: `
-    <KeyboardAvoidingView [testID]="'kav'" class="panel">
-      <symbiote-text>Hello</symbiote-text>
-    </KeyboardAvoidingView>
-  `,
-})
-class KeyboardAvoidingViewHostFixture {}
-
-beforeEach(() => {
-  fabric.reset();
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('KeyboardAvoidingView', () => {
-  it('resolves a class= on the KeyboardAvoidingView use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ panel: { backgroundColor: 'teal' } });
-
-    mount(ROOT_TAG, KeyboardAvoidingViewHostFixture);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'kav');
-    expect(node?.props.backgroundColor).toBe('teal');
-  });
-});

package/src/components/modal/modal.test.ts

@@ -1,43 +0,0 @@
-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 { Modal } from './index';
-
-const ROOT_TAG = 912;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-modal-host',
-  standalone: true,
-  imports: [Modal],
-  template: `
-    <Modal [visible]="true" [testID]="'modal'" class="sheet">
-      <symbiote-text>Hello</symbiote-text>
-    </Modal>
-  `,
-})
-class ModalHostFixture {}
-
-beforeEach(() => {
-  fabric.reset();
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('Modal', () => {
-  it('resolves a class= on the Modal use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ sheet: { backgroundColor: 'purple' } });
-
-    mount(ROOT_TAG, ModalHostFixture);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'modal');
-    expect(node?.props.backgroundColor).toBe('purple');
-  });
-});

package/src/components/pressable/pressable.test.ts

@@ -1,85 +0,0 @@
-import '@angular/compiler';
-import { Component } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { clearGlobalStyles, registerStyles } from '@symbiote-native/engine';
-import { installFabric } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../../render';
-import { Pressable } from './index';
-
-const ROOT_TAG = 903;
-const fabric = installFabric();
-
-let capturedHost: PressableHost | undefined;
-
-@Component({
-  selector: 'symbiote-pressable-host',
-  standalone: true,
-  imports: [Pressable],
-  template: `
-    <Pressable
-      [testID]="'pressable'"
-      class="card"
-      (press)="onPress($event)"
-      (pressIn)="onPressIn($event)"
-      (pressOut)="onPressOut($event)"
-    >
-      <symbiote-text>Press me</symbiote-text>
-    </Pressable>
-  `,
-})
-class PressableHost {
-  onPress = vi.fn();
-  onPressIn = vi.fn();
-  onPressOut = vi.fn();
-
-  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);
-  clearGlobalStyles();
-});
-
-describe('Pressable', () => {
-  it('synthesizes a press from a touch sequence and fires the lifecycle handlers', async () => {
-    mount(ROOT_TAG, PressableHost);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'pressable');
-    expect(node, 'Pressable view committed').toBeDefined();
-
-    const now = Date.now();
-    const touch = { identifier: 1, pageX: 10, pageY: 10, timestamp: now };
-    const nativeEvent = { touches: [touch], changedTouches: [touch] };
-
-    fabric.fireEvent(node?.instanceHandle, 'topTouchStart', nativeEvent);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    expect(capturedHost?.onPressIn).toHaveBeenCalledOnce();
-
-    fabric.fireEvent(node?.instanceHandle, 'topTouchEnd', nativeEvent);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    expect(capturedHost?.onPress).toHaveBeenCalledOnce();
-    expect(capturedHost?.onPressOut).toHaveBeenCalledOnce();
-  });
-
-  it('resolves a class= on the Pressable use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ card: { backgroundColor: 'red' } });
-
-    mount(ROOT_TAG, PressableHost);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'pressable');
-    expect(node?.props.backgroundColor).toBe('red');
-  });
-});

package/src/components/refresh-control/refresh-control.test.ts

@@ -1,41 +0,0 @@
-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 { RefreshControl } from './index';
-
-const ROOT_TAG = 914;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-refresh-control-host',
-  standalone: true,
-  imports: [RefreshControl],
-  template: `
-    <RefreshControl [refreshing]="false" [testID]="'refresh'" class="spinner"></RefreshControl>
-  `,
-})
-class RefreshControlHostFixture {}
-
-beforeEach(() => {
-  fabric.reset();
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('RefreshControl', () => {
-  it('resolves a class= on the RefreshControl use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ spinner: { backgroundColor: 'green' } });
-
-    mount(ROOT_TAG, RefreshControlHostFixture);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'refresh');
-    expect(node?.props.backgroundColor).toBe('green');
-  });
-});

package/src/components/safe-area-view/safe-area-view.test.ts

@@ -1,43 +0,0 @@
-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 { SafeAreaView } from './index';
-
-const ROOT_TAG = 910;
-const fabric = installFabric();
-
-@Component({
-  selector: 'symbiote-safe-area-view-host',
-  standalone: true,
-  imports: [SafeAreaView],
-  template: `
-    <SafeAreaView [testID]="'safe-area'" class="screen">
-      <symbiote-text>Hello</symbiote-text>
-    </SafeAreaView>
-  `,
-})
-class SafeAreaViewHostFixture {}
-
-beforeEach(() => {
-  fabric.reset();
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('SafeAreaView', () => {
-  it('resolves a class= on the SafeAreaView use site onto the real committed view, not the anchor', async () => {
-    registerStyles({ screen: { backgroundColor: 'navy' } });
-
-    mount(ROOT_TAG, SafeAreaViewHostFixture);
-    await new Promise<void>(resolve => setTimeout(resolve, 0));
-
-    const node = fabric.find(n => n.props.testID === 'safe-area');
-    expect(node?.props.backgroundColor).toBe('navy');
-  });
-});

package/src/components/scroll-view/android-scroll-view-axis-projection.test.ts

@@ -1,123 +0,0 @@
-// Regression test for an Android content-projection bug:
-// ScrollView on Android picks a different native content view per axis (RCTView vs
-// AndroidHorizontalScrollContentView), which used to require a separate <ng-content> per
-// axis x refresh-control combination — and Angular only reliably projects into a component's
-// LAST-declared <ng-content> when 2+ distinct declarations exist. Fixed by routing all four
-// branches through a single shared <ng-template>/<ng-content> via a local template-outlet
-// directive (see index.android.ts). Covers all four static combinations plus a runtime axis
-// flip, which the projection.ts records/reconcile path must survive without dropping children.
-import '@angular/compiler';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, signal } from '@angular/core';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { installFabric } from '@symbiote-native/test-utils';
-import { mount, unmount } from '../../render';
-import { RefreshControl } from '../refresh-control';
-import { ScrollView } from './index.android';
-
-const ROOT_TAG = 919;
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-function expectCellsProjected(): void {
-  expect(fabric.find(node => node.props.testID === 'a')).toBeDefined();
-  expect(fabric.find(node => node.props.testID === 'b')).toBeDefined();
-}
-
-class HorizontalNoRefreshApp {}
-Component({
-  selector: 'axis-projection-horizontal-no-refresh',
-  standalone: true,
-  imports: [ScrollView],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <ScrollView [horizontal]="true">
-      <symbiote-view testID="a"></symbiote-view>
-      <symbiote-view testID="b"></symbiote-view>
-    </ScrollView>
-  `,
-})(HorizontalNoRefreshApp);
-
-class HorizontalRefreshApp {
-  refresh = (): void => {};
-}
-Component({
-  selector: 'axis-projection-horizontal-refresh',
-  standalone: true,
-  imports: [ScrollView, RefreshControl],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <ScrollView [horizontal]="true">
-      <RefreshControl [refreshing]="true" (refresh)="refresh()" />
-      <symbiote-view testID="a"></symbiote-view>
-      <symbiote-view testID="b"></symbiote-view>
-    </ScrollView>
-  `,
-})(HorizontalRefreshApp);
-
-class VerticalNoRefreshApp {}
-Component({
-  selector: 'axis-projection-vertical-no-refresh',
-  standalone: true,
-  imports: [ScrollView],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <ScrollView>
-      <symbiote-view testID="a"></symbiote-view>
-      <symbiote-view testID="b"></symbiote-view>
-    </ScrollView>
-  `,
-})(VerticalNoRefreshApp);
-
-class AxisSwitchApp {
-  static readonly horizontal = signal(false);
-  get isHorizontal(): boolean {
-    return AxisSwitchApp.horizontal();
-  }
-}
-Component({
-  selector: 'axis-projection-axis-switch',
-  standalone: true,
-  imports: [ScrollView],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  template: `
-    <ScrollView [horizontal]="isHorizontal">
-      <symbiote-view testID="a"></symbiote-view>
-      <symbiote-view testID="b"></symbiote-view>
-    </ScrollView>
-  `,
-})(AxisSwitchApp);
-
-beforeEach(() => fabric.reset());
-afterEach(() => unmount(ROOT_TAG));
-
-describe('Android ScrollView projects content across every axis x refresh combination', () => {
-  it('horizontal, no refresh control', async () => {
-    mount(ROOT_TAG, HorizontalNoRefreshApp);
-    await tick();
-    expectCellsProjected();
-  });
-
-  it('horizontal, with a projected refresh control', async () => {
-    mount(ROOT_TAG, HorizontalRefreshApp);
-    await tick();
-    expectCellsProjected();
-  });
-
-  it('vertical, no refresh control', async () => {
-    mount(ROOT_TAG, VerticalNoRefreshApp);
-    await tick();
-    expectCellsProjected();
-  });
-
-  it('survives a runtime vertical -> horizontal axis switch', async () => {
-    AxisSwitchApp.horizontal.set(false);
-    mount(ROOT_TAG, AxisSwitchApp);
-    await tick();
-    expectCellsProjected();
-
-    AxisSwitchApp.horizontal.set(true);
-    await tick();
-    await tick();
-    expectCellsProjected();
-  });
-});

package/src/components/scroll-view/content-container-style-class.test.ts

@@ -1,75 +0,0 @@
-// Regression guard: contentContainerStyle previously accepted ONLY a JS style object/array. It
-// now also resolves a class-name string through the shared style registry, same as `class`/
-// `style` (see shared.ts's resolvedContentContainerStyle getter). Mirrors the Vue twin
-// (content-container-style-class.test.ts) and scroll-view-class-style.test.ts's style-for-this-
-// exact-scenario shape.
-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, type IFakeNode } from '@symbiote-native/test-utils';
-
-import { mount, unmount } from '../../render';
-import { ScrollView } from './index.ios';
-
-const ROOT_TAG = 952;
-const fabric = installFabric();
-const tick = (): Promise<void> => new Promise(resolve => setTimeout(resolve, 0));
-
-function committedContentView(): IFakeNode {
-  const node = fabric.find(n => n.viewName === 'RCTScrollContentView');
-  expect(node, 'the scroll content view was committed').toBeDefined();
-  if (node === undefined) throw new Error('unreachable: content view missing');
-  return node;
-}
-
-@Component({
-  selector: 'symbiote-scroll-content-style-class-host',
-  standalone: true,
-  imports: [ScrollView],
-  template: `
-    <ScrollView [contentContainerStyle]="'padded'">
-      <symbiote-text>content</symbiote-text>
-    </ScrollView>
-  `,
-})
-class ScrollViewContentStyleClassHost {}
-
-@Component({
-  selector: 'symbiote-scroll-content-style-object-host',
-  standalone: true,
-  imports: [ScrollView],
-  template: `
-    <ScrollView [contentContainerStyle]="{ padding: 12 }">
-      <symbiote-text>content</symbiote-text>
-    </ScrollView>
-  `,
-})
-class ScrollViewContentStyleObjectHost {}
-
-beforeEach(() => {
-  fabric.reset();
-  registerStyles({ padded: { padding: 20 } });
-});
-afterEach(() => {
-  unmount(ROOT_TAG);
-  clearGlobalStyles();
-});
-
-describe('ScrollView contentContainerStyle class-name support', () => {
-  it('resolves a class-name string onto the content view, not the outer scroll view', async () => {
-    mount(ROOT_TAG, ScrollViewContentStyleClassHost);
-    await tick();
-
-    expect(committedContentView().props.padding).toBe(20);
-    const scrollHost = fabric.find(n => n.viewName === 'RCTScrollView');
-    expect(scrollHost?.props.padding).toBeUndefined();
-  });
-
-  it('still accepts an ordinary style object unchanged', async () => {
-    mount(ROOT_TAG, ScrollViewContentStyleObjectHost);
-    await tick();
-
-    expect(committedContentView().props.padding).toBe(12);
-  });
-});