@react-native-harness/runtime 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/runner.js

@@ -1,201 +0,0 @@
-async function runHooks(hooks) {
-    for (const hook of hooks) {
-        await hook();
-    }
-}
-function collectInheritedHooks(suite, hookType) {
-    const hooks = [];
-    const suiteChain = [];
-    // Collect all suites from current to root
-    let currentSuite = suite;
-    while (currentSuite) {
-        suiteChain.push(currentSuite);
-        currentSuite = currentSuite.parent;
-    }
-    if (hookType === 'beforeEach') {
-        // For beforeEach: run parent hooks first (reverse the chain)
-        for (let i = suiteChain.length - 1; i >= 0; i--) {
-            hooks.push(...suiteChain[i].beforeEach);
-        }
-    }
-    else {
-        // For afterEach: run child hooks first (use chain as-is)
-        for (const suiteInChain of suiteChain) {
-            hooks.push(...suiteInChain.afterEach);
-        }
-    }
-    return hooks;
-}
-async function runTest(test, suite, eventHandler, context) {
-    const startTime = Date.now();
-    // Emit test-started event
-    eventHandler({
-        type: 'test-started',
-        path: context.testFilePath,
-        suite: suite.name,
-        name: test.name,
-    });
-    try {
-        if (test.status === 'skipped') {
-            console.log(`- ${test.name} (skipped)`);
-            const result = {
-                name: test.name,
-                status: 'skipped',
-                duration: 0,
-            };
-            // Emit test-finished event
-            eventHandler({
-                type: 'test-finished',
-                path: context.testFilePath,
-                suite: suite.name,
-                name: test.name,
-                duration: 0,
-                reason: 'skipped',
-            });
-            return result;
-        }
-        if (test.status === 'todo') {
-            console.log(`- ${test.name} (todo)`);
-            const result = {
-                name: test.name,
-                status: 'todo',
-                duration: 0,
-            };
-            // Emit test-finished event
-            eventHandler({
-                type: 'test-finished',
-                path: context.testFilePath,
-                suite: suite.name,
-                name: test.name,
-                duration: 0,
-                reason: 'todo',
-            });
-            return result;
-        }
-        // Run all beforeEach hooks from the current suite and its parents
-        const beforeEachHooks = collectInheritedHooks(suite, 'beforeEach');
-        await runHooks(beforeEachHooks);
-        // Run the actual test
-        await test.fn();
-        // Run all afterEach hooks from the current suite and its parents
-        const afterEachHooks = collectInheritedHooks(suite, 'afterEach');
-        await runHooks(afterEachHooks);
-        const duration = Date.now() - startTime;
-        console.log(`✓ ${test.name}`);
-        const result = {
-            name: test.name,
-            status: 'passed',
-            duration,
-        };
-        // Emit test-finished event
-        eventHandler({
-            type: 'test-finished',
-            path: context.testFilePath,
-            suite: suite.name,
-            name: test.name,
-            duration,
-            reason: 'passed',
-        });
-        return result;
-    }
-    catch (error) {
-        const duration = Date.now() - startTime;
-        console.error(`✗ ${test.name}`);
-        console.error(error);
-        const result = {
-            name: test.name,
-            status: 'failed',
-            error: {
-                name: typeof error === 'object' && error !== null && 'name' in error
-                    ? error.name
-                    : 'Unknown error',
-                message: typeof error === 'object' && error !== null && 'message' in error
-                    ? error.message
-                    : JSON.stringify(error),
-                stack: typeof error === 'object' && error !== null && 'stack' in error
-                    ? error.stack
-                    : undefined,
-            },
-            duration,
-        };
-        // Emit test-finished event
-        eventHandler({
-            type: 'test-finished',
-            path: context.testFilePath,
-            suite: suite.name,
-            name: test.name,
-            duration,
-            reason: 'failed',
-        });
-        return result;
-    }
-}
-export async function runSuite(suite, eventHandler, context) {
-    console.log(`\n${suite.name}`);
-    const startTime = Date.now();
-    // Emit suite-started event
-    eventHandler({
-        type: 'suite-started',
-        path: context.testFilePath,
-        name: suite.name,
-    });
-    const testResults = [];
-    const suiteResults = [];
-    let suiteError;
-    try {
-        // Run beforeAll hooks
-        await runHooks(suite.beforeAll);
-        // Run all tests in the current suite
-        for (const test of suite.tests) {
-            const result = await runTest(test, suite, eventHandler, context);
-            testResults.push(result);
-        }
-        // Run all child suites
-        for (const childSuite of suite.suites) {
-            const result = await runSuite(childSuite, eventHandler, context);
-            suiteResults.push(result);
-        }
-        // Run afterAll hooks
-        await runHooks(suite.afterAll);
-    }
-    catch (error) {
-        console.error(`Suite "${suite.name}" failed`);
-        suiteError = error;
-    }
-    const duration = Date.now() - startTime;
-    // Determine overall suite status
-    let status = 'passed';
-    if (suiteError) {
-        status = 'failed';
-    }
-    else {
-        // Check if any tests or child suites failed
-        const hasFailedTests = testResults.some((result) => result.status === 'failed');
-        const hasFailedSuites = suiteResults.some((result) => result.status === 'failed');
-        if (hasFailedTests || hasFailedSuites) {
-            status = 'failed';
-        }
-        else if ((testResults.every((result) => result.status === 'skipped') &&
-            suiteResults.every((result) => result.status === 'skipped') &&
-            testResults.length > 0) ||
-            suiteResults.length > 0) {
-            status = 'skipped';
-        }
-    }
-    // Emit suite-finished event
-    eventHandler({
-        type: 'suite-finished',
-        path: context.testFilePath,
-        name: suite.name,
-        duration,
-        reason: status,
-    });
-    return {
-        name: suite.name,
-        tests: testResults,
-        suites: suiteResults,
-        status,
-        error: suiteError,
-        duration,
-    };
-}

