@react-native-harness/runtime 1.2.0-rc.1 → 1.2.0

package/dist/client/factory.d.ts

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

package/dist/client/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/client/factory.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,SAAS,2EAsFrB,CAAC"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/client/factory.ts"],"names":[],"mappings":"AAMA,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAY3F,eAAO,MAAM,SAAS,QAAa,OAAO,CAAC,aAAa,CA2EvD,CAAC"}

package/dist/client/factory.js

@@ -1,4 +1,4 @@
-import { getBridgeClient } from '@react-native-harness/bridge/client';
+import { connectToHarness } from '@react-native-harness/bridge/client';
 import { store } from '../ui/state.js';
 import { getTestRunner } from '../runner/index.js';
 import { getTestCollector } from '../collector/index.js';
@@ -8,68 +8,62 @@ import { getBundler, evaluateModule } from '../bundler/index.js';
 import { markTestsAsSkippedByName } from '../filtering/index.js';
 import { setup } from '../render/setup.js';
 import { runSetupFiles } from './setup-files.js';
-import { setClient } from './store.js';
+import { setHandle } from './store.js';
 export const getClient = async () => {
-    const client = await getBridgeClient(getWSServer(), {
-        runTests: async () => {
-            throw new Error('Not implemented');
-        },
-    });
-    setClient(client);
-    client.rpc.$functions.runTests = async (path, options) => {
-        if (store.getState().status === 'running') {
-            throw new Error('Already running tests');
-        }
-        store.getState().setStatus('running');
-        let collector = null;
-        let runner = null;
-        let events = null;
-        let bundler = null;
-        try {
-            collector = getTestCollector();
-            runner = getTestRunner();
-            bundler = getBundler();
-            events = combineEventEmitters(collector.events, runner.events, bundler.events);
-            events.addListener((event) => {
-                client.rpc.emitEvent(event.type, event);
-            });
-            await runSetupFiles({
-                setupFiles: options.setupFiles ?? [],
-                setupFilesAfterEnv: [],
-                events: events,
-                bundler: bundler,
-                evaluateModule,
-            });
-            const moduleJs = await bundler.getModule(path);
-            const collectionResult = await collector.collect(async () => {
+    const handle = await connectToHarness(getWSServer(), {
+        runTests: async (path, options) => {
+            if (store.getState().status === 'running') {
+                throw new Error('Already running tests');
+            }
+            store.getState().setStatus('running');
+            let collector = null;
+            let runner = null;
+            let events = null;
+            let bundler = null;
+            try {
+                collector = getTestCollector();
+                runner = getTestRunner();
+                bundler = getBundler();
+                events = combineEventEmitters(collector.events, runner.events, bundler.events);
+                events.addListener((event) => {
+                    handle.emitEvent(event);
+                });
                 await runSetupFiles({
-                    setupFiles: [],
-                    setupFilesAfterEnv: options.setupFilesAfterEnv ?? [],
+                    setupFiles: options.setupFiles ?? [],
+                    setupFilesAfterEnv: [],
                     events: events,
                     bundler: bundler,
                     evaluateModule,
                 });
-                // Setup automatic cleanup for rendered components
-                setup();
-                evaluateModule(moduleJs, path);
-            }, path);
-            // Apply test name pattern by marking non-matching tests as skipped
-            const processedTestSuite = options.testNamePattern
-                ? markTestsAsSkippedByName(collectionResult.testSuite, options.testNamePattern)
-                : collectionResult.testSuite;
-            const result = await runner.run({
-                testSuite: processedTestSuite,
-                testFilePath: path,
-                runner: options.runner,
-            });
-            return result;
-        }
-        finally {
-            collector?.dispose();
-            runner?.dispose();
-            events?.clearAllListeners();
-            store.getState().setStatus('idle');
-        }
-    };
-    return client;
+                const moduleJs = await bundler.getModule(path);
+                const collectionResult = await collector.collect(async () => {
+                    await runSetupFiles({
+                        setupFiles: [],
+                        setupFilesAfterEnv: options.setupFilesAfterEnv ?? [],
+                        events: events,
+                        bundler: bundler,
+                        evaluateModule,
+                    });
+                    setup();
+                    evaluateModule(moduleJs, path);
+                }, path);
+                const processedTestSuite = options.testNamePattern
+                    ? markTestsAsSkippedByName(collectionResult.testSuite, options.testNamePattern)
+                    : collectionResult.testSuite;
+                return await runner.run({
+                    testSuite: processedTestSuite,
+                    testFilePath: path,
+                    runner: options.runner,
+                });
+            }
+            finally {
+                collector?.dispose();
+                runner?.dispose();
+                events?.clearAllListeners();
+                store.getState().setStatus('idle');
+            }
+        },
+    });
+    setHandle(handle);
+    return handle;
 };

