@react-native-harness/runtime 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/filtering/index.d.ts

@@ -0,0 +1,2 @@
+export { filterTestsByName, markTestsAsSkippedByName, } from './testNameFilter.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/filtering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filtering/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC"}

package/dist/filtering/index.js

@@ -0,0 +1 @@
+export { filterTestsByName, markTestsAsSkippedByName, } from './testNameFilter.js';

package/dist/filtering/testNameFilter.d.ts

@@ -0,0 +1,12 @@
+import { TestSuite } from '@react-native-harness/bridge';
+/**
+ * Filters tests by name pattern, matching against test names and suite+test combinations
+ * @deprecated Use markTestsAsSkippedByName instead - this function will be removed in a future version
+ */
+export declare const filterTestsByName: (suite: TestSuite, testNamePattern: string) => TestSuite;
+/**
+ * Marks tests as skipped based on name pattern, keeping all tests in the structure
+ * but setting non-matching tests to 'skipped' status
+ */
+export declare const markTestsAsSkippedByName: (suite: TestSuite, testNamePattern: string) => TestSuite;
+//# sourceMappingURL=testNameFilter.d.ts.map

package/dist/filtering/testNameFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testNameFilter.d.ts","sourceRoot":"","sources":["../../src/filtering/testNameFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,SAAS,EAChB,iBAAiB,MAAM,KACtB,SAGF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,SAAS,EAChB,iBAAiB,MAAM,KACtB,SAGF,CAAC"}

package/dist/filtering/testNameFilter.js

@@ -0,0 +1,56 @@
+/**
+ * Filters tests by name pattern, matching against test names and suite+test combinations
+ * @deprecated Use markTestsAsSkippedByName instead - this function will be removed in a future version
+ */
+export const filterTestsByName = (suite, testNamePattern) => {
+    const regex = new RegExp(testNamePattern);
+    return filterSuiteRecursively(suite, regex);
+};
+/**
+ * Marks tests as skipped based on name pattern, keeping all tests in the structure
+ * but setting non-matching tests to 'skipped' status
+ */
+export const markTestsAsSkippedByName = (suite, testNamePattern) => {
+    const regex = new RegExp(testNamePattern);
+    return markTestsRecursively(suite, regex);
+};
+const markTestsRecursively = (suite, regex) => {
+    // Mark tests in current suite - skip tests that don't match the pattern
+    const updatedTests = suite.tests.map((test) => {
+        const matches = regex.test(test.name) || regex.test(`${suite.name} ${test.name}`);
+        // If test doesn't match pattern and is currently active, mark it as skipped
+        if (!matches && test.status === 'active') {
+            return {
+                ...test,
+                status: 'skipped',
+            };
+        }
+        // Keep original status for matching tests or already skipped/todo tests
+        return test;
+    });
+    // Recursively process child suites
+    const updatedChildSuites = suite.suites.map((childSuite) => markTestsRecursively(childSuite, regex));
+    return {
+        ...suite,
+        tests: updatedTests,
+        suites: updatedChildSuites,
+    };
+};
+const filterSuiteRecursively = (suite, regex) => {
+    // Filter tests in current suite - match against test name or "suite test" combination
+    const filteredTests = suite.tests.filter((test) => regex.test(test.name) || regex.test(`${suite.name} ${test.name}`));
+    // Recursively filter child suites
+    const filteredChildSuites = suite.suites
+        .map((childSuite) => filterSuiteRecursively(childSuite, regex))
+        .filter((childSuite) => hasAnyActiveTests(childSuite));
+    return {
+        ...suite,
+        tests: filteredTests,
+        suites: filteredChildSuites,
+    };
+};
+const hasAnyActiveTests = (suite) => {
+    const hasDirectTests = suite.tests.some((test) => test.status === 'active');
+    const hasChildTests = suite.suites.some((childSuite) => hasAnyActiveTests(childSuite));
+    return hasDirectTests || hasChildTests;
+};

package/dist/globals.d.ts