package/dist/runtime.d.ts

@@ -1,2 +0,0 @@
-export declare const getClient: () => Promise<import("@react-native-harness/bridge/client").BridgeClient>;
-//# sourceMappingURL=runtime.d.ts.map

package/dist/runtime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS,2EA6CrB,CAAC"}

package/dist/runtime.js

@@ -1,44 +0,0 @@
-import { getBridgeClient } from '@react-native-harness/bridge/client';
-import { fetchModule, evaluateModule } from './bundler/index.js';
-import { state } from './state.js';
-import { getTestRunner } from './runner/index.js';
-import { getTestCollector } from './collector/index.js';
-import { combineEventEmitters } from './utils/emitter.js';
-import { getWSServer } from './client/getWSServer.js';
-import { Alert } from 'react-native';
-import { getDeviceDescriptor } from './client/getDeviceDescriptor.js';
-export const getClient = async () => {
-    const client = await getBridgeClient(getWSServer(), {
-        runTests: async () => {
-            throw new Error('Not implemented');
-        },
-    });
-    Alert.alert('Device', JSON.stringify(getDeviceDescriptor()));
-    client.rpc.$functions.runTests = async (path) => {
-        if (state.getState().status === 'running') {
-            throw new Error('Already running tests');
-        }
-        state.getState().setStatus('running');
-        let collector = null;
-        let runner = null;
-        let events = null;
-        try {
-            collector = getTestCollector();
-            runner = getTestRunner();
-            events = combineEventEmitters(collector.events, runner.events);
-            events.addListener((event) => {
-                client.rpc.emitEvent(event.type, event);
-            });
-            const moduleJs = await fetchModule(path);
-            const collectionResult = await collector.collect(() => evaluateModule(moduleJs, path), path);
-            return await runner.run(collectionResult.testSuite, path);
-        }
-        finally {
-            collector?.dispose();
-            runner?.dispose();
-            events?.clearAllListeners();
-            state.getState().setStatus('idle');
-        }
-    };
-    return client;
-};

package/dist/state.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import { BridgeClient } from '@react-native-harness/bridge/client';
-type ComponentHarnessState = {
-    node: ReactNode;
-    options: unknown;
-    layout: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-};
-type RunnerState = {
-    status: 'loading' | 'idle' | 'running';
-    componentHarness: ComponentHarnessState | null;
-    client: BridgeClient | null;
-    setStatus: (status: 'idle' | 'running') => void;
-    render: (node: ReactNode, options: unknown) => void;
-    cleanup: () => void;
-    bootstrap: () => Promise<void>;
-    reportLayout: (x: number, y: number, width: number, height: number) => void;
-};
-export declare const state: import("zustand/react").UseBoundStore<import("zustand/vanilla").StoreApi<RunnerState>>;
-export {};
-//# sourceMappingURL=state.d.ts.map

package/dist/state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../src/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC/C,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E,CAAC;AAUF,eAAO,MAAM,KAAK,wFA+Bf,CAAC"}

package/dist/state.js

@@ -1,37 +0,0 @@
-import { create } from 'zustand/react';
-import { getClient } from './runtime.js';
-function assertComponentHarnessReady(state) {
-    if (!state.componentHarness) {
-        throw new Error('ComponentHarness is not ready');
-    }
-}
-export const state = create((set) => ({
-    status: 'loading',
-    componentHarness: null,
-    client: null,
-    setStatus: (status) => set({ status }),
-    render: (node, options) => set({
-        componentHarness: {
-            node,
-            options,
-            layout: { x: 0, y: 0, width: 0, height: 0 },
-        },
-    }),
-    cleanup: () => set({ componentHarness: null }),
-    bootstrap: async () => {
-        const client = await getClient();
-        set({ client, status: 'idle' });
-        client.rpc.reportReady();
-    },
-    reportLayout: (x, y, width, height) => {
-        set((state) => {
-            assertComponentHarnessReady(state);
-            return {
-                componentHarness: {
-                    ...state.componentHarness,
-                    layout: { x, y, width, height },
-                },
-            };
-        });
-    },
-}));

package/dist/ui/UI.d.ts

