chore: fix failing tests

Author: isekovanic

package/jest-setup.js

@@ -1,7 +1,8 @@
 /* global require */
-import { FlatList, View } from 'react-native';
+import rn, { FlatList, View } from 'react-native';
 
 import mockRNCNetInfo from '@react-native-community/netinfo/jest/netinfo-mock.js';
+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';
 
 import { registerNativeHandlers } from './src/native';
 
@@ -65,3 +66,34 @@ jest.mock('react-native/Libraries/Components/RefreshControl/RefreshControl', ()
 jest.mock('@shopify/flash-list', () => ({
   FlashList: undefined,
 }));
+
+jest.mock('react-native-teleport', () => {
+  const rn = require('react-native');
+  return {
+    Portal: rn.View,
+    PortalHost: rn.View,
+    PortalProvider: rn.View,
+    usePortal: jest.fn().mockReturnValue({ removePortal: jest.fn() }),
+  };
+});
+
+jest.mock('react-native-teleport', () => {
+  const rn = require('react-native');
+  return {
+    Portal: rn.View,
+    PortalHost: rn.View,
+    PortalProvider: rn.View,
+    usePortal: jest.fn().mockReturnValue({ removePortal: jest.fn() }),
+  };
+});
+
+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);
+
+jest.mock('./src/components/Message/utils/measureInWindow', () => ({
+  measureInWindow: jest.fn(async () => ({
+    x: 10,
+    y: 100,
+    w: 250,
+    h: 60,
+  })),
+}));

package/package.json

@@ -94,7 +94,8 @@
     "react-native-keyboard-controller": ">=1.20.2",
     "react-native-reanimated": ">=3.16.0",
     "react-native-safe-area-context": ">=5.4.1",
-    "react-native-svg": ">=15.8.0"
+    "react-native-svg": ">=15.8.0",
+    "react-native-teleport": ">=0.5.4"
   },
   "peerDependenciesMeta": {
     "@op-engineering/op-sqlite": {
@@ -162,7 +163,7 @@
     "react-native-reanimated": "3.18.0",
     "react-native-safe-area-context": "^5.6.1",
     "react-native-svg": "15.12.0",
-    "react-native-teleport": "^0.5.3",
+    "react-native-teleport": "^0.5.4",
     "react-test-renderer": "19.1.0",
     "rimraf": "^6.0.1",
     "typescript": "5.8.3",

package/src/components/Channel/__tests__/ownCapabilities.test.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+
 import { act, fireEvent, render, waitFor } from '@testing-library/react-native';
 
 import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
@@ -47,14 +49,16 @@ describe('Own capabilities', () => {
   });
 
   const getComponent = (props = {}) => (
-    <OverlayProvider>
-      <Chat client={chatClient}>
-        <Channel channel={channel} {...props}>
-          <MessageList FlatList={FlatList} />
-          <MessageInput />
-        </Channel>
-      </Chat>
-    </OverlayProvider>
+    <SafeAreaProvider>
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <Channel channel={channel} {...props}>
+            <MessageList FlatList={FlatList} />
+            <MessageInput />
+          </Channel>
+        </Chat>
+      </OverlayProvider>
+    </SafeAreaProvider>
   );
 
   const generateChannelWithCapabilities = async (capabilities = []) => {

package/src/components/Message/MessageSimple/__tests__/Message.test.js

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+
 import { cleanup, fireEvent, render, waitFor } from '@testing-library/react-native';
 
 import { OverlayProvider } from '../../../../contexts/overlayContext/OverlayProvider';
@@ -37,15 +39,16 @@ describe('Message', () => {
 
     renderMessage = (options) =>
       render(
-        <OverlayProvider>
-          <Chat client={chatClient}>
-            <Channel channel={channel}>
-              <Message groupStyles={['bottom']} {...options} />
-              <MessageInput />
-            </Channel>
-          </Chat>
-          ,
-        </OverlayProvider>,
+        <SafeAreaProvider>
+          <OverlayProvider>
+            <Chat client={chatClient}>
+              <Channel channel={channel}>
+                <Message groupStyles={['bottom']} {...options} />
+                <MessageInput />
+              </Channel>
+            </Chat>
+          </OverlayProvider>
+        </SafeAreaProvider>,
       );
   });