@oxyhq/bloom 0.89.0 → 1.0.0

package/src/__tests__/Item.test.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { Item } from '../item';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-describe('Item', () => {
-  it('renders title and subtitle', () => {
-    const { getByText } = renderWithTheme(
-      <Item title="Profile" subtitle="Manage your details" />,
-    );
-    expect(getByText('Profile')).toBeTruthy();
-    expect(getByText('Manage your details')).toBeTruthy();
-  });
-
-  it('renders custom children in place of the text column', () => {
-    const { getByText, queryByText } = renderWithTheme(
-      <Item title="ignored">
-        <Text>Custom body</Text>
-      </Item>,
-    );
-    expect(getByText('Custom body')).toBeTruthy();
-    expect(queryByText('ignored')).toBeNull();
-  });
-
-  it('is pressable when onPress is provided and fires the handler', () => {
-    const onPress = jest.fn();
-    const { getByText } = renderWithTheme(
-      <Item title="Tap me" onPress={onPress} />,
-    );
-    fireEvent.press(getByText('Tap me'));
-    expect(onPress).toHaveBeenCalledTimes(1);
-  });
-
-  it('marks the disabled state for accessibility and strips the press handler', () => {
-    const onPress = jest.fn();
-    const { getByLabelText } = renderWithTheme(
-      <Item title="Disabled" onPress={onPress} disabled accessibilityLabel="Disabled" />,
-    );
-    const node = getByLabelText('Disabled');
-    // `selected` is absent, not `false`: a row that never mentions selection is
-    // not a toggle. Defaulting it made every plain navigation row announce
-    // itself as an unpressed toggle button once the state reached web as
-    // `aria-pressed`. A caller passing `selected={false}` still gets `false`.
-    expect(node.props.accessibilityState).toEqual({ disabled: true, selected: undefined });
-    // The Pressable receives no press handler while disabled.
-    expect(node.props.onPress).toBeUndefined();
-  });
-
-  it('uses button role by default when pressable', () => {
-    const { getByLabelText } = renderWithTheme(
-      <Item title="Row" onPress={() => {}} accessibilityLabel="Row" />,
-    );
-    expect(getByLabelText('Row').props.accessibilityRole).toBe('button');
-  });
-
-  it('renders leading and trailing slots', () => {
-    const { getByText } = renderWithTheme(
-      <Item
-        title="With slots"
-        leading={<Text>L</Text>}
-        trailing={<Text>R</Text>}
-      />,
-    );
-    expect(getByText('L')).toBeTruthy();
-    expect(getByText('R')).toBeTruthy();
-  });
-});

package/src/__tests__/Kbd.test.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { Kbd } from '../kbd';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-describe('Kbd', () => {
-  it('renders the key label', () => {
-    const { getByText } = renderWithTheme(<Kbd>K</Kbd>);
-    expect(getByText('K')).toBeTruthy();
-  });
-
-  it('renders both sizes', () => {
-    const sm = renderWithTheme(<Kbd size="sm">Esc</Kbd>);
-    expect(sm.getByText('Esc')).toBeTruthy();
-    const md = renderWithTheme(<Kbd size="md">⌘</Kbd>);
-    expect(md.getByText('⌘')).toBeTruthy();
-  });
-});

package/src/__tests__/Label.test.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { Label } from '../label';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-describe('Label', () => {
-  it('renders its text', () => {
-    const { getByText } = renderWithTheme(<Label>Email</Label>);
-    expect(getByText('Email')).toBeTruthy();
-  });
-
-  it('renders a required marker when required', () => {
-    const { getByLabelText } = renderWithTheme(<Label required>Email</Label>);
-    expect(getByLabelText('required')).toBeTruthy();
-  });
-
-  it('does not render a required marker by default', () => {
-    const { queryByLabelText } = renderWithTheme(<Label>Email</Label>);
-    expect(queryByLabelText('required')).toBeNull();
-  });
-});