@@ -1,13 +0,0 @@
-import { ComponentType, ReactNode } from 'react';
-export type ComponentHarnessOptions = {
-    wrapper: ComponentType<{
-        children: ReactNode;
-    }>;
-};
-export type ComponentHarnessProps = {
-    element: ReactNode;
-    options: ComponentHarnessOptions;
-};
-export declare const UI: () => import("react/jsx-runtime").JSX.Element;
-export default UI;
-//# sourceMappingURL=UI.d.ts.map

package/dist/ui/UI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UI.d.ts","sourceRoot":"","sources":["../../src/ui/UI.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAQ,SAAS,EAAa,MAAM,OAAO,CAAC;AAKlE,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,uBAAuB,CAAC;CAClC,CAAC;AAeF,eAAO,MAAM,EAAE,+CA+Cd,CAAC;AAuGF,eAAe,EAAE,CAAC"}

package/dist/ui/UI.js

@@ -1,121 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Text, Image, StyleSheet, ActivityIndicator, StatusBar, Platform, } from 'react-native';
-import { memo, useEffect } from 'react';
-import { useStore } from 'zustand/react';
-import { state } from '../state.js';
-import { LOGO_IMAGE } from '../constants.js';
-const ComponentHarness = memo(function ComponentHarness({ element, options, }) {
-    const Wrapper = options.wrapper ?? View;
-    return (_jsx(View, { style: { flex: 1, alignItems: 'center', justifyContent: 'center' }, children: _jsx(Wrapper, { children: element }) }));
-});
-export const UI = () => {
-    const { componentHarness, status, bootstrap } = useStore(state);
-    useEffect(() => {
-        void bootstrap();
-    }, [bootstrap]);
-    if (componentHarness) {
-        return (_jsx(ComponentHarness, { element: componentHarness.node, options: componentHarness.options }));
-    }
-    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.contentContainer, children: [_jsx(View, { style: styles.logoContainer, children: _jsx(Image, { style: styles.logo, source: LOGO_IMAGE }) }), _jsx(Text, { style: styles.title, children: "React Native Harness" }), status === 'idle' ? (_jsxs(View, { style: styles.statusIndicator, children: [_jsx(View, { style: styles.statusDot }), _jsx(Text, { style: styles.statusText, children: "Idle" })] })) : status === 'loading' ? (_jsxs(View, { style: styles.loadingContainer, children: [_jsx(ActivityIndicator, { size: "small", color: "#3b82f6", style: styles.loadingSpinner }), _jsx(Text, { style: styles.loadingText, children: "Loading..." })] })) : (_jsxs(View, { style: styles.statusIndicator, children: [_jsx(View, { style: styles.statusDot }), _jsx(Text, { style: styles.statusText, children: "Running..." })] }))] }) }));
-};
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#0a1628',
-        position: 'relative',
-    },
-    safeArea: {
-        flex: 1,
-        backgroundColor: 'transparent',
-        paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0,
-    },
-    contentContainer: {
-        alignItems: 'center',
-        padding: 24,
-        borderRadius: 24,
-        backgroundColor: 'rgba(59, 130, 246, 0.1)',
-        borderWidth: 1,
-        borderColor: 'rgba(59, 130, 246, 0.2)',
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 20,
-        },
-        shadowOpacity: 0.3,
-        shadowRadius: 30,
-    },
-    logoContainer: {
-        marginBottom: 12,
-    },
-    logo: {
-        width: 128,
-        height: 128,
-    },
-    title: {
-        fontSize: 28,
-        fontWeight: '700',
-        color: '#38bdf8',
-        textAlign: 'center',
-        letterSpacing: 1,
-        marginBottom: 8,
-    },
-    subtitle: {
-        fontSize: 16,
-        fontWeight: '400',
-        color: 'rgba(255, 255, 255, 0.7)',
-        textAlign: 'center',
-        letterSpacing: 0.5,
-        marginBottom: 24,
-    },
-    statusIndicator: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: 'rgba(34, 211, 238, 0.15)',
-        paddingHorizontal: 16,
-        paddingVertical: 8,
-        height: 36,
-        borderRadius: 20,
-        borderWidth: 1,
-        borderColor: 'rgba(34, 211, 238, 0.4)',
-    },
-    statusDot: {
-        width: 8,
-        height: 8,
-        borderRadius: 4,
-        backgroundColor: '#22d3ee',
-        marginRight: 8,
-        shadowColor: '#22d3ee',
-        shadowOffset: { width: 0, height: 0 },
-        shadowOpacity: 0.8,
-        shadowRadius: 4,
-    },
-    statusText: {
-        fontSize: 14,
-        fontWeight: '500',
-        color: '#22d3ee',
-        letterSpacing: 0.5,
-    },
-    loadingContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: 'rgba(59, 130, 246, 0.15)',
-        paddingHorizontal: 16,
-        paddingVertical: 8,
-        height: 36,
-        borderRadius: 20,
-        borderWidth: 1,
-        borderColor: 'rgba(59, 130, 246, 0.4)',
-    },
-    loadingSpinner: {
-        marginRight: 8,
-    },
-    loadingText: {
-        fontSize: 14,
-        fontWeight: '500',
-        color: '#3b82f6',
-        letterSpacing: 0.5,
-    },
-});
-export default UI;