feat: Implement jest mocks for react-native. (#535)

**Requirements**

- [x] I have added test coverage for new or changed functionality
- [x] I have followed the repository's [pull request submission
guidelines](../blob/main/CONTRIBUTING.md#submitting-pull-requests)
- [x] I have validated my changes against all supported platform
versions

**Related issues**

Provide links to any issues in this repository or elsewhere relating to
this pull request.

**Describe the solution you've provided**

Provide a clear and concise description of what you expect to happen.

**Describe alternatives you've considered**

Provide a clear and concise description of any alternative solutions or
features you've considered.

**Additional context**

Add any other context about the pull request here.

---------

Co-authored-by: “Menelik <“[email protected]”>
Co-authored-by: Ryan Lamb <[email protected]>

Author: 3 people

jest.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   transform: { '^.+\\.ts?$': 'ts-jest' },
   testMatch: ['**/__tests__/**/*test.ts?(x)'],
-  testEnvironment: 'node',
+  testEnvironment: 'jsdom',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   collectCoverageFrom: [
     'packages/sdk/server-node/src/**/*.ts',

package.json

@@ -22,6 +22,7 @@
     "packages/store/node-server-sdk-dynamodb",
     "packages/telemetry/node-server-sdk-otel",
     "packages/tooling/jest",
+    "packages/tooling/jest/example/react-native-example",
     "packages/sdk/browser",
     "packages/sdk/browser/contract-tests/entity",
     "packages/sdk/browser/contract-tests/adapter"

packages/tooling/jest/example/react-native-example/.gitignore

@@ -0,0 +1,38 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# vscode
+.vscode

packages/tooling/jest/example/react-native-example/App.tsx

@@ -0,0 +1,36 @@
+import { StyleSheet } from 'react-native';
+import {
+  AutoEnvAttributes,
+  LDProvider,
+  ReactNativeLDClient,
+  LDOptions,
+} from '@launchdarkly/react-native-client-sdk';
+import Welcome from './src/welcome';
+
+const options: LDOptions = {
+  debug: true,
+}
+//TODO Set MOBILE_KEY in .env file to a mobile key in your project/environment.
+const MOBILE_KEY = 'YOUR_MOBILE_KEY';
+const featureClient = new ReactNativeLDClient(MOBILE_KEY, AutoEnvAttributes.Enabled, options);
+
+const userContext = { kind: 'user', key: '', anonymous: true };
+
+export default function App() {
+  featureClient.identify(userContext).catch((e: any) => console.log(e));
+
+  return (
+    <LDProvider client={featureClient}>
+      <Welcome />
+    </LDProvider>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

packages/tooling/jest/example/react-native-example/app.json

@@ -0,0 +1,29 @@
+{
+  "expo": {
+    "name": "react-native-jest-example",
+    "slug": "react-native-jest-example",
+    "version": "0.0.1",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.anonymous.reactnativejestexample"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.anonymous.reactnativejestexample"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

packages/tooling/jest/example/react-native-example/assets/adaptive-icon.png

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo', '@babel/preset-typescript'],
+    
+  };
+};