@react-native-harness/runtime 1.0.0-canary.1764675030942 → 1.0.0-canary.1766225407244

package/dist/rntl/expect.js

@@ -0,0 +1,19 @@
+import { use, Assertion } from 'chai';
+import chaiAsPromised from 'chai-as-promised';
+import sinonChai from 'sinon-chai';
+import { getClient } from './client.js';
+use(chaiAsPromised);
+use(sinonChai);
+export { expect } from 'chai';
+Assertion.addMethod('toBeDisplayed', async function () {
+    const result = await getClient().rpc.executeMatcher(this._obj, 'displayed');
+    this.assert(result, 'expected element to be displayed', 'expected element not to be displayed', true, result);
+});
+Assertion.addMethod('toBeDisabled', async function () {
+    const result = await getClient().rpc.executeMatcher(this._obj, 'disabled');
+    this.assert(result, 'expected element to be disabled', 'expected element not to be disabled', true, result);
+});
+Assertion.addMethod('toBeEnabled', async function () {
+    const result = await getClient().rpc.executeMatcher(this._obj, 'enabled');
+    this.assert(result, 'expected element to be enabled', 'expected element not to be enabled', true, result);
+});

package/dist/rntl/fn.d.ts

@@ -0,0 +1,2 @@
+export { fake } from 'sinon';
+//# sourceMappingURL=fn.d.ts.map

package/dist/rntl/fn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fn.d.ts","sourceRoot":"","sources":["../../src/rntl/fn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC"}

package/dist/rntl/fn.js

@@ -0,0 +1 @@
+export { fake } from 'sinon';

package/dist/rntl/render.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const render: (node: ReactNode, options?: unknown) => Promise<void>;
+export declare const cleanup: () => Promise<void>;
+//# sourceMappingURL=render.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/rntl/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,MAAM,GACjB,MAAM,SAAS,EACf,UAAU,OAAO,KAChB,OAAO,CAAC,IAAI,CAId,CAAC;AAEF,eAAO,MAAM,OAAO,QAAa,OAAO,CAAC,IAAI,CAG5C,CAAC"}

package/dist/rntl/render.js

@@ -0,0 +1,11 @@
+import { state } from '../state.js';
+import { toggleScreenAccessibility } from './screen.js';
+export const render = async (node, options) => {
+    const renderResult = await state.getState().render(node, options ?? {});
+    toggleScreenAccessibility(true);
+    return renderResult;
+};
+export const cleanup = async () => {
+    await state.getState().cleanup();
+    toggleScreenAccessibility(false);
+};

package/dist/rntl/screen.d.ts

@@ -0,0 +1,45 @@
+import { ElementRef, QueryOptions } from '@react-native-harness/interaction-engine';
+declare const readyScreen: {
+    readonly findByTestId: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByTestId: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+    readonly findByLabel: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByLabel: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+    readonly findByText: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByText: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+};
+export type Screen = typeof readyScreen;
+export declare let screen: {
+    readonly findByTestId: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByTestId: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+    readonly findByLabel: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByLabel: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+    readonly findByText: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? ElementRef : ElementRef | null>;
+    readonly findAllByText: <TOptions extends QueryOptions>(query: string, options?: TOptions | undefined) => Promise<TOptions extends {
+        strict: true;
+    } ? [ElementRef, ...ElementRef[]] : ElementRef[]>;
+};
+export declare const toggleScreenAccessibility: (accessible: boolean) => void;
+export {};
+//# sourceMappingURL=screen.d.ts.map

package/dist/rntl/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/rntl/screen.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,YAAY,EAEb,MAAM,0CAA0C,CAAC;AA4BlD,QAAA,MAAM,WAAW;4BArBP,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;+BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;2BAL7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;8BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;0BAL7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;6BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;CAuB7B,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,WAAW,CAAC;AAiBxC,eAAO,IAAI,MAAM;4BA/CP,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;+BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;2BAL7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;8BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;0BAL7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAOkB,IAAI;;6BAR7B,QAAQ,SAAS,YAAY,SAC5B,MAAM;gBAIkB,IAAI;;CA0CN,CAAC;AAElC,eAAO,MAAM,yBAAyB,GAAI,YAAY,OAAO,KAAG,IAE/D,CAAC"}

package/dist/rntl/screen.js

@@ -0,0 +1,31 @@
+import { getClient } from './client.js';
+const getFindByQuery = (locationStrategy, multiple) => {
+    return (query, options) => {
+        // TODO: Fix this
+        // @ts-expect-error Fix this
+        return getClient().rpc.executeQuery({ locationStrategy, value: query }, { ...options, multiple });
+    };
+};
+const readyScreen = {
+    findByTestId: getFindByQuery('id', false),
+    findAllByTestId: getFindByQuery('id', true),
+    findByLabel: getFindByQuery('accessibility id', false),
+    findAllByLabel: getFindByQuery('accessibility id', true),
+    findByText: getFindByQuery('text', false),
+    findAllByText: getFindByQuery('text', true),
+};
+const notImplemented = () => {
+    throw new Error("The 'render' method must be called before accessing screen methods. Please ensure you've initialized the component under test.");
+};
+const defaultScreen = {
+    findByTestId: notImplemented,
+    findAllByTestId: notImplemented,
+    findByLabel: notImplemented,
+    findAllByLabel: notImplemented,
+    findByText: notImplemented,
+    findAllByText: notImplemented,
+};
+export let screen = defaultScreen;
+export const toggleScreenAccessibility = (accessible) => {
+    screen = accessible ? readyScreen : defaultScreen;
+};

