refactor: move mocks after imports

Author: isekovanic

package/src/components/UIComponents/__tests__/PortalWhileClosingView.test.tsx

@@ -1,3 +1,11 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+import { act, cleanup, render, screen } from '@testing-library/react-native';
+
+import * as stateStore from '../../../state-store';
+import { PortalWhileClosingView } from '../PortalWhileClosingView';
+
 jest.mock('../../../state-store', () => {
   const actual = jest.requireActual('../../../state-store');
   const createClosingPortalLayoutRegistrationId = jest.fn(() => 'registration-1');
@@ -13,14 +21,6 @@ jest.mock('../../../state-store', () => {
   });
 });
 
-import React from 'react';
-import { Text } from 'react-native';
-
-import { act, cleanup, render, screen } from '@testing-library/react-native';
-
-import * as stateStore from '../../../state-store';
-import { PortalWhileClosingView } from '../PortalWhileClosingView';
-
 const BASE_RECT = { h: 48, w: 120, x: 12, y: 24 };
 
 const flushAnimationFrameQueue = () => {

package/src/contexts/overlayContext/__tests__/ClosingPortalHostsLayer.test.tsx

@@ -1,3 +1,12 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+
+import { act, cleanup, render, screen } from '@testing-library/react-native';
+
+import { clearClosingPortalLayout, setClosingPortalLayout } from '../../../state-store';
+import { ClosingPortalHostsLayer } from '../ClosingPortalHostsLayer';
+
 jest.mock('react-native-reanimated', () => {
   const actual = jest.requireActual('react-native-reanimated/mock');
   const { View } = require('react-native');
@@ -17,15 +26,6 @@ jest.mock('react-native-reanimated', () => {
   };
 });
 
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import type { SharedValue } from 'react-native-reanimated';
-
-import { act, cleanup, render, screen } from '@testing-library/react-native';
-
-import { clearClosingPortalLayout, setClosingPortalLayout } from '../../../state-store';
-import { ClosingPortalHostsLayer } from '../ClosingPortalHostsLayer';
-
 const FIRST_RECT = { h: 40, w: 100, x: 10, y: 20 };
 const SECOND_RECT = { h: 52, w: 140, x: 30, y: 45 };
 

package/src/contexts/overlayContext/__tests__/MessageOverlayHostLayer.test.tsx

@@ -1,3 +1,20 @@
+import React from 'react';
+import { StyleSheet, Text } from 'react-native';
+
+import * as SafeAreaContext from 'react-native-safe-area-context';
+
+import { act, cleanup, fireEvent, render, screen } from '@testing-library/react-native';
+
+import {
+  finalizeCloseOverlay,
+  openOverlay,
+  overlayStore,
+  setOverlayBottomH,
+  setOverlayMessageH,
+  setOverlayTopH,
+} from '../../../state-store';
+import { MessageOverlayHostLayer } from '../MessageOverlayHostLayer';
+
 jest.mock('react-native', () => {
   const actual = jest.requireActual('react-native');
 
@@ -65,23 +82,6 @@ jest.mock('react-native-reanimated', () => {
   };
 });
 
-import React from 'react';
-import { StyleSheet, Text } from 'react-native';
-
-import * as SafeAreaContext from 'react-native-safe-area-context';
-
-import { act, cleanup, fireEvent, render, screen } from '@testing-library/react-native';
-
-import {
-  finalizeCloseOverlay,
-  openOverlay,
-  overlayStore,
-  setOverlayBottomH,
-  setOverlayMessageH,
-  setOverlayTopH,
-} from '../../../state-store';
-import { MessageOverlayHostLayer } from '../MessageOverlayHostLayer';
-
 const TOP_RECT = { h: 20, w: 90, x: 5, y: 0 };
 const MESSAGE_RECT = { h: 50, w: 180, x: 10, y: 0 };
 const BOTTOM_RECT = { h: 30, w: 140, x: 20, y: 100 };