From 8ac38ea4c2eb0a011d6a7121946513a4c862d7eb Mon Sep 17 00:00:00 2001
From: Emily Brown <emilypb@meta.com>
Date: Thu, 2 Apr 2026 09:41:42 -0700
Subject: [PATCH] migrate SafeAreaView from Jest to Fantom

Summary:
Migrate `SafeAreaView` from Jest to Fantom.

Note: SafeAreaView falls back to View in non-iOS environments, so `collapsable={false}` is needed to prevent Fantom from optimizing the view away.

Changelog: [Internal]

Differential Revision: D99290669
---
 .../__tests__/SafeAreaView-itest.js           | 38 +++++++++++++++++++
 .../__tests__/SafeAreaView-test.js            | 36 ------------------
 .../__snapshots__/SafeAreaView-test.js.snap   | 21 ----------
 3 files changed, 38 insertions(+), 57 deletions(-)
 create mode 100644 packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-itest.js
 delete mode 100644 packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-test.js
 delete mode 100644 packages/react-native/Libraries/Components/SafeAreaView/__tests__/__snapshots__/SafeAreaView-test.js.snap

diff --git a/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-itest.js b/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-itest.js
new file mode 100644
index 000000000000..0fcae9f2e282
--- /dev/null
+++ b/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-itest.js
@@ -0,0 +1,38 @@
+/**
+ * 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
+ */
+
+import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
+
+import * as Fantom from '@react-native/fantom';
+import * as React from 'react';
+import {SafeAreaView, Text} from 'react-native';
+
+describe('<SafeAreaView>', () => {
+  it('renders with children', () => {
+    const root = Fantom.createRoot();
+
+    Fantom.runTask(() => {
+      root.render(
+        // collapsable={false} is needed to prevent the View (SafeAreaView falls
+        // back to View in non-iOS environments) from being optimized away in
+        // the Fantom output.
+        <SafeAreaView collapsable={false}>
+          <Text>Hello World!</Text>
+        </SafeAreaView>,
+      );
+    });
+
+    expect(root.getRenderedOutput({props: []}).toJSX()).toEqual(
+      <rn-view>
+        <rn-paragraph>Hello World!</rn-paragraph>
+      </rn-view>,
+    );
+  });
+});
diff --git a/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-test.js b/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-test.js
deleted file mode 100644
index e5387b169017..000000000000
--- a/packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-test.js
+++ /dev/null
@@ -1,36 +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 SafeAreaView from '../SafeAreaView';
-
-const Text = require('../../../Text/Text').default;
-const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
-const View = require('../../View/View').default;
-const React = require('react');
-
-describe('<SafeAreaView />', () => {
-  it('should render as expected', async () => {
-    await ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'SafeAreaView',
-      () => (
-        <SafeAreaView>
-          <View>
-            <Text>Hello World!</Text>
-          </View>
-        </SafeAreaView>
-      ),
-      () => {
-        jest.dontMock('../SafeAreaView');
-      },
-    );
-  });
-});
diff --git a/packages/react-native/Libraries/Components/SafeAreaView/__tests__/__snapshots__/SafeAreaView-test.js.snap b/packages/react-native/Libraries/Components/SafeAreaView/__tests__/__snapshots__/SafeAreaView-test.js.snap
deleted file mode 100644
index 7c72daad2ffd..000000000000
--- a/packages/react-native/Libraries/Components/SafeAreaView/__tests__/__snapshots__/SafeAreaView-test.js.snap
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<SafeAreaView /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
-<RCTSafeAreaView>
-  <View>
-    <Text>
-      Hello World!
-    </Text>
-  </View>
-</RCTSafeAreaView>
-`;
-
-exports[`<SafeAreaView /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
-<RCTSafeAreaView>
-  <View>
-    <Text>
-      Hello World!
-    </Text>
-  </View>
-</RCTSafeAreaView>
-`;