feat: add react-native-harness CI integration for iOS

Author: mfazekas

.github/workflows/ci.yml

@@ -207,3 +207,46 @@ jobs:
           TURBO_FORCE: ${{ steps.turbo-cache-ios.outputs.cache-hit != 'true' }}
         run: |
           yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"
+
+  test-harness-ios:
+    needs: build-ios
+    runs-on: macos-latest
+    env:
+      XCODE_VERSION: 16.4
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup
+        uses: ./.github/actions/setup
+
+      - name: Use appropriate Xcode version
+        uses: maxim-lobanov/setup-xcode@v1
+        with:
+          xcode-version: ${{ env.XCODE_VERSION }}
+
+      - name: Restore cocoapods
+        id: cocoapods-cache
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            **/ios/Pods
+          key: ${{ runner.os }}-cocoapods-${{ hashFiles('example/ios/Podfile.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-cocoapods-
+
+      - name: Install cocoapods
+        if: steps.cocoapods-cache.outputs.cache-hit != 'true'
+        run: |
+          cd example
+          bundle install
+          bundle exec pod install --project-directory=ios
+
+      - name: Boot iOS Simulator
+        run: |
+          xcrun simctl boot "iPhone 16 Pro" || true
+
+      - name: Run harness tests on iOS
+        run: |
+          cd example
+          yarn test:harness:ios

example/__tests__/rive.harness.ts

@@ -0,0 +1,38 @@
+/**
+ * Harness tests for Rive - runs on real devices via react-native-harness.
+ * Uses the same test suites as the in-app test runner.
+ */
+import { describe, it, beforeAll } from 'react-native-harness';
+import { RiveFileFactory } from '@rive-app/react-native';
+import type { RiveFile } from '@rive-app/react-native';
+import { harnessBackend } from '../src/testing/harnessBackend';
+import { allSuites } from '../src/testing/suites';
+
+for (const suite of allSuites) {
+  describe(suite.name, () => {
+    let file: RiveFile;
+
+    beforeAll(async () => {
+      file = await RiveFileFactory.fromSource(suite.riveAsset, undefined);
+    });
+
+    const tests = suite.getTests(
+      // Create a proxy that will access the file after beforeAll runs
+      new Proxy({} as RiveFile, {
+        get: (_target, prop) => {
+          return (file as unknown as Record<string, unknown>)[prop as string];
+        },
+      }),
+      harnessBackend
+    );
+
+    for (const test of tests) {
+      it(test.name, async () => {
+        const result = await test.run();
+        if (result.status === 'failed') {
+          throw new Error(result.error);
+        }
+      });
+    }
+  });
+}

example/ios/Podfile.lock

@@ -1880,7 +1880,7 @@ PODS:
     - ReactCommon/turbomodule/core
     - RNWorklets
     - Yoga
-  - RNRive (0.1.2):
+  - RNRive (0.1.3):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2234,76 +2234,76 @@ SPEC CHECKSUMS:
   fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
   glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
   hermes-engine: 314be5250afa5692b57b4dd1705959e1973a8ebe
-  NitroModules: 0af9a8516f3d8f101976d60e1f34e2a22f401600
+  NitroModules: 7f50ee216f8403e8eb243acfc504f3f856d6914c
   RCT-Folly: 36fe2295e44b10d831836cc0d1daec5f8abcf809
   RCTDeprecation: 83ffb90c23ee5cea353bd32008a7bca100908f8c
   RCTRequired: eb7c0aba998009f47a540bec9e9d69a54f68136e
   RCTTypeSafety: 659ae318c09de0477fd27bbc9e140071c7ea5c93
   React: c2d3aa44c49bb34e4dfd49d3ee92da5ebacc1c1c
   React-callinvoker: 1bdfb7549b5af266d85757193b5069f60659ef9d
-  React-Core: 10597593fdbae06f0089881e025a172e51d4a769
-  React-CoreModules: 6907b255529dd46895cf687daa67b24484a612c2
-  React-cxxreact: a9f5b8180d6955bc3f6a3fcd657c4d9b4d95c1f6
+  React-Core: 7150cf9b6a5af063b37003062689f1691e79c020
+  React-CoreModules: 15a85e6665d61678942da6ae485b351f4c699049
+  React-cxxreact: 74f9de59259ac951923f5726aa14f0398f167af9
   React-debug: e74e76912b91e08d580c481c34881899ccf63da9
-  React-defaultsnativemodule: 11f6ee2cf69bf3af9d0f28a6253def33d21b5266
-  React-domnativemodule: f940bbc4fa9e134190acbf3a4a9f95621b5a8f51
-  React-Fabric: 6f5c357bf3a42ff11f8844ad3fc7a1eb04f4b9de
-  React-FabricComponents: 10e0c0209822ac9e69412913a8af1ca33573379b
-  React-FabricImage: f582e764072dfa4715ae8c42979a5bace9cbcc12
+  React-defaultsnativemodule: 628285212bbd65417d40ad6a9f8781830fda6c98
+  React-domnativemodule: 185d9808198405c176784aaf33403d713bd24fb7
+  React-Fabric: c814804affbe1952e16149ddd20256e1bccae67e
+  React-FabricComponents: 81ef47d596966121784afec9924f9562a29b1691
+  React-FabricImage: f14f371d678aa557101def954ac3ba27e48948ff
   React-featureflags: d5facceff8f8f6de430e0acecf4979a9a0839ba9
-  React-featureflagsnativemodule: a7dd141f1ef4b7c1331af0035689fbc742a49ff4
-  React-graphics: 36ae3407172c1c77cea29265d2b12b90aaef6aa0
-  React-hermes: 9116d4e6d07abeb519a2852672de087f44da8f12
-  React-idlecallbacksnativemodule: ae7f5ffc6cf2d2058b007b78248e5b08172ad5c3
-  React-ImageManager: 9daee0dc99ad6a001d4b9e691fbf37107e2b7b54
-  React-jserrorhandler: 1e6211581071edaf4ecd5303147328120c73f4dc
-  React-jsi: 753ba30c902f3a41fa7f956aca8eea3317a44ee6
-  React-jsiexecutor: 47520714aa7d9589c51c0f3713dfbfca4895d4f9
-  React-jsinspector: cfd27107f6d6f1076a57d88c932401251560fe5f
-  React-jsinspectortracing: 76a7d791f3c0c09a0d2bf6f46dfb0e79a4fcc0ac
-  React-jsitooling: 995e826570dd58f802251490486ebd3244a037ab
-  React-jsitracing: 094ae3d8c123cea67b50211c945b7c0443d3e97b
-  React-logger: 8edfcedc100544791cd82692ca5a574240a16219
-  React-Mapbuffer: c3f4b608e4a59dd2f6a416ef4d47a14400194468
-  React-microtasksnativemodule: 054f34e9b82f02bd40f09cebd4083828b5b2beb6
-  react-native-safe-area-context: 0b8555c40461feb7198e999912a3446602e7c601
-  React-NativeModulesApple: 2c4377e139522c3d73f5df582e4f051a838ff25e
+  React-featureflagsnativemodule: 96f0ab285382d95c90f663e02526a5ceefa95a11
+  React-graphics: 1a66ee0a3f093b125b853f6370296fadcaf6f233
+  React-hermes: 8b86e5f54a65ecb69cdf22b3a00a11562eda82d2
+  React-idlecallbacksnativemodule: 5c25ab145c602264d00cb26a397ab52e0efa031c
+  React-ImageManager: 15e34bd5ef1ac4a18e96660817ef70a7f99ee8c2
+  React-jserrorhandler: 02cdf2cd45350108be1ffd2b164578936dbbdff7
+  React-jsi: 6af1987cfbb1b6621664fdbf6c7b62bd4d38c923
+  React-jsiexecutor: 51f372998e0303585cb0317232b938d694663cbd
+  React-jsinspector: 3539ad976d073bfaa8a7d2fa9bef35e70e55033e
+  React-jsinspectortracing: e8dbacaf67c201f23052ca1c2bae2f7b84dec443
+  React-jsitooling: 95a34f41e3c249d42181de13b4f8d854f178ca9f
+  React-jsitracing: 25b029cf5cad488252d46da19dd8c4c134fd5fe4
+  React-logger: 368570a253f00879a1e4fea24ed4047e72e7bbf3
+  React-Mapbuffer: c04fcda1c6281fc0a6824c7dcc1633dd217ac1ec
+  React-microtasksnativemodule: ca2804a25fdcefffa0aa942aa23ab53b99614a34
+  react-native-safe-area-context: bc59472155ffb889a1ffe16c19a04c0cd451562b
+  React-NativeModulesApple: 452b86b29fae99ed0a4015dca3ad9cd222f88abf
   React-oscompat: ef5df1c734f19b8003e149317d041b8ce1f7d29c
-  React-perflogger: 9a151e0b4c933c9205fd648c246506a83f31395d
-  React-performancetimeline: 5b0dfc0acba29ea0269ddb34cd6dd59d3b8a1c66
+  React-perflogger: 6fd2f6811533e9c19a61e855c3033eecbf4ad2a0
+  React-performancetimeline: abf31259d794c9274b3ea19c5016186925eec6c4
   React-RCTActionSheet: a499b0d6d9793886b67ba3e16046a3fef2cdbbc3
-  React-RCTAnimation: cc64adc259aabc3354b73065e2231d796dfce576
-  React-RCTAppDelegate: 9d523da768f1c9e84c5f3b7e3624d097dfb0e16b
-  React-RCTBlob: e727f53eeefded7e6432eb76bd22b57bc880e5d1
-  React-RCTFabric: 58590aa4fdb4ad546c06a7449b486cf6844e991f
-  React-RCTFBReactNativeSpec: 9064c63d99e467a3893e328ba3612745c3c3a338
-  React-RCTImage: 7159cbdbb18a09d97ba1a611416eced75b3ccb29
-  React-RCTLinking: 46293afdb859bccc63e1d3dedc6901a3c04ef360
-  React-RCTNetwork: 4a6cd18f5bcd0363657789c64043123a896b1170
-  React-RCTRuntime: 5ab904fd749aa52f267ef771d265612582a17880
-  React-RCTSettings: 61e361dc85136d1cb0e148b7541993d2ee950ea7
-  React-RCTText: abd1e196c3167175e6baef18199c6d9d8ac54b4e
-  React-RCTVibration: 490e0dcb01a3fe4a0dfb7bc51ad5856d8b84f343
+  React-RCTAnimation: 2595dcb10a82216a511b54742f8c28d793852ac6
+  React-RCTAppDelegate: f03604b70f57c9469a84a159d8abecf793a5bcff
+  React-RCTBlob: e00f9b4e2f151938f4d9864cf33ebf24ac03328a
+  React-RCTFabric: 3945d116fd271598db262d4e6ed5691d431ed9e8
+  React-RCTFBReactNativeSpec: 0f4d4f0da938101f2ca9d5333a8f46e527ad2819
+  React-RCTImage: dac5e9f8ec476aefe6e60ee640ebc1dfaf1a4dbe
+  React-RCTLinking: 494b785a40d952a1dfbe712f43214376e5f0e408
+  React-RCTNetwork: b3d7c30cd21793e268db107dd0980cb61b3c1c44
+  React-RCTRuntime: a8ff419d437228e7b8a793b14f9d711e1cbb82af
+  React-RCTSettings: a060c7e381a3896104761b8eed7e284d95e37df3
+  React-RCTText: 4f272b72dbb61f390d8c8274528f9fdbff983806
+  React-RCTVibration: 0e5326220719aca12473d703aa46693e3b4ce67a
   React-rendererconsistency: 351fdbc5c1fe4da24243d939094a80f0e149c7a1
-  React-renderercss: 3438814bee838ae7840a633ab085ac81699fd5cf
-  React-rendererdebug: 0ac2b9419ad6f88444f066d4b476180af311fb1e
+  React-renderercss: d333f2ada83969591100d91ec6b23ca2e17e1507
+  React-rendererdebug: 039e5949b72ba63c703de020701e3fd152434c61
   React-rncore: 57ed480649bb678d8bdc386d20fee8bf2b0c307c
-  React-RuntimeApple: 8b7a9788f31548298ba1990620fe06b40de65ad7
-  React-RuntimeCore: e03d96fbd57ce69fd9bca8c925942194a5126dbc
+  React-RuntimeApple: 344a5e1105256000afabaa8df12c3e4cab880340
+  React-RuntimeCore: 0e48fb5e5160acc0334c7a723a42d42cef4b58b6
   React-runtimeexecutor: d60846710facedd1edb70c08b738119b3ee2c6c2
-  React-RuntimeHermes: aab794755d9f6efd249b61f3af4417296904e3ba
-  React-runtimescheduler: c3cd124fa5db7c37f601ee49ca0d97019acd8788
+  React-RuntimeHermes: 064286a03871d932c99738e0f8ef854962ab4b99
+  React-runtimescheduler: e917ab17ae08c204af1ebf8f669b7e411b0220c8
   React-timing: a90f4654cbda9c628614f9bee68967f1768bd6a5
-  React-utils: a612d50555b6f0f90c74b7d79954019ad47f5de6
-  ReactAppDependencyProvider: 04d5eb15eb46be6720e17a4a7fa92940a776e584
-  ReactCodegen: c63eda03ba1d94353fb97b031fc84f75a0d125ba
-  ReactCommon: 76d2dc87136d0a667678668b86f0fca0c16fdeb0
+  React-utils: 51c4e71608b8133fecc9a15801d244ae7bdf3758
+  ReactAppDependencyProvider: d5dcc564f129632276bd3184e60f053fcd574d6b
+  ReactCodegen: fda99a79c866370190e162083a35602fdc314e5d
+  ReactCommon: 4d0da92a5eb8da86c08e3ec34bd23ab439fb2461
   RiveRuntime: ecde073222c6279c6f7f439132ac7f0a461b344b
-  RNCPicker: 28c076ae12a1056269ec0305fe35fac3086c477d
-  RNGestureHandler: 6b39f4e43e4b3a0fb86de9531d090ff205a011d5
-  RNReanimated: 66b68ebe3baf7ec9e716bd059d700726f250d344
-  RNRive: b056121a82044307a6f2030a9616f50a6cb6d9ec
-  RNWorklets: b1faafefb82d9f29c4018404a0fb33974b494a7b
+  RNCPicker: 83c74db2de8274d8a8f3e18d91dea174a708f8c4
+  RNGestureHandler: bff91bb5ab5688265c70f74180ef718b94f33fe3
+  RNReanimated: 9a24892f34ea317264883806d2e3de7ce34eab90
+  RNRive: ae2494d65061ffcc98a957e1966c9b16ee0d8ff2
+  RNWorklets: ddf16938b1ed7e878563a4fc8a690968ef3d27f1
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: 9f110fc4b7aa538663cba3c14cbb1c335f43c13f
 

example/jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  preset: 'react-native',
+  preset: 'react-native-harness',
 };

example/metro.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const { getDefaultConfig } = require('@react-native/metro-config');
 const { getConfig } = require('react-native-builder-bob/metro-config');
+const { withRnHarness } = require('react-native-harness/metro');
 
 const root = path.resolve(__dirname, '..');
 
@@ -13,7 +14,9 @@ config.transformer.unstable_allowRequireContext = true;
  *
  * @type {import('metro-config').MetroConfig}
  */
-module.exports = getConfig(config, {
-  root,
-  project: __dirname,
-});
+module.exports = withRnHarness(
+  getConfig(config, {
+    root,
+    project: __dirname,
+  })
+);

example/package.json

@@ -7,7 +7,9 @@
     "ios": "react-native run-ios",
     "start": "react-native start",
     "build:android": "react-native build-android --extra-params \"--no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a\"",
-    "build:ios": "react-native build-ios --mode Debug"
+    "build:ios": "react-native build-ios --mode Debug",
+    "test:harness:ios": "react-native-harness --harnessRunner ios",
+    "test:harness:android": "react-native-harness --harnessRunner android"
   },
   "dependencies": {
     "@react-native-picker/picker": "^2.11.4",
@@ -28,14 +30,17 @@
     "@react-native-community/cli": "18.0.0",
     "@react-native-community/cli-platform-android": "18.0.0",
     "@react-native-community/cli-platform-ios": "18.0.0",
+    "@react-native-harness/platform-android": "^1.0.0-alpha.20",
+    "@react-native-harness/platform-apple": "^1.0.0-alpha.20",
     "@react-native/babel-preset": "0.79.2",
     "@react-native/metro-config": "0.79.2",
     "@react-native/typescript-config": "0.79.2",
     "@types/deep-equal": "^1.0.4",
     "@types/react": "^19.0.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "deep-equal": "^2.2.3",
-    "react-native-builder-bob": "^0.40.10"
+    "react-native-builder-bob": "^0.40.10",
+    "react-native-harness": "^1.0.0-alpha.20"
   },
   "engines": {
     "node": ">=18"

example/rn-harness.config.mjs

@@ -0,0 +1,20 @@
+import { androidPlatform, androidEmulator } from '@react-native-harness/platform-android';
+import { applePlatform, appleSimulator } from '@react-native-harness/platform-apple';
+
+export default {
+  entryPoint: './index.js',
+  appRegistryComponentName: 'RiveExample',
+  runners: [
+    androidPlatform({
+      name: 'android',
+      device: androidEmulator('Pixel_8_API_35'),
+      bundleId: 'rive.example',
+    }),
+    applePlatform({
+      name: 'ios',
+      device: appleSimulator('iPhone 16 Pro', '18.0'),
+      bundleId: 'rive.example',
+    }),
+  ],
+  defaultRunner: 'ios',
+};

example/src/testing/harnessBackend.ts

@@ -0,0 +1,63 @@
+/**
+ * Assertion backend for react-native-harness CI tests.
+ * Wraps Jest's expect() to implement AssertionBackend interface.
+ */
+import { expect } from 'react-native-harness';
+import type { AssertionBackend, JSType } from './types';
+
+export const harnessBackend: AssertionBackend = {
+  assertEqual<T>(actual: T, expected: T, _message: string): void {
+    expect(actual).toEqual(expected);
+  },
+
+  assertNotThrow(error: Error | undefined, _message: string): void {
+    expect(error).toBeUndefined();
+  },
+
+  assertThrow(
+    error: Error | undefined,
+    expectedMessage: string | undefined,
+    _message: string
+  ): void {
+    expect(error).toBeDefined();
+    if (expectedMessage !== undefined) {
+      expect(error?.message).toBe(expectedMessage);
+    }
+  },
+
+  assertType(value: unknown, expectedType: JSType, _message: string): void {
+    expect(typeof value).toBe(expectedType);
+  },
+
+  assertInstanceOf(
+    value: unknown,
+    constructor: new (...args: unknown[]) => unknown,
+    _message: string
+  ): void {
+    expect(value).toBeInstanceOf(constructor);
+  },
+
+  assertContains(value: object, key: string, _message: string): void {
+    expect(value).toHaveProperty(key);
+  },
+
+  assertIsArray(value: unknown, _message: string): void {
+    expect(Array.isArray(value)).toBe(true);
+  },
+
+  assertStringContains(
+    value: string,
+    substring: string,
+    _message: string
+  ): void {
+    expect(value).toContain(substring);
+  },
+
+  assertDefined(value: unknown, _message: string): void {
+    expect(value).toBeDefined();
+  },
+
+  assertUndefined(value: unknown, _message: string): void {
+    expect(value).toBeUndefined();
+  },
+};

example/src/testing/index.ts

@@ -1,6 +1,7 @@
 export { State } from './State';
 export { createTestRunner, type TestRunner } from './createTestRunner';
 export { throwingBackend } from './throwingBackend';
+export { harnessBackend } from './harnessBackend';
 export type {
   AssertionBackend,
   JSType,