feat: add E2E-latest (RN 0.84.1) to demonstrate upgrade challenges

Add E2E-latest example app running React Native 0.84.1 + React 19.2.3
to validate SDK compatibility with latest RN releases and document
breaking changes that users will encounter.

Key differences from E2E-compat:
- React Native 0.84.1 (vs 0.72.9)
- React 19.2.3 (vs 18.2.0)
- New Architecture enabled by default
- Updated iOS/Android build tools

This app uses the same shared-e2e test library as E2E-compat,
proving the test suite works across RN versions.

Note: Some tests may fail due to third-party library compatibility
issues with React Native 0.84's New Architecture, which is expected
and demonstrates real-world upgrade challenges.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: abueide

examples/E2E-latest/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

examples/E2E-latest/.detoxrc.js

@@ -0,0 +1,186 @@
+const {execSync} = require('child_process');
+
+const defaultIOSDeviceCandidates = (() => {
+  const fromEnv = (process.env.IOS_DEVICE_NAMES || 'iPhone 14')
+    .split(',')
+    .map(name => name.trim())
+    .filter(Boolean);
+  return Array.from(new Set(['iPhone 17', ...fromEnv, 'iPhone 14']));
+})();
+
+const safeParseJSON = cmd => {
+  try {
+    return JSON.parse(
+      execSync(cmd, {stdio: ['ignore', 'pipe', 'ignore']}).toString(),
+    );
+  } catch (_) {
+    return null;
+  }
+};
+
+const listAvailableDevices = () => {
+  const parsed = safeParseJSON('xcrun simctl list devices -j');
+  if (!parsed || !parsed.devices) return [];
+  const devices = [];
+  Object.values(parsed.devices).forEach(group => {
+    (group || []).forEach(device => {
+      if (device.isAvailable || device.availability === '(available)') {
+        devices.push(device);
+      }
+    });
+  });
+  return devices;
+};
+
+const listAvailableDeviceTypes = () => {
+  const parsed = safeParseJSON('xcrun simctl list devicetypes -j');
+  if (!parsed || !parsed.devicetypes) return new Set();
+  return new Set(parsed.devicetypes.map(dt => dt.name.toLowerCase()));
+};
+
+const baseName = name => name.split(' (')[0].trim().toLowerCase();
+
+const detectIOSDevice = () => {
+  if (process.env.DETOX_IOS_DEVICE) {
+    return {type: process.env.DETOX_IOS_DEVICE};
+  }
+
+  const devices = listAvailableDevices();
+  const preferredDevice = defaultIOSDeviceCandidates.find(candidate =>
+    devices.some(d => baseName(d.name) === candidate.toLowerCase()),
+  );
+  if (preferredDevice) {
+    const found = devices.find(
+      d => baseName(d.name) === preferredDevice.toLowerCase(),
+    );
+    if (found) return {name: found.name};
+  }
+  const anyIphoneDevice = devices.find(d =>
+    d.name.toLowerCase().includes('iphone'),
+  );
+  if (anyIphoneDevice) return {name: anyIphoneDevice.name};
+
+  const availableTypes = listAvailableDeviceTypes();
+  const preferredType = defaultIOSDeviceCandidates.find(candidate =>
+    availableTypes.has(candidate.toLowerCase()),
+  );
+  if (preferredType) return {type: preferredType};
+
+  const anyIphoneType = Array.from(availableTypes).find(t =>
+    t.includes('iphone'),
+  );
+  if (anyIphoneType) return {type: anyIphoneType};
+
+  return {type: defaultIOSDeviceCandidates[0]};
+};
+
+const iosDevice = detectIOSDevice();
+
+/** @type {Detox.DetoxConfig} */
+module.exports = {
+  testRunner: {
+    args: {
+      $0: 'jest',
+      config: 'e2e/jest.config.js',
+      forceExit: process.env.CI ? true : undefined,
+    },
+    jest: {
+      setupTimeout: 240000,
+    },
+    detached: !!process.env.CI,
+    retries: 3,
+  },
+  behavior: {
+    init: {
+      reinstallApp: true,
+      exposeGlobals: false,
+    },
+    launchApp: 'auto',
+    cleanup: {
+      shutdownDevice: false,
+    },
+  },
+  apps: {
+    'ios.debug': {
+      type: 'ios.app',
+      binaryPath:
+        'ios/build/Build/Products/Debug-iphonesimulator/AnalyticsReactNativeE2E.app',
+      build:
+        'xcodebuild -workspace ios/AnalyticsReactNativeE2E.xcworkspace -scheme AnalyticsReactNativeE2E -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build',
+    },
+    'ios.release': {
+      type: 'ios.app',
+      binaryPath:
+        'ios/build/Build/Products/Release-iphonesimulator/AnalyticsReactNativeE2E.app',
+      build:
+        'xcodebuild -workspace ios/AnalyticsReactNativeE2E.xcworkspace -scheme AnalyticsReactNativeE2E -configuration Release -sdk iphonesimulator -derivedDataPath ios/build',
+    },
+    'android.debug': {
+      type: 'android.apk',
+      binaryPath: 'android/app/build/outputs/apk/debug/app-debug.apk',
+      build:
+        'cd android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug',
+      reversePorts: [8081],
+    },
+    'android.release': {
+      type: 'android.apk',
+      binaryPath: 'android/app/build/outputs/apk/release/app-release.apk',
+      build:
+        'cd android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release',
+    },
+  },
+  devices: {
+    simulator: {
+      type: 'ios.simulator',
+      device: {
+        // Allow CI/local override; defaults to an available simulator by name (or type fallback).
+        ...iosDevice,
+      },
+    },
+    attached: {
+      type: 'android.attached',
+      device: {
+        adbName: '.*',
+      },
+    },
+    emulator: {
+      type: 'android.emulator',
+      device: {
+        // Default to latest AVD name (arch-aware); override via DETOX_AVD. For minsdk testing, set DETOX_AVD to an API 21 AVD.
+        avdName: (() => {
+          if (process.env.DETOX_AVD) return process.env.DETOX_AVD;
+          const arch = require('os').arch();
+          return arch === 'arm64'
+            ? 'medium_phone_API33_arm64_v8a'
+            : 'medium_phone_API33_x86_64';
+        })(),
+      },
+    },
+  },
+  configurations: {
+    'ios.sim.debug': {
+      device: 'simulator',
+      app: 'ios.debug',
+    },
+    'ios.sim.release': {
+      device: 'simulator',
+      app: 'ios.release',
+    },
+    'android.att.debug': {
+      device: 'attached',
+      app: 'android.debug',
+    },
+    'android.att.release': {
+      device: 'attached',
+      app: 'android.release',
+    },
+    'android.emu.debug': {
+      device: 'emulator',
+      app: 'android.debug',
+    },
+    'android.emu.release': {
+      device: 'emulator',
+      app: 'android.release',
+    },
+  },
+};

examples/E2E-latest/.gitignore

@@ -0,0 +1,66 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+ios/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+/ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

examples/E2E-latest/.mise.toml

@@ -0,0 +1,5 @@
+[tools]
+java = "zulu-11"
+node = "18"
+ruby = '3.3.0'
+cocoapods = "latest"

examples/E2E-latest/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

examples/E2E-latest/.watchmanconfig

@@ -0,0 +1 @@
+{}