fix: failing tests

Author: isekovanic

package/src/components/Attachment/ImageLoadingIndicator.tsx

@@ -10,6 +10,8 @@ export const ImageLoadingIndicator = () => {
   } = useTheme();
   return (
     <NativeShimmerView
+      accessibilityLabel='Image Loading Indicator'
+      accessible
       enabled
       gradientColor={semantics.skeletonLoadingHighlight}
       style={StyleSheet.absoluteFillObject}

package/src/components/Attachment/__tests__/Gallery.test.js

@@ -1,12 +1,6 @@
 import React from 'react';
 
-import {
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-  waitForElementToBeRemoved,
-} from '@testing-library/react-native';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react-native';
 
 import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
 
@@ -288,11 +282,15 @@ describe('Gallery', () => {
       expect(screen.queryAllByTestId('gallery-container').length).toBe(1);
     });
 
-    fireEvent(screen.getByLabelText('Gallery Image'), 'onLoadStart');
-    expect(screen.getByLabelText('Image Loading Indicator')).toBeTruthy();
+    fireEvent(screen.getByLabelText('Gallery Image'), 'loadStart');
+    await waitFor(() => {
+      expect(screen.getByLabelText('Image Loading Indicator')).toBeTruthy();
+    });
 
-    fireEvent(screen.getByLabelText('Gallery Image'), 'onLoadFinish');
-    waitForElementToBeRemoved(() => screen.getByLabelText('Image Loading Indicator'));
+    fireEvent(screen.getByLabelText('Gallery Image'), 'loadEnd');
+    await waitFor(() => {
+      expect(screen.queryByLabelText('Image Loading Indicator')).toBeNull();
+    });
     expect(screen.getByLabelText('Gallery Image')).toBeTruthy();
   });
 });

package/src/components/Attachment/__tests__/Giphy.test.js

@@ -8,7 +8,6 @@ import {
   screen,
   userEvent,
   waitFor,
-  waitForElementToBeRemoved,
 } from '@testing-library/react-native';
 
 import { MessageProvider } from '../../../contexts/messageContext/MessageContext';
@@ -335,23 +334,21 @@ describe('Giphy', () => {
         </Chat>
       </OverlayProvider>,
     );
-    await waitFor(() => {
-      expect(screen.getByLabelText('Image Loading Indicator')).toBeTruthy();
-    });
-
     act(() => {
-      fireEvent(screen.getByLabelText('Giphy Attachment Image'), 'onLoadStart');
+      fireEvent(screen.getByLabelText('Giphy Attachment Image'), 'loadStart');
     });
 
     await waitFor(() => {
       expect(screen.getByLabelText('Image Loading Indicator')).toBeTruthy();
     });
 
     act(() => {
-      fireEvent(screen.getByLabelText('Giphy Attachment Image'), 'onLoad');
+      fireEvent(screen.getByLabelText('Giphy Attachment Image'), 'loadEnd');
     });
 
-    waitForElementToBeRemoved(() => screen.getByLabelText('Image Loading Indicator'));
+    await waitFor(() => {
+      expect(screen.queryByLabelText('Image Loading Indicator')).toBeNull();
+    });
 
     await waitFor(() => {
       expect(screen.getByLabelText('Giphy Attachment Image')).toBeTruthy();

package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageTextContainer.test.tsx.snap

@@ -6,6 +6,7 @@ exports[`MessageTextContainer should render message text container 1`] = `
     [
       {
         "maxWidth": 256,
+        "paddingHorizontal": 12,
       },
       {},
       undefined,