package/dist/rntl/userEvent.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef } from '@react-native-harness/interaction-engine';
+export declare const userEvent: {
+    press: (elementRef: ElementRef, options?: Omit<{
+        elementRef: ElementRef;
+    }, "elementRef"> | undefined) => Promise<void>;
+    longPress: (elementRef: ElementRef, options?: Omit<{
+        elementRef: ElementRef;
+    }, "elementRef"> | undefined) => Promise<void>;
+    type: (elementRef: ElementRef, options?: Omit<{
+        elementRef: ElementRef;
+        text: string;
+    }, "elementRef"> | undefined) => Promise<void>;
+    clear: (elementRef: ElementRef, options?: Omit<{
+        elementRef: ElementRef;
+    }, "elementRef"> | undefined) => Promise<void>;
+    scroll: (elementRef: ElementRef, options?: Omit<{
+        elementRef: ElementRef;
+        direction: "up" | "down" | "left" | "right";
+        distance: number;
+    }, "elementRef"> | undefined) => Promise<void>;
+};
+//# sourceMappingURL=userEvent.d.ts.map

package/dist/rntl/userEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userEvent.d.ts","sourceRoot":"","sources":["../../src/rntl/userEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACX,MAAM,0CAA0C,CAAC;AAkBlD,eAAO,MAAM,SAAS;wBAbN,UAAU;;;4BAAV,UAAU;;;uBAAV,UAAU;;;;wBAAV,UAAU;;;yBAAV,UAAU;;;;;CAmBzB,CAAC"}

package/dist/rntl/userEvent.js

@@ -0,0 +1,19 @@
+import { getClient } from './client.js';
+const getUserEventAction = (actionType) => {
+    return (elementRef, options) => {
+        return getClient().rpc.executeAction({
+            type: actionType,
+            payload: {
+                elementRef,
+                ...(options || {}),
+            },
+        });
+    };
+};
+export const userEvent = {
+    press: getUserEventAction('press'),
+    longPress: getUserEventAction('longPress'),
+    type: getUserEventAction('type'),
+    clear: getUserEventAction('clear'),
+    scroll: getUserEventAction('scroll'),
+};

package/dist/runner.d.ts

@@ -0,0 +1,4 @@
+import type { TestSuite } from './rntl/describe.js';
+import type { SuiteResult } from '@react-native-harness/bridge';
+export declare function runSuite(suite: TestSuite): Promise<SuiteResult>;
+//# sourceMappingURL=runner.d.ts.map

package/dist/runner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runner.d.ts","sourceRoot":"","sources":["../src/runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,8BAA8B,CAAC;AA0E5E,wBAAsB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,CAmErE"}

package/dist/runner.js

@@ -0,0 +1,115 @@
+async function runHooks(hooks) {
+    for (const hook of hooks) {
+        await hook();
+    }
+}
+async function runTest(test, suite) {
+    const startTime = Date.now();
+    try {
+        if (test.status === 'skipped') {
+            console.log(`- ${test.name} (skipped)`);
+            return {
+                name: test.name,
+                status: 'skipped',
+                duration: 0,
+            };
+        }
+        if (test.status === 'todo') {
+            console.log(`- ${test.name} (todo)`);
+            return {
+                name: test.name,
+                status: 'todo',
+                duration: 0,
+            };
+        }
+        // Run all beforeEach hooks from the current suite and its parents
+        await runHooks(suite.beforeEach);
+        // Run the actual test
+        await test.fn();
+        // Run all afterEach hooks from the current suite and its parents
+        await runHooks(suite.afterEach);
+        const duration = Date.now() - startTime;
+        console.log(`✓ ${test.name}`);
+        return {
+            name: test.name,
+            status: 'passed',
+            duration,
+        };
+    }
+    catch (error) {
+        const duration = Date.now() - startTime;
+        console.error(`✗ ${test.name}`);
+        console.error(error);
+        return {
+            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,
+        };
+    }
+}
+export async function runSuite(suite) {
+    console.log(`\n${suite.name}`);
+    const startTime = Date.now();
+    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);
+            testResults.push(result);
+        }
+        // Run all child suites
+        for (const childSuite of suite.suites) {
+            const result = await runSuite(childSuite);
+            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';
+        }
+    }
+    return {
+        name: suite.name,
+        tests: testResults,
+        suites: suiteResults,
+        status,
+        error: suiteError,
+        duration,
+    };
+}

package/{out-tsc/vitest/src/client/factory.d.ts → dist/runtime.d.ts}

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

package/dist/runtime.d.ts.map

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

package/dist/runtime.js

@@ -0,0 +1,39 @@
+import { getBridgeClient } from '@react-native-harness/bridge/client';
+import { collectTests } from './rntl/describe.js';
+import { fetchModule, executeModule } from './module.js';
+import { runSuite } from './runner.js';
+import { state } from './state.js';
+const consumeTestModule = async (fileName) => {
+    const moduleJs = await fetchModule(fileName);
+    const testSuite = collectTests(() => executeModule(moduleJs));
+    return testSuite;
+};
+export const getClient = () => getBridgeClient('http://localhost:3001', {
+    runTests: async (path) => {
+        if (state.getState().status === 'running') {
+            throw new Error('Already running tests');
+        }
+        state.getState().setStatus('running');
+        try {
+            const testSuite = await consumeTestModule(path);
+            const results = await runSuite(testSuite);
+            return results;
+        }
+        catch (error) {
+            return {
+                error: {
+                    message: error instanceof Error ? error.message : String(error),
+                    stack: error instanceof Error ? error.stack : 'Unknown',
+                    name: error instanceof Error ? error.name : 'Unknown',
+                },
+                name: 'Root',
+                tests: [],
+                suites: [],
+                status: 'failed',
+            };
+        }
+        finally {
+            state.getState().setStatus('idle');
+        }
+    },
+});

package/dist/state.d.ts

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+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 },
+                },
+            };
+        });
+    },
+}));