package/dist/client/store.d.ts

@@ -1,4 +1,4 @@
-import type { BridgeClient } from '@react-native-harness/bridge/client';
-export declare const setClient: (client: BridgeClient) => void;
-export declare const getClientInstance: () => BridgeClient;
+import type { HarnessHandle } from '@react-native-harness/bridge/client';
+export declare const setHandle: (h: HarnessHandle) => void;
+export declare const getHandle: () => HarnessHandle;
 //# sourceMappingURL=store.d.ts.map

package/dist/client/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/client/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAIxE,eAAO,MAAM,SAAS,GAAI,QAAQ,YAAY,KAAG,IAEhD,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAO,YAOpC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/client/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIzE,eAAO,MAAM,SAAS,GAAI,GAAG,aAAa,KAAG,IAE5C,CAAC;AAEF,eAAO,MAAM,SAAS,QAAO,aAO5B,CAAC"}

package/dist/client/store.js

@@ -1,10 +1,10 @@
-let clientInstance = null;
-export const setClient = (client) => {
-    clientInstance = client;
+let handle = null;
+export const setHandle = (h) => {
+    handle = h;
 };
-export const getClientInstance = () => {
-    if (!clientInstance) {
-        throw new Error('Bridge client not initialized. This should not happen in normal operation.');
+export const getHandle = () => {
+    if (!handle) {
+        throw new Error('Harness not connected. This should not happen in normal operation.');
     }
-    return clientInstance;
+    return handle;
 };

package/dist/expect/matchers/toMatchImageSnapshot.d.ts

@@ -1,5 +1,5 @@
 import type { MatcherState } from '@vitest/expect';
-import { type ImageSnapshotOptions } from '@react-native-harness/bridge';
+import type { ImageSnapshotOptions } from '@react-native-harness/bridge';
 type ScreenshotResult = {
     data: Uint8Array;
     width: number;

package/dist/expect/matchers/toMatchImageSnapshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toMatchImageSnapshot.d.ts","sourceRoot":"","sources":["../../../src/expect/matchers/toMatchImageSnapshot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,8BAA8B,CAAC;AAGtC,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,MAAM,CAAA;CAAE,CAAC,CA+BnD"}
+{"version":3,"file":"toMatchImageSnapshot.d.ts","sourceRoot":"","sources":["../../../src/expect/matchers/toMatchImageSnapshot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,MAAM,CAAA;CAAE,CAAC,CAoBnD"}

package/dist/expect/matchers/toMatchImageSnapshot.js

@@ -1,21 +1,13 @@
-import { getClientInstance } from '../../client/store.js';
-import { generateTransferId, } from '@react-native-harness/bridge';
+import { getHandle } from '../../client/store.js';
 import { getHarnessContext } from '../../runner/index.js';
 export async function toMatchImageSnapshot(received, options) {
-    const client = getClientInstance();
+    const handle = getHandle();
     const context = getHarnessContext();
-    const transferId = generateTransferId();
-    client.sendBinary(transferId, received.data);
-    const screenshotFile = await client.rpc['device.screenshot.receive']({
-        type: 'binary',
-        transferId,
-        size: received.data.length,
-        mimeType: 'image/png',
-    }, {
+    const screenshotFile = await handle.transferScreenshot(received.data, {
         width: received.width,
         height: received.height,
     });
-    const result = await client.rpc['test.matchImageSnapshot'](screenshotFile, context.testFilePath, options, context.runner);
+    const result = await handle.matchImageSnapshot(screenshotFile, context.testFilePath, options, context.runner);
     return {
         pass: result.pass,
         message: () => result.message,

package/dist/initialize.js

@@ -2,10 +2,19 @@ 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
+// Polyfill for EventTarget on runtimes that don't ship one (RN's JSC).
+// Do NOT overwrite when a native ctor already exists (RN Web / browsers):
+// Safari's EventTarget.dispatchEvent() does an internal brand check and
+// rejects polyfill instances with a TypeError, which breaks any
+// DOM-event-driven flow in the page — most visibly DRM (FairPlay) via
+// libraries that re-dispatch synthetic `encrypted` events.
 const Shim = require('event-target-shim');
-globalThis.Event = Shim.Event;
-globalThis.EventTarget = Shim.EventTarget;
+if (typeof globalThis.Event !== 'function') {
+    globalThis.Event = Shim.Event;
+}
+if (typeof globalThis.EventTarget !== 'function') {
+    globalThis.EventTarget = Shim.EventTarget;
+}
 // Setup jest mock to warn users about using Jest APIs
 setupJestMock();
 // Turn off LogBox
@@ -19,9 +28,9 @@ setTimeout(() => {
     void (async () => {
         try {
             await disableHMRWhenReady(() => HMRClient.disable(), 50);
-            const client = await getClient();
+            const handle = await getClient();
             const deviceDescriptor = getDeviceDescriptor();
-            await client.rpc.reportReady(deviceDescriptor);
+            handle.reportReady(deviceDescriptor);
         }
         catch (error) {
             console.error('Failed to initialize React Native Harness', error);

package/dist/jsx/jsx-dev-runtime.d.ts

@@ -1,3 +1,4 @@
+import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
 export declare const Fragment: import("react").ExoticComponent<import("react").FragmentProps>;
-export declare function jsxDEV(type: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function jsxDEV(...args: Parameters<typeof ReactJSXRuntimeDev.jsxDEV>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/jsx/jsx-dev-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../../src/jsx/jsx-dev-runtime.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,gEAA8B,CAAC;AAEpD,wBAAgB,MAAM,CACpB,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,GAAG,EACrB,MAAM,EAAE,GAAG,EACX,IAAI,EAAE,GAAG,8FAkBV"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../../src/jsx/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,uBAAuB,CAAC;AAe5D,eAAO,MAAM,QAAQ,gEAA8B,CAAC;AAEpD,wBAAgB,MAAM,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,MAAM,CAAC,8FA8B3E"}

package/dist/jsx/jsx-dev-runtime.js

@@ -1,11 +1,20 @@
 import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
+const isNamedElementType = (value) => (typeof value === 'function' ||
+    (typeof value === 'object' && value !== null)) &&
+    ('displayName' in value || 'name' in value);
+const isPropsObject = (value) => typeof value === 'object' && value !== null;
 export const Fragment = ReactJSXRuntimeDev.Fragment;
-export function jsxDEV(type, props, key, isStaticChildren, source, self) {
-    if (type &&
-        (type.displayName === 'View' || type.name === 'View') &&
-        props &&
-        props.collapsable === undefined) {
-        props = { ...props, collapsable: true };
+export function jsxDEV(...args) {
+    const [type, props, key, isStaticChildren, source, self] = args;
+    const isViewType = isNamedElementType(type) &&
+        (type.displayName === 'View' || type.name === 'View');
+    const nextProps = isViewType &&
+        isPropsObject(props) &&
+        props.collapsable === undefined
+        ? { ...props, collapsable: true }
+        : props;
+    if (isViewType && isPropsObject(props) && props.collapsable === undefined) {
+        return ReactJSXRuntimeDev.jsxDEV(type, nextProps, key, isStaticChildren, source, self);
     }
-    return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);
+    return ReactJSXRuntimeDev.jsxDEV(type, nextProps, key, isStaticChildren, source, self);
 }