refactor: extract UI module

Author: V3RON

apps/playground/package.json

@@ -12,6 +12,7 @@
   "devDependencies": {
     "react-native-harness": "workspace:*",
     "@react-native-harness/runtime": "workspace:*",
+    "@react-native-harness/ui": "workspace:*",
     "@react-native-community/cli": "20.0.0",
     "@react-native-community/cli-platform-android": "20.0.0",
     "@react-native-community/cli-platform-ios": "20.0.0",

apps/playground/react-native.config.js

@@ -0,0 +1,14 @@
+/**
+ * React Native configuration for the playground app.
+ * Enables the @react-native-harness/ui module for UI testing.
+ */
+module.exports = {
+  dependencies: {
+    '@react-native-harness/ui': {
+      platforms: {
+        ios: {},
+        android: {},
+      },
+    },
+  },
+};

apps/playground/src/__tests__/ui/actions.harness.tsx

@@ -1,12 +1,5 @@
-import {
-  screen,
-  describe,
-  test,
-  render,
-  userEvent,
-  fn,
-  expect,
-} from 'react-native-harness';
+import { describe, test, render, fn, expect } from 'react-native-harness';
+import { screen, userEvent } from '@react-native-harness/ui';
 import { View, Text, Pressable } from 'react-native';
 
 const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));

apps/playground/src/__tests__/ui/queries.harness.tsx

@@ -1,11 +1,6 @@
 import { View, Text } from 'react-native';
-import {
-  describe,
-  test,
-  expect,
-  render,
-  screen,
-} from 'react-native-harness';
+import { describe, test, expect, render } from 'react-native-harness';
+import { screen } from '@react-native-harness/ui';
 
 describe('Queries', () => {
   test('should find element by testID', async () => {

packages/runtime/android/gradle.properties

@@ -9,17 +9,6 @@
   "files": [
     "src",
     "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -62,14 +51,6 @@
     "react": "*",
     "react-native": "*"
   },
-  "codegenConfig": {
-    "name": "HarnessSpec",
-    "type": "modules",
-    "jsSrcsDir": "src",
-    "android": {
-      "javaPackageName": "com.callstackincubator.harness"
-    }
-  },
   "author": {
     "name": "Szymon Chmal",
     "email": "szymon.chmal@callstack.com"

packages/runtime/android/src/main/AndroidManifest.xml

@@ -8,5 +8,3 @@ export * from './mocker/index.js';
 export * from './namespace.js';
 export * from './waitFor.js';
 export * from './render/index.js';
-export { userEvent } from './userEvent/index.js';
-export { screen, type ElementReference } from './screen/index.js';

packages/runtime/ios/Harness.h

@@ -3,7 +3,7 @@ require "json"
 package = JSON.parse(File.read(File.join(__dir__, "package.json")))
 
 Pod::Spec.new do |s|
-  s.name         = "Harness"
+  s.name         = "HarnessUI"
   s.version      = package["version"]
   s.summary      = package["description"]
   s.homepage     = package["homepage"]