@@ -1,5 +1,9 @@
+export type HarnessGlobal = {
+    appRegistryComponentName: string;
+    webSocketPort?: number;
+};
 declare global {
-    var RN_HARNESS: boolean | undefined;
+    var RN_HARNESS: HarnessGlobal | undefined;
 }
-export {};
+export declare const getHarnessGlobal: () => HarnessGlobal;
 //# sourceMappingURL=globals.d.ts.map

package/dist/globals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../src/globals.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAED,OAAO,EAAE,CAAC"}
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../src/globals.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,wBAAwB,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,UAAU,EAAE,aAAa,GAAG,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,gBAAgB,QAAO,aAQnC,CAAC"}

package/dist/globals.js

@@ -1 +1,7 @@
-export {};
+export const getHarnessGlobal = () => {
+    const harnessGlobal = global.RN_HARNESS;
+    if (!harnessGlobal) {
+        throw new Error('RN_HARNESS global is not set');
+    }
+    return harnessGlobal;
+};

package/dist/index.d.ts

@@ -1,7 +1,11 @@
+import './polyfills.js';
 import './globals.d.ts';
 export { UI as ReactNativeHarness } from './ui/index.js';
 export * from './spy/index.js';
 export * from './expect/index.js';
 export * from './collector/index.js';
 export * from './mocker/index.js';
+export * from './namespace.js';
+export * from './waitFor.js';
+export * from './render/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,EAAE,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,EAAE,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,6 +1,10 @@
+import './polyfills.js';
 import './globals.d.ts';
 export { UI as ReactNativeHarness } from './ui/index.js';
 export * from './spy/index.js';
 export * from './expect/index.js';
 export * from './collector/index.js';
 export * from './mocker/index.js';
+export * from './namespace.js';
+export * from './waitFor.js';
+export * from './render/index.js';

package/dist/initialize.js

@@ -1,16 +1,24 @@
 import { getDeviceDescriptor } from './client/getDeviceDescriptor.js';
 import { getClient } from './client/index.js';
+import { disableHMRWhenReady } from './disableHMRWhenReady.js';
+import { setupJestMock } from './jest-mock.js';
 // Polyfill for EventTarget
 const Shim = require('event-target-shim');
 globalThis.Event = Shim.Event;
 globalThis.EventTarget = Shim.EventTarget;
+// Setup jest mock to warn users about using Jest APIs
+setupJestMock();
 // Turn off LogBox
 const { LogBox } = require('react-native');
 LogBox.ignoreAllLogs(true);
 // Turn off HMR
-const HMRClient = require('react-native/Libraries/Utilities/HMRClient');
-HMRClient.setup = () => {
-    // No setup = no HMR
-};
-// Initialize the client
-void getClient().then((client) => client.rpc.reportReady(getDeviceDescriptor()));
+const HMRClientModule = require('react-native/Libraries/Utilities/HMRClient');
+const HMRClient = 'default' in HMRClientModule ? HMRClientModule.default : HMRClientModule;
+// Wait for HMRClient to be initialized
+setTimeout(() => {
+    void disableHMRWhenReady(() => HMRClient.disable(), 50).then(() => getClient().then((client) => client.rpc.reportReady(getDeviceDescriptor())));
+});
+// Re-throw fatal errors
+ErrorUtils.setGlobalHandler((error) => {
+    throw error;
+});

package/dist/jest-mock.d.ts

@@ -0,0 +1,2 @@
+export declare const setupJestMock: () => void;
+//# sourceMappingURL=jest-mock.d.ts.map

package/dist/jest-mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest-mock.d.ts","sourceRoot":"","sources":["../src/jest-mock.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,QAAO,IA8BhC,CAAC"}

package/dist/jest-mock.js

@@ -0,0 +1,25 @@
+// Mock jest global to warn users about using Jest APIs in Harness tests
+export const setupJestMock = () => {
+    function throwError() {
+        throw new Error(`Jest globals are not available in Harness tests. Import from 'react-native-harness' instead (e.g., import { harness } from 'react-native-harness'; harness.fn())`);
+    }
+    const jestMock = new Proxy({}, {
+        get() {
+            throwError();
+        },
+        set() {
+            throwError();
+        },
+        has() {
+            throwError();
+        },
+        ownKeys() {
+            throwError();
+        },
+    });
+    Object.defineProperty(globalThis, 'jest', {
+        value: jestMock,
+        writable: false,
+        configurable: false,
+    });
+};

