@react-native-harness/runtime 1.0.0-alpha.24 → 1.0.0-alpha.25

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-native-harness/runtime",
   "description": "The core test runtime that executes on React Native devices, providing Jest-compatible APIs (describe, it, expect) and managing test collection, execution, and result reporting in native environments.",
-  "version": "1.0.0-alpha.24",
+  "version": "1.0.0-alpha.25",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -23,6 +23,16 @@
       "types": "./dist/entry-point.d.ts",
       "import": "./dist/entry-point.js",
       "default": "./dist/entry-point.js"
+    },
+    "./jsx-runtime": {
+      "development": "./src/jsx/jsx-runtime.ts",
+      "import": "./dist/jsx/jsx-runtime.js",
+      "default": "./dist/jsx/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "development": "./src/jsx/jsx-dev-runtime.ts",
+      "import": "./dist/jsx/jsx-dev-runtime.js",
+      "default": "./dist/jsx/jsx-dev-runtime.js"
     }
   },
   "peerDependencies": {
@@ -36,7 +46,7 @@
     "event-target-shim": "^6.0.2",
     "use-sync-external-store": "^1.6.0",
     "zustand": "^5.0.5",
-    "@react-native-harness/bridge": "1.0.0-alpha.24"
+    "@react-native-harness/bridge": "1.0.0-alpha.25"
   },
   "devDependencies": {
     "@types/chai": "^5.2.2"

package/src/globals.ts

@@ -3,6 +3,7 @@ import type { ImageSnapshotOptions } from '@react-native-harness/bridge';
 export type HarnessGlobal = {
   appRegistryComponentName: string;
   webSocketPort?: number;
+  disableViewFlattening?: boolean;
 };
 
 declare global {

package/src/jsx/jsx-dev-runtime.ts

@@ -0,0 +1,29 @@
+import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
+
+export const Fragment = ReactJSXRuntimeDev.Fragment;
+
+export function jsxDEV(
+  type: any,
+  props: any,
+  key: any,
+  isStaticChildren: any,
+  source: any,
+  self: any
+) {
+  if (
+    type &&
+    (type.displayName === 'View' || type.name === 'View') &&
+    props &&
+    props.collapsable === undefined
+  ) {
+    props = { ...props, collapsable: true };
+  }
+  return ReactJSXRuntimeDev.jsxDEV(
+    type,
+    props,
+    key,
+    isStaticChildren,
+    source,
+    self
+  );
+}

package/src/jsx/jsx-runtime.ts

@@ -0,0 +1,38 @@
+import { View } from 'react-native';
+import * as ReactJSXRuntime from 'react/jsx-runtime';
+import { getHarnessGlobal } from '../globals.js';
+
+export const Fragment = ReactJSXRuntime.Fragment;
+
+function wrap(
+  type: React.ElementType,
+  props: unknown,
+  key: React.Key | undefined,
+  isStatic: boolean,
+): React.ReactElement {
+  const disableViewFlattening = getHarnessGlobal().disableViewFlattening;
+
+  if (disableViewFlattening && type === View) {
+    props = { ...(props as Record<string, unknown>), collapsable: false };
+  }
+
+  return isStatic
+    ? ReactJSXRuntime.jsxs(type, props, key)
+    : ReactJSXRuntime.jsx(type, props, key);
+}
+
+export function jsx(
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key,
+): React.ReactElement {
+  return wrap(type, props, key, false);
+}
+
+export function jsxs(
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key,
+): React.ReactElement {
+  return wrap(type, props, key, true);
+}