package/src/__tests__/LinkPreviewCard.test.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import { Image, Linking } from 'react-native';
-import { render, fireEvent } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { LinkPreviewCard } from '../link-preview';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-describe('LinkPreviewCard', () => {
-  it('renders the site name, title and description', () => {
-    const { getByText } = renderWithTheme(
-      <LinkPreviewCard
-        url="https://example.com/article"
-        siteName="Example"
-        title="A great article"
-        description="The summary of the article."
-      />,
-    );
-    expect(getByText('Example')).toBeTruthy();
-    expect(getByText('A great article')).toBeTruthy();
-    expect(getByText('The summary of the article.')).toBeTruthy();
-  });
-
-  it('falls back to the URL hostname for the title and site name', () => {
-    const { getAllByText } = renderWithTheme(
-      <LinkPreviewCard url="https://www.example.com/path" />,
-    );
-    // `www.` is stripped; the bare hostname is used for both the site name line
-    // and the title fallback.
-    expect(getAllByText('example.com').length).toBe(2);
-  });
-
-  it('calls the supplied onPress handler', () => {
-    const onPress = jest.fn();
-    const { getByLabelText } = renderWithTheme(
-      <LinkPreviewCard url="https://example.com" title="Pressable" onPress={onPress} />,
-    );
-    fireEvent.press(getByLabelText('Pressable'));
-    expect(onPress).toHaveBeenCalledTimes(1);
-  });
-
-  it('opens the URL via Linking when no onPress is supplied', () => {
-    const openURL = jest
-      .spyOn(Linking, 'openURL')
-      .mockResolvedValue(undefined);
-    const { getByLabelText } = renderWithTheme(
-      <LinkPreviewCard url="https://example.com/open" title="Open me" />,
-    );
-    fireEvent.press(getByLabelText('Open me'));
-    expect(openURL).toHaveBeenCalledWith('https://example.com/open');
-    openURL.mockRestore();
-  });
-
-  it('gives the cover image a fixed height by default (coverFill omitted)', () => {
-    const { UNSAFE_getByType } = renderWithTheme(
-      <LinkPreviewCard
-        url="https://example.com"
-        title="Fixed"
-        image="https://cdn.example.com/og.png"
-      />,
-    );
-    const imageStyle = UNSAFE_getByType(Image).props.style as Record<string, unknown>;
-    expect(imageStyle.height).toBe(160);
-    expect(imageStyle.flex).toBeUndefined();
-  });
-
-  it('flexes the cover image (no fixed height) when coverFill is true', () => {
-    const { UNSAFE_getByType } = renderWithTheme(
-      <LinkPreviewCard
-        url="https://example.com"
-        title="Fill"
-        image="https://cdn.example.com/og.png"
-        coverFill
-        style={{ height: 180 }}
-      />,
-    );
-    const imageStyle = UNSAFE_getByType(Image).props.style as Record<string, unknown>;
-    expect(imageStyle.flex).toBe(1);
-    expect(imageStyle.height).toBeUndefined();
-  });
-});

package/src/__tests__/MediaInsetBorder.test.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { MediaInsetBorder } from '../media-inset-border';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-describe('MediaInsetBorder', () => {
-  it('carries a displayName', () => {
-    expect(MediaInsetBorder.displayName).toBe('MediaInsetBorder');
-  });
-
-  it('renders the softened border by default', () => {
-    const { UNSAFE_root } = renderWithTheme(<MediaInsetBorder />);
-    expect(UNSAFE_root).toBeTruthy();
-  });
-
-  it('renders the opaque variant', () => {
-    const { UNSAFE_root } = renderWithTheme(<MediaInsetBorder opaque />);
-    expect(UNSAFE_root).toBeTruthy();
-  });
-
-  it('accepts a style override for borderRadius', () => {
-    const { UNSAFE_root } = renderWithTheme(
-      <MediaInsetBorder style={{ borderRadius: 999 }} />,
-    );
-    expect(UNSAFE_root).toBeTruthy();
-  });
-});