package/dist/mocker/index.d.ts

@@ -1,2 +1,2 @@
-export { mock, requireActual, clearMocks } from './registry.js';
+export { mock, requireActual, unmock, resetModules, } from './registry.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/mocker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mocker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mocker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,aAAa,EACb,MAAM,EACN,YAAY,GACb,MAAM,eAAe,CAAC"}

package/dist/mocker/index.js

@@ -1 +1 @@
-export { mock, requireActual, clearMocks } from './registry.js';
+export { mock, requireActual, unmock, resetModules, } from './registry.js';

package/dist/mocker/registry.d.ts

@@ -1,7 +1,6 @@
 import { ModuleFactory } from './types.js';
 export declare const mock: (moduleId: string, factory: ModuleFactory) => void;
-export declare const clearMocks: () => void;
-export declare const getMockRegistry: () => Map<number, ModuleFactory>;
-export declare const getMockImplementation: (moduleId: number) => unknown | null;
 export declare const requireActual: <T = any>(moduleId: string) => T;
+export declare const unmock: (moduleId: string) => void;
+export declare const resetModules: () => void;
 //# sourceMappingURL=registry.d.ts.map

package/dist/mocker/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/mocker/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,YAAY,CAAC;AAO9D,eAAO,MAAM,IAAI,GAAI,UAAU,MAAM,EAAE,SAAS,aAAa,KAAG,IAG/D,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,IAG7B,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,GAAG,CAAC,MAAM,EAAE,aAAa,CAE3D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,KAAG,OAAO,GAAG,IAalE,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,CAAC,GAAG,GAAG,EAAE,UAAU,MAAM,KAAG,CAEH,CAAC"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/mocker/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,YAAY,CAAC;AAO9D,eAAO,MAAM,IAAI,GAAI,UAAU,MAAM,EAAE,SAAS,aAAa,KAAG,IAG/D,CAAC;AAmBF,eAAO,MAAM,aAAa,GAAI,CAAC,GAAG,GAAG,EAAE,UAAU,MAAM,KAAG,CAEH,CAAC;AAExD,eAAO,MAAM,MAAM,GAAI,UAAU,MAAM,SAGtC,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,IAG/B,CAAC"}

package/dist/mocker/registry.js

@@ -1,40 +1,49 @@
+const modulesCache = new Map();
 const mockRegistry = new Map();
-const mockCache = new Map();
 const originalRequire = global.__r;
 export const mock = (moduleId, factory) => {
-    mockCache.delete(moduleId);
+    modulesCache.delete(moduleId);
     mockRegistry.set(moduleId, factory);
 };
