diff --git a/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-itest.js b/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-itest.js
new file mode 100644
index 000000000000..5073c21afe54
--- /dev/null
+++ b/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-itest.js
@@ -0,0 +1,246 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
+
+import type {AccessibilityProps, HostInstance} from 'react-native';
+
+import * as Fantom from '@react-native/fantom';
+import * as React from 'react';
+import {createRef} from 'react';
+import {Text, TouchableHighlight, View} from 'react-native';
+import accessibilityPropsSuite from 'react-native/src/private/__tests__/utilities/accessibilityPropsSuite';
+import ensureInstance from 'react-native/src/private/__tests__/utilities/ensureInstance';
+import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
+
+describe('<TouchableHighlight>', () => {
+  describe('props', () => {
+    describe('rendering', () => {
+      it('renders as a view with accessible="true"', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(root.getRenderedOutput({props: ['accessible']}).toJSX()).toEqual(
+          <rn-view accessible="true" />,
+        );
+      });
+    });
+
+    component ComponentWithAccessibilityProps(...props: AccessibilityProps) {
+      return (
+        <TouchableHighlight {...props}>
+          <Text>Touchable</Text>
+        </TouchableHighlight>
+      );
+    }
+
+    accessibilityPropsSuite(ComponentWithAccessibilityProps);
+
+    describe('style', () => {
+      it('applies style props', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight
+              style={{
+                width: 100,
+                height: 50,
+                backgroundColor: 'blue',
+              }}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(
+          root
+            .getRenderedOutput({
+              props: ['width', 'height', 'backgroundColor'],
+            })
+            .toJSX(),
+        ).toEqual(
+          <rn-view
+            backgroundColor="rgba(0, 0, 255, 1)"
+            height="50.000000"
+            width="100.000000"
+          />,
+        );
+      });
+    });
+
+    describe('activeOpacity', () => {
+      it('does not render explicit opacity when using default', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(root.getRenderedOutput({props: ['opacity']}).toJSX()).toEqual(
+          <rn-view />,
+        );
+      });
+
+      it('renders with custom style opacity', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight style={{opacity: 0.5}}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(root.getRenderedOutput({props: ['opacity']}).toJSX()).toEqual(
+          <rn-view opacity="0.5" />,
+        );
+      });
+    });
+
+    describe('onPress', () => {
+      it('triggers callback when the element is pressed', () => {
+        const elementRef = createRef<HostInstance>();
+        const onPressCallback = jest.fn();
+
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight
+              ref={elementRef}
+              onPress={onPressCallback}
+              style={{height: 100}}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        const element = ensureInstance(elementRef.current, ReactNativeElement);
+        Fantom.dispatchNativeEvent(element, 'click');
+
+        expect(onPressCallback).toHaveBeenCalledTimes(1);
+      });
+    });
+
+    describe('disabled', () => {
+      it('cannot be pressed when disabled', () => {
+        const elementRef = createRef<HostInstance>();
+        const onPressCallback = jest.fn();
+
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight
+              ref={elementRef}
+              onPress={onPressCallback}
+              disabled={true}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        const element = ensureInstance(elementRef.current, ReactNativeElement);
+        Fantom.dispatchNativeEvent(element, 'click');
+
+        expect(onPressCallback).toHaveBeenCalledTimes(0);
+      });
+
+      it('sets accessibilityState disabled to true', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight disabled={true}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(
+          root.getRenderedOutput({props: ['accessibilityState']}).toJSX(),
+        ).toEqual(
+          <rn-view accessibilityState="{disabled:true,selected:false,checked:None,busy:false,expanded:null}" />,
+        );
+      });
+    });
+
+    describe('children', () => {
+      it('renders children inside the touchable', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight>
+              <Text>Press me</Text>
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(root.getRenderedOutput({props: ['accessible']}).toJSX()).toEqual(
+          <rn-view accessible="true">
+            <rn-paragraph>Press me</rn-paragraph>
+          </rn-view>,
+        );
+      });
+    });
+  });
+
+  describe('ref', () => {
+    describe('instance', () => {
+      it('is an element node', () => {
+        const elementRef = createRef<HostInstance>();
+
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight ref={elementRef}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        expect(elementRef.current).toBeInstanceOf(ReactNativeElement);
+      });
+
+      it('uses the "RN:View" tag name', () => {
+        const elementRef = createRef<HostInstance>();
+
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <TouchableHighlight ref={elementRef}>
+              <View />
+            </TouchableHighlight>,
+          );
+        });
+
+        const element = ensureInstance(elementRef.current, ReactNativeElement);
+        expect(element.tagName).toBe('RN:View');
+      });
+    });
+  });
+});
diff --git a/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js b/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js
deleted file mode 100644
index 338e22cdd3a2..000000000000
--- a/packages/react-native/Libraries/Components/Touchable/__tests__/TouchableHighlight-test.js
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-import Text from '../../../Text/Text';
-import View from '../../View/View';
-import TouchableHighlight from '../TouchableHighlight';
-import * as React from 'react';
-
-const render = require('@react-native/jest-preset/jest/renderer');
-
-describe('TouchableHighlight', () => {
-  it('renders correctly', async () => {
-    const instance = await render.create(
-      <TouchableHighlight style={{}}>
-        <Text>Touchable</Text>
-      </TouchableHighlight>,
-    );
-
-    expect(instance.toJSON()).toMatchSnapshot();
-  });
-
-  it('has displayName', () => {
-    expect(TouchableHighlight.displayName).toEqual('TouchableHighlight');
-  });
-});
-
-describe('TouchableHighlight with disabled state', () => {
-  it('should be disabled when disabled is true', async () => {
-    expect(
-      await render.create(
-        <TouchableHighlight disabled={true}>
-          <View />
-        </TouchableHighlight>,
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('should be disabled when disabled is true and accessibilityState is empty', async () => {
-    expect(
-      await render.create(
-        <TouchableHighlight disabled={true} accessibilityState={{}}>
-          <View />
-        </TouchableHighlight>,
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('should keep accessibilityState when disabled is true', async () => {
-    expect(
-      await render.create(
-        <TouchableHighlight
-          disabled={true}
-          accessibilityState={{checked: true}}>
-          <View />
-        </TouchableHighlight>,
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('should overwrite accessibilityState with value of disabled prop', async () => {
-    expect(
-      await render.create(
-        <TouchableHighlight
-          disabled={true}
-          accessibilityState={{disabled: false}}>
-          <View />
-        </TouchableHighlight>,
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('should disable button when accessibilityState is disabled', async () => {
-    expect(
-      await render.create(
-        <TouchableHighlight accessibilityState={{disabled: true}}>
-          <View />
-        </TouchableHighlight>,
-      ),
-    ).toMatchSnapshot();
-  });
-});
diff --git a/packages/react-native/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap b/packages/react-native/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
deleted file mode 100644
index 35c845e97493..000000000000
--- a/packages/react-native/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
+++ /dev/null
@@ -1,174 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TouchableHighlight renders correctly 1`] = `
-<View
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={Object {}}
->
-  <Text>
-    Touchable
-  </Text>
-</View>
-`;
-
-exports[`TouchableHighlight with disabled state should be disabled when disabled is true 1`] = `
-<View
-  accessibilityState={
-    Object {
-      "disabled": true,
-    }
-  }
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View />
-</View>
-`;
-
-exports[`TouchableHighlight with disabled state should be disabled when disabled is true and accessibilityState is empty 1`] = `
-<View
-  accessibilityState={
-    Object {
-      "disabled": true,
-    }
-  }
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View />
-</View>
-`;
-
-exports[`TouchableHighlight with disabled state should disable button when accessibilityState is disabled 1`] = `
-<View
-  accessibilityState={
-    Object {
-      "disabled": true,
-    }
-  }
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View />
-</View>
-`;
-
-exports[`TouchableHighlight with disabled state should keep accessibilityState when disabled is true 1`] = `
-<View
-  accessibilityState={
-    Object {
-      "checked": true,
-      "disabled": true,
-    }
-  }
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View />
-</View>
-`;
-
-exports[`TouchableHighlight with disabled state should overwrite accessibilityState with value of disabled prop 1`] = `
-<View
-  accessibilityState={
-    Object {
-      "disabled": true,
-    }
-  }
-  accessibilityValue={
-    Object {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  focusable={false}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View />
-</View>
-`;