package/src/__tests__/Motion.test.tsx

@@ -1,86 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { render } from '@testing-library/react-native';
-import type {
-  EntryOrExitLayoutType,
-  LayoutAnimation,
-} from 'react-native-reanimated';
-
-import {
-  ScaleAndFadeIn,
-  ScaleAndFadeOut,
-  ScreenTransition,
-  ShrinkAndPop,
-} from '../motion';
-
-// The reanimated mock resolves `withTiming(v)` -> v, `withDelay(d, v)` -> v and
-// `withSequence(...v)` -> last, so the builder output is deterministic.
-
-/**
- * The presets are typed as reanimated's `entering`/`exiting` union so the two
- * platform files present ONE contract and nothing can depend on the mechanism.
- * These tests are about the native mechanism specifically, so they narrow back
- * down through a runtime check rather than a cast: a predefined builder is a
- * class (it carries the `createInstance` static), a custom worklet builder is a
- * plain function.
- */
-const isWorkletBuilder = (
-  preset: EntryOrExitLayoutType,
-): preset is () => LayoutAnimation =>
-  // A predefined builder is a class and carries the `createInstance` static; a
-  // custom worklet builder is a plain nullary function.
-  typeof preset === 'function' &&
-  !('createInstance' in preset) &&
-  preset.length === 0;
-
-const runNativeBuilder = (preset: EntryOrExitLayoutType): LayoutAnimation => {
-  if (!isWorkletBuilder(preset)) {
-    throw new Error('expected the native preset to be a custom worklet builder');
-  }
-  return preset();
-};
-
-describe('motion presets', () => {
-  it('ScaleAndFadeIn enters from 70% scale and transparent', () => {
-    const { initialValues, animations } = runNativeBuilder(ScaleAndFadeIn);
-    expect(initialValues).toEqual({ opacity: 0, transform: [{ scale: 0.7 }] });
-    expect(animations).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
-  });
-
-  it('ScaleAndFadeOut exits to 70% scale and transparent', () => {
-    const { initialValues, animations } = runNativeBuilder(ScaleAndFadeOut);
-    expect(initialValues).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
-    expect(animations).toEqual({ opacity: 0, transform: [{ scale: 0.7 }] });
-  });
-
-  it('ShrinkAndPop overshoots to 110% before leaving', () => {
-    const { initialValues, animations } = runNativeBuilder(ShrinkAndPop);
-    expect(initialValues).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
-    // withSequence resolves to its final keyframe (the 1.1 overshoot) in the mock.
-    expect(animations.transform).toEqual([{ scale: 1.1 }]);
-  });
-});
-
-describe('ScreenTransition', () => {
-  it('carries a displayName', () => {
-    expect(ScreenTransition.displayName).toBe('ScreenTransition');
-  });
-
-  it('renders its children for a forward transition', () => {
-    const { getByText } = render(
-      <ScreenTransition direction="forward">
-        <Text>Screen body</Text>
-      </ScreenTransition>,
-    );
-    expect(getByText('Screen body')).toBeTruthy();
-  });
-
-  it('renders its children for a backward transition', () => {
-    const { getByText } = render(
-      <ScreenTransition direction="backward" enabledWeb>
-        <Text>Back</Text>
-      </ScreenTransition>,
-    );
-    expect(getByText('Back')).toBeTruthy();
-  });
-});

package/src/__tests__/MotionWebFork.test.ts