-export const clearMocks = () => {
-    mockRegistry.clear();
-    mockCache.clear();
-};
-export const getMockRegistry = () => {
-    return mockRegistry;
+const isModuleMocked = (moduleId) => {
+    return mockRegistry.has(moduleId);
 };
-export const getMockImplementation = (moduleId) => {
-    if (mockCache.has(moduleId)) {
-        return mockCache.get(moduleId);
-    }
+const getMockImplementation = (moduleId) => {
     const factory = mockRegistry.get(moduleId);
     if (!factory) {
         return null;
     }
     const implementation = factory();
-    mockCache.set(moduleId, implementation);
+    modulesCache.set(moduleId, implementation);
     return implementation;
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const requireActual = (moduleId) => 
 // babel plugin will transform 'moduleId' to a number
 originalRequire(moduleId);
+export const unmock = (moduleId) => {
+    mockRegistry.delete(moduleId);
+    modulesCache.delete(moduleId);
+};
+export const resetModules = () => {
+    modulesCache.clear();
+    mockRegistry.clear();
+};
 const mockRequire = (moduleId) => {
     // babel plugin will transform 'moduleId' to a number
-    const mockedModule = getMockImplementation(moduleId);
-    if (mockedModule) {
+    const moduleIdNumber = moduleId;
+    const cachedModule = modulesCache.get(moduleIdNumber);
+    if (cachedModule) {
+        return cachedModule;
+    }
+    if (isModuleMocked(moduleIdNumber)) {
+        const mockedModule = getMockImplementation(moduleIdNumber);
+        modulesCache.set(moduleIdNumber, mockedModule);
         return mockedModule;
     }
-    return originalRequire(moduleId);
+    const originalModule = originalRequire(moduleIdNumber);
+    modulesCache.set(moduleIdNumber, originalModule);
+    return originalModule;
 };
 Object.setPrototypeOf(mockRequire, Object.getPrototypeOf(originalRequire));
 Object.defineProperties(mockRequire, Object.getOwnPropertyDescriptors(originalRequire));

package/dist/namespace.d.ts

@@ -0,0 +1,18 @@
+import { spyOn, fn, clearAllMocks, resetAllMocks, restoreAllMocks } from './spy/index.js';
+import { mock, unmock, requireActual, resetModules } from './mocker/index.js';
+import { waitFor, waitUntil } from './waitFor.js';
+export type HarnessNamespace = {
+    spyOn: typeof spyOn;
+    fn: typeof fn;
+    mock: typeof mock;
+    unmock: typeof unmock;
+    requireActual: typeof requireActual;
+    clearAllMocks: typeof clearAllMocks;
+    resetAllMocks: typeof resetAllMocks;
+    restoreAllMocks: typeof restoreAllMocks;
+    resetModules: typeof resetModules;
+    waitFor: typeof waitFor;
+    waitUntil: typeof waitUntil;
+};
+export declare const harness: HarnessNamespace;
+//# sourceMappingURL=namespace.d.ts.map

package/dist/namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.d.ts","sourceRoot":"","sources":["../src/namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,EAAE,EACF,aAAa,EACb,aAAa,EACb,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,EAAE,EAAE,OAAO,EAAE,CAAC;IACd,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,eAAe,EAAE,OAAO,eAAe,CAAC;IACxC,YAAY,EAAE,OAAO,YAAY,CAAC;IAClC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,SAAS,CAAC;CAC7B,CAAC;AAkBF,eAAO,MAAM,OAAO,kBAA2B,CAAC"}

package/dist/namespace.js

@@ -0,0 +1,19 @@
+import { spyOn, fn, clearAllMocks, resetAllMocks, restoreAllMocks, } from './spy/index.js';
+import { mock, unmock, requireActual, resetModules } from './mocker/index.js';
+import { waitFor, waitUntil } from './waitFor.js';
+const createHarnessNamespace = () => {
+    return {
+        spyOn,
+        fn,
+        mock,
+        unmock,
+        requireActual,
+        clearAllMocks,
+        resetAllMocks,
+        restoreAllMocks,
+        resetModules,
+        waitFor,
+        waitUntil,
+    };
+};
+export const harness = createHarnessNamespace();

package/dist/polyfills.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Polyfills for ES2022+ features not supported by JSC (JavaScriptCore).
+ *
+ * JSC, used in React Native when Hermes is disabled, doesn't support
+ * Object.hasOwn (ES2022). This causes runtime errors when @vitest/expect
+ * v4.x initializes.
+ *
+ * This polyfill must be loaded before any code that uses Object.hasOwn.
+ */
+export {};
+//# sourceMappingURL=polyfills.d.ts.map

package/dist/polyfills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyfills.d.ts","sourceRoot":"","sources":["../src/polyfills.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}

package/dist/polyfills.js

@@ -0,0 +1,13 @@
+/**
+ * Polyfills for ES2022+ features not supported by JSC (JavaScriptCore).
+ *
+ * JSC, used in React Native when Hermes is disabled, doesn't support
+ * Object.hasOwn (ES2022). This causes runtime errors when @vitest/expect
+ * v4.x initializes.
+ *
+ * This polyfill must be loaded before any code that uses Object.hasOwn.
+ */
+if (typeof Object.hasOwn !== 'function') {
+    Object.hasOwn = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+}
+export {};

package/dist/render/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type ErrorBoundaryProps = {
+    children: React.ReactNode;
+};
+type ErrorBoundaryState = {
+    hasError: boolean;
+    error: Error | null;
+};
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/render/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/render/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIxD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI;IAOvD,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBnC"}

package/dist/render/ErrorBoundary.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Error caught by ErrorBoundary:', error, errorInfo);
+    }
+    componentDidUpdate(prevProps) {
+        // Reset error state when children change (new component rendered)
+        if (prevProps.children !== this.props.children && this.state.hasError) {
+            this.setState({ hasError: false, error: null });
+        }
+    }
+    render() {
+        if (this.state.hasError && this.state.error) {
+            return (_jsx(View, { style: styles.errorContainer, children: _jsxs(View, { style: styles.errorContent, children: [_jsx(Text, { style: styles.errorTitle, children: "Component Error" }), _jsx(Text, { style: styles.errorSubtitle, children: "The rendered component threw an error:" }), _jsxs(ScrollView, { style: styles.errorScrollView, children: [_jsx(Text, { style: styles.errorMessage, children: this.state.error.message }), this.state.error.stack && (_jsx(Text, { style: styles.errorStack, children: this.state.error.stack }))] })] }) }));
+        }
+        return this.props.children;
+    }
+}
+const styles = StyleSheet.create({
+    errorContainer: {
+        flex: 1,
+        backgroundColor: 'rgba(220, 38, 38, 0.1)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: 20,
+    },
+    errorContent: {
+        backgroundColor: '#1f2937',
+        borderRadius: 12,
+        padding: 20,
+        maxWidth: 500,
+        width: '100%',
+        maxHeight: '80%',
+        borderWidth: 2,
+        borderColor: '#dc2626',
+    },
+    errorTitle: {
+        fontSize: 24,
+        fontWeight: '700',
+        color: '#dc2626',
+        marginBottom: 8,
+    },
+    errorSubtitle: {
+        fontSize: 14,
+        color: '#9ca3af',
+        marginBottom: 16,
+    },
+    errorScrollView: {
+        maxHeight: 400,
+    },
+    errorMessage: {
+        fontSize: 16,
+        fontWeight: '600',
+        color: '#fca5a5',
+        marginBottom: 12,
+        fontFamily: 'Courier',
+    },
+    errorStack: {
+        fontSize: 12,
+        color: '#d1d5db',
+        fontFamily: 'Courier',
+        lineHeight: 18,
+    },
+});

package/dist/render/TestComponentOverlay.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TestComponentOverlay: () => React.ReactElement | null;
+//# sourceMappingURL=TestComponentOverlay.d.ts.map

package/dist/render/TestComponentOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestComponentOverlay.d.ts","sourceRoot":"","sources":["../../src/render/TestComponentOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,eAAO,MAAM,oBAAoB,QAAO,KAAK,CAAC,YAAY,GAAG,IAgC5D,CAAC"}

package/dist/render/TestComponentOverlay.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useRenderedElement } from '../ui/state.js';
+import { store } from '../ui/state.js';
+import { ErrorBoundary } from './ErrorBoundary.js';
+export const TestComponentOverlay = () => {
+    const { element, key } = useRenderedElement();
+    useEffect(() => {
+        // Call onRenderCallback when element changes
+        const callback = store.getState().onRenderCallback;
+        if (callback) {
+            callback();
+            store.getState().setOnRenderCallback(null);
+        }
+    }, [element]);
+    if (!element) {
+        return null;
+    }
+    const handleLayout = () => {
+        const callback = store.getState().onLayoutCallback;
+        if (callback) {
+            callback();
+            // Clear the callback after calling it
+            store.getState().setOnLayoutCallback(null);
+        }
+    };
+    return (_jsx(View, { style: styles.overlay, onLayout: handleLayout, children: _jsx(ErrorBoundary, { children: element }) }, key));
+};
+const styles = StyleSheet.create({
+    overlay: {
+        ...StyleSheet.absoluteFillObject,
+        backgroundColor: '#0a1628',
+        zIndex: 1000,
+    },
+});

