Migrate LogBox UI and parser Jest tests to Fantom (#57264)

Summary:
Pull Request resolved: #57264

Migrates the LogBox UI component tests and the LogBox log parser test from regular Jest (`-test.js`) to Fantom (`-itest.js`).

The 13 LogBox UI tests now render through the real React Native runtime; their snapshots were regenerated against the real Fabric output (replacing the previous mocked-component output) and reviewed for correctness. `it.each` was expanded into explicit cases (Fantom does not implement it).

`parseLogBoxLog` was split: the general and Hermes cases run on Fantom, while the non-Hermes (JSC) `describe` block stays on Jest because it toggles `global.HermesInternal`, which is read-only under Fantom's Hermes runtime.

The remaining LogBox tests stay on Jest because they depend on module mocks and/or fake timers that Fantom does not provide: `LogBoxData`, `LogBoxLog`, `LogBoxSymbolication`, `LogBox`, `LogBoxInspectorContainer`, and `LogBoxNotificationContainer`.

Changelog: [Internal]

Reviewed By: sammy-SC

Differential Revision: D108759078

fbshipit-source-id: 097e26de4174621b61bea8ddf860640fcbe70cf7

Author: rubennorte

packages/react-native/Libraries/LogBox/Data/__tests__/parseLogBoxLog-itest.js

@@ -0,0 +1,54 @@
+/**
+ * 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 Text from '../../../Text/Text';
+import LogBoxButton from '../LogBoxButton';
+import * as Fantom from '@react-native/fantom';
+import * as React from 'react';
+
+describe('LogBoxButton', () => {
+  it('should render only a view without an onPress', () => {
+    const root = Fantom.createRoot();
+    Fantom.runTask(() => {
+      root.render(
+        <LogBoxButton
+          backgroundColor={{
+            default: 'black',
+            pressed: 'red',
+          }}>
+          <Text>Press me</Text>
+        </LogBoxButton>,
+      );
+    });
+
+    expect(root.getRenderedOutput().toJSX()).toMatchSnapshot();
+  });
+
+  it('should render Pressable and pass through props', () => {
+    const root = Fantom.createRoot();
+    Fantom.runTask(() => {
+      root.render(
+        <LogBoxButton
+          backgroundColor={{
+            default: 'black',
+            pressed: 'red',
+          }}
+          hitSlop={{}}
+          onPress={() => {}}>
+          <Text>Press me</Text>
+        </LogBoxButton>,
+      );
+    });
+
+    expect(root.getRenderedOutput().toJSX()).toMatchSnapshot();
+  });
+});

packages/react-native/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js

@@ -0,0 +1,106 @@
+/**
+ * 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 LogBoxLog from '../../Data/LogBoxLog';
+import LogBoxInspector from '../LogBoxInspector';
+import * as Fantom from '@react-native/fantom';
+import * as React from 'react';
+
+const logs = [
+  new LogBoxLog({
+    level: 'warn',
+    isComponentError: false,
+    message: {
+      content: 'Some kind of message (first)',
+      substitutions: [],
+    },
+    stack: [],
+    category: 'Some kind of message (first)',
+    componentStack: [],
+  }),
+  new LogBoxLog({
+    level: 'error',
+    isComponentError: false,
+    message: {
+      content: 'Some kind of message (second)',
+      substitutions: [],
+    },
+    stack: [],
+    category: 'Some kind of message (second)',
+    componentStack: [],
+  }),
+  new LogBoxLog({
+    level: 'fatal',
+    isComponentError: false,
+    message: {
+      content: 'Some kind of message (third)',
+      substitutions: [],
+    },
+    stack: [],
+    category: 'Some kind of message (third)',
+    componentStack: [],
+  }),
+];
+
+describe('LogBoxInspector', () => {
+  it('should render null with no logs', () => {
+    const root = Fantom.createRoot();
+    Fantom.runTask(() => {
+      root.render(
+        <LogBoxInspector
+          onDismiss={() => {}}
+          onMinimize={() => {}}
+          onChangeSelectedIndex={() => {}}
+          logs={[]}
+          selectedIndex={0}
+        />,
+      );
+    });
+
+    expect(root.getRenderedOutput().toJSX()).toMatchSnapshot();
+  });
+
+  it('should render warning with selectedIndex 0', () => {
+    const root = Fantom.createRoot();
+    Fantom.runTask(() => {
+      root.render(
+        <LogBoxInspector
+          onDismiss={() => {}}
+          onMinimize={() => {}}
+          onChangeSelectedIndex={() => {}}
+          logs={logs}
+          selectedIndex={0}
+        />,
+      );
+    });
+
+    expect(root.getRenderedOutput().toJSX()).toMatchSnapshot();
+  });
+
+  it('should render fatal with selectedIndex 2', () => {
+    const root = Fantom.createRoot();
+    Fantom.runTask(() => {
+      root.render(
+        <LogBoxInspector
+          onDismiss={() => {}}
+          onMinimize={() => {}}
+          onChangeSelectedIndex={() => {}}
+          logs={logs}
+          selectedIndex={2}
+          fatalType="fatal"
+        />,
+      );
+    });
+
+    expect(root.getRenderedOutput().toJSX()).toMatchSnapshot();
+  });
+});