@@ -1,140 +0,0 @@
-/**
- * Regression guard for the `motion` web fork.
- *
- * The bug: `motion.ts`'s custom worklet builders are INERT on web. Reanimated's
- * web layout-animation manager resolves an animation by preset name, a custom
- * builder has none, and `startWebLayoutAnimation` falls through to
- * `makeElementVisible` — the element appears at its final frame with one
- * `[Reanimated] Couldn't load entering/exiting animation` warning apiece.
- *
- * The trap: rebuilding all three as `Keyframe`s fixes the exits and makes the
- * ENTER worse. Reanimated's `entering` path calls `setElementAnimation` with
- * `shouldSavePosition` TRUE, and any animation name absent from its built-in
- * `Animations` map — which every custom `Keyframe` is, since they mint a fresh
- * `REA-ENTERING-n` rule — also gets a `scheduleAnimationCleanup` that pins the
- * element with `position: absolute` and a frozen box at `duration x 5`. That is
- * failure mode (C) in `~/Oxy/AGENTS.md`.
- *
- * So the invariant is asymmetric, and BOTH halves are load-bearing:
- *   entering -> a PREDEFINED builder (its `presetName` is in `Animations`, so no
- *               cleanup is ever scheduled), never a `Keyframe`.
- *   exiting  -> a `Keyframe` is safe (the cleanup only reaps the throwaway clone)
- *               and is the only mechanism that can express the full shape.
- *
- * The actual motion is verified in a real browser — jest cannot run reanimated's
- * web layout-animation manager.
- */
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
-
-import { Keyframe } from 'react-native-reanimated';
-
-import {
-  ScaleAndFadeIn,
-  ScaleAndFadeOut,
-  ShrinkAndPop,
-} from '../motion/motion.web';
-
-const SRC = join(__dirname, '..');
-const read = (rel: string) => readFileSync(join(SRC, rel), 'utf8');
-
-/**
- * Upstream's `ReanimatedKeyframe` type hides the instance state that the web
- * layout manager actually reads (`createCustomKeyFrameAnimation` takes
- * `config.definitions` raw, `getDurationFromConfig` takes `config.durationV`), so
- * the test narrows to it with a runtime-checked predicate rather than a cast.
- */
-type KeyframeState = {
-  definitions: Record<string, Record<string, unknown>>;
-  durationV: number | undefined;
-};
-
-const isKeyframeState = (value: unknown): value is KeyframeState =>
-  value instanceof Keyframe && 'definitions' in value;
-
-const stateOf = (preset: unknown): KeyframeState => {
-  if (!isKeyframeState(preset)) {
-    throw new Error('expected a Keyframe');
-  }
-  return preset;
-};
-
-describe('motion web fork', () => {
-  it('never hands a Keyframe to `entering`', () => {
-    // The whole reason the enter and the exits use different mechanisms.
-    expect(ScaleAndFadeIn instanceof Keyframe).toBe(false);
-    expect(typeof ScaleAndFadeIn).toBe('object');
-  });
-
-  it('uses a predefined reanimated builder for the enter', () => {
-    const web = read('motion/motion.web.ts');
-    expect(web).toMatch(/export const ScaleAndFadeIn[^=]*=\s*FadeIn;/);
-    expect(web).toMatch(/import \{[\s\S]*\bFadeIn\b[\s\S]*\} from 'react-native-reanimated'/);
-  });
-
-  it('uses a Keyframe for both exits', () => {
-    expect(ScaleAndFadeOut instanceof Keyframe).toBe(true);
-    expect(ShrinkAndPop instanceof Keyframe).toBe(true);
-  });
-
-  it('keeps the full scale + opacity shape on ScaleAndFadeOut', () => {
-    expect(stateOf(ScaleAndFadeOut).definitions).toEqual({
-      from: { opacity: 1, transform: [{ scale: 1 }] },
-      to: { opacity: 0, transform: [{ scale: 0.7 }] },
-    });
-  });
-
-  /**
-   * Every stop declares every animated property, so the CSS the web parser emits
-   * does not depend on cross-stop interpolation, and the intermediate values are
-   * the native timeline sampled at those instants (250ms total: scale 1 -> 0.7 by
-   * 75ms, -> 1.1 by 225ms; opacity held to 125ms, then to 0 by 250ms).
-   */
-  it('samples the native ShrinkAndPop timeline at every stop', () => {
-    const stops = stateOf(ShrinkAndPop).definitions;
-    expect(Object.keys(stops)).toEqual(['0', '30', '50', '90', '100']);
-    for (const [percent, style] of Object.entries(stops)) {
-      expect({ percent, keys: Object.keys(style).sort() }).toEqual({
-        percent,
-        keys: ['opacity', 'transform'],
-      });
-    }
-    expect(stops['0']).toEqual({ opacity: 1, transform: [{ scale: 1 }] });
-    expect(stops['30']).toEqual({ opacity: 1, transform: [{ scale: 0.7 }] });
-    expect(stops['90']).toEqual({ opacity: 0.2, transform: [{ scale: 1.1 }] });
-    expect(stops['100']).toEqual({ opacity: 0, transform: [{ scale: 1.1 }] });
-  });
-
-  it('matches the native durations', () => {
-    // `withTiming`'s default for the pair the native file animates, and
-    // 75 + 150 for the pop's two sequenced scale legs.
-    expect(stateOf(ScaleAndFadeOut).durationV).toBe(300);
-    expect(stateOf(ShrinkAndPop).durationV).toBe(250);
-  });
-
-  it('leaves the native file on its custom worklet builders', () => {
-    const native = read('motion/motion.ts');
-    expect(native).toMatch(/'worklet';/);
-    expect(native).not.toMatch(/\bKeyframe\b/);
-    expect(native).not.toMatch(/\bFadeIn\b/);
-  });
-
-  it('is wired as a web-forked subpath', () => {
-    const script = readFileSync(
-      join(SRC, '..', 'scripts', 'generate-platform-exports.mjs'),
-      'utf8',
-    );
-    // Between the WEB_FORKED_SUBPATHS opener and its closing bracket.
-    const forked = script.slice(
-      script.indexOf('const WEB_FORKED_SUBPATHS'),
-      script.indexOf(']);', script.indexOf('const WEB_FORKED_SUBPATHS')),
-    );
-    expect(forked).toContain("'./motion'");
-
-    const pkg: { exports: Record<string, { browser?: { import?: string } }> } =
-      JSON.parse(readFileSync(join(SRC, '..', 'package.json'), 'utf8'));
-    expect(pkg.exports['./motion']?.browser?.import).toBe(
-      './lib/module/motion/index.web.js',
-    );
-  });
-});