package/dist/render/cleanup.d.ts

@@ -0,0 +1,2 @@
+export declare const cleanup: () => void;
+//# sourceMappingURL=cleanup.d.ts.map

package/dist/render/cleanup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cleanup.d.ts","sourceRoot":"","sources":["../../src/render/cleanup.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAO,IAI1B,CAAC"}

package/dist/render/cleanup.js

@@ -0,0 +1,6 @@
+import { store } from '../ui/state.js';
+export const cleanup = () => {
+    store.getState().setRenderedElement(null);
+    store.getState().setOnLayoutCallback(null);
+    store.getState().setOnRenderCallback(null);
+};

package/dist/render/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RenderResult, RenderOptions } from './types.js';
+export declare const render: (element: React.ReactElement, options?: RenderOptions) => Promise<RenderResult>;
+export { cleanup } from './cleanup.js';
+export type { RenderResult, RenderOptions } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAY9D,eAAO,MAAM,MAAM,GACjB,SAAS,KAAK,CAAC,YAAY,EAC3B,UAAS,aAAkB,KAC1B,OAAO,CAAC,YAAY,CA2EtB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/render/index.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { store } from '../ui/state.js';
+const wrapElement = (element, wrapper) => {
+    if (!wrapper) {
+        return element;
+    }
+    return React.createElement(wrapper, { children: element });
+};
+export const render = async (element, options = {}) => {
+    const { timeout = 1000, wrapper } = options;
+    // If an element is already rendered, unmount it first
+    if (store.getState().renderedElement !== null) {
+        store.getState().setRenderedElement(null);
+        store.getState().setOnLayoutCallback(null);
+        store.getState().setOnRenderCallback(null);
+    }
+    // Create a promise that resolves when the element is laid out
+    const layoutPromise = new Promise((resolve, reject) => {
+        const timeoutId = setTimeout(() => {
+            store.getState().setOnLayoutCallback(null);
+            reject(new Error(`Render timeout: Element did not mount within ${timeout}ms`));
+        }, timeout);
+        store.getState().setOnLayoutCallback(() => {
+            clearTimeout(timeoutId);
+            resolve();
+        });
+    });
+    // Wrap and set the element in state (key is generated automatically)
+    const wrappedElement = wrapElement(element, wrapper);
+    store.getState().setRenderedElement(wrappedElement);
+    // Wait for layout
+    await layoutPromise;
+    const rerender = async (newElement) => {
+        if (store.getState().renderedElement === null) {
+            throw new Error('No element is currently rendered. Call render() first.');
+        }
+        // Create a promise that resolves when the element is re-rendered
+        const renderPromise = new Promise((resolve, reject) => {
+            const timeoutId = setTimeout(() => {
+                store.getState().setOnRenderCallback(null);
+                reject(new Error(`Rerender timeout: Element did not update within ${timeout}ms`));
+            }, timeout);
+            store.getState().setOnRenderCallback(() => {
+                clearTimeout(timeoutId);
+                resolve();
+            });
+        });
+        const wrappedNewElement = wrapElement(newElement, wrapper);
+        store.getState().updateRenderedElement(wrappedNewElement);
+        // Wait for render
+        await renderPromise;
+    };
+    const unmount = () => {
+        if (store.getState().renderedElement === null) {
+            return;
+        }
+        store.getState().setRenderedElement(null);
+        store.getState().setOnLayoutCallback(null);
+        store.getState().setOnRenderCallback(null);
+    };
+    return {
+        rerender,
+        unmount,
+    };
+};
+export { cleanup } from './cleanup.js';

package/dist/render/setup.d.ts

@@ -0,0 +1,2 @@
+export declare const setup: () => void;
+//# sourceMappingURL=setup.d.ts.map

package/dist/render/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/render/setup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,YAIjB,CAAC"}

package/dist/render/setup.js

@@ -0,0 +1,7 @@
+import { afterEach } from '../collector/functions.js';
+import { cleanup } from './cleanup.js';
+export const setup = () => {
+    afterEach(() => {
+        cleanup();
+    });
+};