package/src/__tests__/Pre.test.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-import { Pre } from '../code';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(<BloomThemeProvider mode="light">{ui}</BloomThemeProvider>);
-}
-
-describe('Pre', () => {
-  it('renders children', () => {
-    const { getByText } = renderWithTheme(<Pre>{`function foo() {}`}</Pre>);
-    expect(getByText('function foo() {}')).toBeTruthy();
-  });
-
-  it('applies the Geist Mono font family on native', () => {
-    const { getByText } = renderWithTheme(<Pre>bar</Pre>);
-    const node = getByText('bar');
-    const flat = Array.isArray(node.props.style)
-      ? Object.assign({}, ...node.props.style.filter(Boolean))
-      : node.props.style;
-    expect(flat.fontFamily).toBe('Geist Mono');
-  });
-});

package/src/__tests__/PressableScale.test.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { render } from '@testing-library/react-native';
-
-import { PressableScale } from '../pressable-scale';
-
-describe('PressableScale', () => {
-  it('carries a displayName', () => {
-    expect(PressableScale.displayName).toBe('PressableScale');
-  });
-
-  it('renders its children', () => {
-    const { getByText } = render(
-      <PressableScale accessibilityLabel="Press me">
-        <Text>Tap target</Text>
-      </PressableScale>,
-    );
-    expect(getByText('Tap target')).toBeTruthy();
-  });
-
-  it('renders with a custom target scale', () => {
-    const { getByText } = render(
-      <PressableScale targetScale={0.9} accessibilityLabel="Press me">
-        <Text>Scaled</Text>
-      </PressableScale>,
-    );
-    expect(getByText('Scaled')).toBeTruthy();
-  });
-
-  it('applies style to the pressable node that scales', () => {
-    const { getByText } = render(
-      <PressableScale style={{ flexDirection: 'row' }} accessibilityLabel="Row">
-        <Text>Row content</Text>
-      </PressableScale>,
-    );
-    expect(getByText('Row content')).toBeTruthy();
-  });
-});

package/src/__tests__/PressableWithHover.test.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { PressableWithHover } from '../pressable-with-hover';
-
-describe('PressableWithHover', () => {
-  it('carries a displayName', () => {
-    expect(PressableWithHover.displayName).toBe('PressableWithHover');
-  });
-
-  it('renders its children', () => {
-    const { getByText } = render(
-      <PressableWithHover
-        accessibilityLabel="Row"
-        style={{ backgroundColor: 'white' }}
-        hoverStyle={{ backgroundColor: 'gray' }}
-      >
-        <Text>Row</Text>
-      </PressableWithHover>,
-    );
-    expect(getByText('Row')).toBeTruthy();
-  });
-
-  it('merges hoverStyle only while hovered', () => {
-    const { getByTestId } = render(
-      <PressableWithHover
-        testID="row"
-        style={{ backgroundColor: 'white' }}
-        hoverStyle={{ backgroundColor: 'gray' }}
-      >
-        <Text>Row</Text>
-      </PressableWithHover>,
-    );
-
-    const row = getByTestId('row');
-    expect(row.props.style).toEqual({ backgroundColor: 'white' });
-
-    fireEvent(row, 'hoverIn');
-    expect(getByTestId('row').props.style).toEqual([
-      { backgroundColor: 'white' },
-      { backgroundColor: 'gray' },
-    ]);
-
-    fireEvent(row, 'hoverOut');
-    expect(getByTestId('row').props.style).toEqual({ backgroundColor: 'white' });
-  });
-});

package/src/__tests__/SelectItemLabel.test.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-// Imported by explicit filename: jest has no platform-extension resolution, so
-// `'../select'` would silently exercise the NATIVE fork — which has always
-// applied the label — and the suite would pass no matter what the web fork did.
-import {
-  Select as WebSelect,
-  SelectItem as WebSelectItem,
-  SelectItemText as WebSelectItemText,
-} from '../select/index.web';
-import {
-  Select as NativeSelect,
-  SelectItem as NativeSelectItem,
-  SelectItemText as NativeSelectItemText,
-} from '../select/index';
-
-/**
- * `SelectItem` renders `accessibilityRole="radio"`. A radio with no accessible
- * name is announced as nothing at all, and the web fork declared `label` in its
- * props type and then dropped it on the floor — invisible to `tsc`, since an
- * unused destructured prop is not an error.
- *
- * Both forks are asserted from one file so the platforms cannot drift again.
- */
-describe.each([
-  ['web', WebSelect, WebSelectItem, WebSelectItemText] as const,
-  ['native', NativeSelect, NativeSelectItem, NativeSelectItemText] as const,
-])('SelectItem (%s fork)', (_platform, Select, SelectItem, SelectItemText) => {
-  it('exposes its label as the accessible name', () => {
-    const { getByLabelText } = render(
-      <BloomThemeProvider mode="light" colorPreset="teal">
-        <Select value="a">
-          <SelectItem value="a" label="Option A">
-            <SelectItemText>Option A</SelectItemText>
-          </SelectItem>
-        </Select>
-      </BloomThemeProvider>,
-    );
-
-    const item = getByLabelText('Option A');
-    expect(item).toBeTruthy();
-    expect(item.props.accessibilityRole).toBe('radio');
-  });
-});