@eohjsc/react-native-smart-city 0.6.2 → 0.7.3

package/src/screens/SmartIr/__test__/GroupButtonByType.test.js

@@ -9,7 +9,8 @@ import { AccessibilityLabel } from '../../../configs/Constants';
 import TextInput from '../../../commons/Form/TextInput';
 import { ModalCustom } from '../../../commons/Modal';
 import { TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -17,16 +18,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 describe('Test GroupButtonByType', () => {
   let tree;
   it('render GroupButtonByType', async () => {
@@ -139,15 +130,15 @@ describe('Test GroupButtonByType', () => {
           AccessibilityLabel.HEADER_BUTTON_TYPE_RELOAD &&
         el.type === TouchableOpacity
     );
-    const iconOutline = instance.find(
+    const icon = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
-          AccessibilityLabel.ICON_OUTLINE_TYPE_RELOAD && el.type === IconOutline
+          AccessibilityLabel.ICON_OUTLINE_TYPE_RELOAD && el.type === AntDesign
     );
     await act(async () => {
       await touch.props.onPress();
     });
-    expect(iconOutline.props.name).toEqual('reload');
+    expect(icon.props.name).toEqual('reload1');
 
     const touch2 = instance.find(
       (el) =>
@@ -155,14 +146,14 @@ describe('Test GroupButtonByType', () => {
           AccessibilityLabel.HEADER_BUTTON_TYPE_MORE &&
         el.type === TouchableOpacity
     );
-    const iconOutline2 = instance.find(
+    const moreIcon = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
-          AccessibilityLabel.ICON_OUTLINE_TYPE_MORE && el.type === IconOutline
+          AccessibilityLabel.ICON_OUTLINE_TYPE_MORE && el.type === MaterialIcons
     );
     await act(async () => {
       await touch2.props.onPress();
     });
-    expect(iconOutline2.props.name).toEqual('more');
+    expect(moreIcon.props.name).toEqual('more-vert');
   });
 });

package/src/screens/SmartIr/__test__/SelectBrand.test.js

@@ -12,16 +12,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 describe('Test SelectBrand', () => {
   let tree;
   it('render SelectBrand', async () => {
@@ -55,6 +45,6 @@ describe('Test SelectBrand', () => {
     await act(async () => {
       rowItem[0].props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 });

package/src/screens/SmartIr/__test__/SelectDeviceType.test.js

@@ -11,17 +11,6 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 describe('Test SelectIrDeviceType', () => {
   let tree;
 
@@ -47,6 +36,6 @@ describe('Test SelectIrDeviceType', () => {
     await act(async () => {
       itemDevice.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 });

package/src/screens/SmartIr/__test__/SmartIr.test.js

@@ -11,19 +11,11 @@ const wrapComponent = (item) => (
     <SmartIr item={item} />
   </SCProvider>
 );
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
+
 describe('Test SmartIr', () => {
   let tree;
   beforeEach(() => {
-    mockNavigate.mockClear();
+    global.mockedNavigate.mockClear();
   });
   it('render SmartIr', async () => {
     const item = {
@@ -65,6 +57,6 @@ describe('Test SmartIr', () => {
     await act(async () => {
       itemAddNew.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 });

package/src/screens/SmartIr/components/GroupButtonByType/GroupButtonByType.js

@@ -5,7 +5,8 @@ import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import SmartTiviActionTemplate from '../../../../commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate';
 import Text from '../../../../commons/Text';
 import { ModalCustom } from '../../../../commons/Modal';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { Colors } from '../../../../configs';
 import TextInput from '../../../../commons/Form/TextInput';
 import { ButtonsBottom } from './ButtonsBottom';
@@ -57,8 +58,8 @@ const GroupButtonByType = memo(({ route }) => {
               style={[styles.headerButton]}
               accessibilityLabel={AccessibilityLabel.HEADER_BUTTON_TYPE_RELOAD}
             >
-              <IconOutline
-                name={'reload'}
+              <AntDesign
+                name={'reload1'}
                 size={27}
                 color={Colors.Black}
                 accessibilityLabel={AccessibilityLabel.ICON_OUTLINE_TYPE_RELOAD}
@@ -69,8 +70,8 @@ const GroupButtonByType = memo(({ route }) => {
               style={[styles.headerButton]}
               accessibilityLabel={AccessibilityLabel.HEADER_BUTTON_TYPE_MORE}
             >
-              <IconOutline
-                name={'more'}
+              <MaterialIcons
+                name={'more-vert'}
                 size={27}
                 color={Colors.Black}
                 accessibilityLabel={AccessibilityLabel.ICON_OUTLINE_TYPE_MORE}

package/src/screens/SmartIr/components/SelectBrand.js

@@ -5,7 +5,7 @@ import { HeaderCustom } from '../../../commons/Header';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import Routes from '../../../utils/Route';
 import { RowItem } from '../../../commons/RowItem';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { Colors } from '../../../configs';
 
 import styles from './SelectBrandStyles';
@@ -47,7 +47,7 @@ const SelectDeviceType = memo(({ route }) => {
                   key={index.toString()}
                   isShowSubText={false}
                   rightComponent={
-                    <IconOutline name="right" size={20} color={Colors.Gray7} />
+                    <AntDesign name="right" size={20} color={Colors.Gray7} />
                   }
                 />
               );

package/src/screens/SubUnit/AddSubUnit.js

@@ -100,6 +100,7 @@ const AddSubUnit = ({ route }) => {
             headers: { 'Content-Type': 'multipart/form-data' },
           }
         );
+
         if (success) {
           ToastBottomHelper.success(t('text_create_sub_unit_success'));
           if (addType === 'AddHassiDevice') {

package/src/screens/SubUnit/EditSubUnit.js

@@ -18,7 +18,7 @@ import AlertAction from '../../commons/AlertAction';
 import _TextInput from '../../commons/Form/TextInput';
 import Text from '../../commons/Text';
 import { AccessibilityLabel } from '../../configs/Constants';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { useEmeragencyContacts } from './hooks/useEmergencyContacts';
 import useKeyboardAnimated from '../../hooks/Explore/useKeyboardAnimated';
 import styles from './EditSubUnitStyles';
@@ -114,6 +114,7 @@ const EditSubUnit = ({ route }) => {
     const { success } = await axiosDelete(
       API.SUB_UNIT.REMOVE_SUB_UNIT(unit.id, station.id)
     );
+
     if (success) {
       //dispatch(removeSubUnit(station.id));
       ToastBottomHelper.success(t('text_remove_sub_unit_success'));
@@ -206,7 +207,7 @@ const EditSubUnit = ({ route }) => {
                 <Text type={'H4'} color={Colors.Gray9}>
                   {t('emergency_contacts')}
                 </Text>
-                <IconOutline name={'right'} size={20} color={Colors.Gray8} />
+                <AntDesign name={'right'} size={20} color={Colors.Gray8} />
               </TouchableOpacity>
               <Text
                 type={'Body'}

package/src/screens/SubUnit/ManageSubUnit.js

@@ -14,8 +14,8 @@ import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import Text from '../../commons/Text';
 
 import styles from './ManageSubUnitStyles';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import Routes from '../../utils/Route';
 import { RowItem } from '../../commons/RowItem';
 import NoSubUnitImage from '../../../assets/images/Illustrations.svg';
@@ -54,14 +54,14 @@ const ManageSubUnit = ({ route }) => {
           onPress={addSubUnit}
           style={styles.headerButton}
         >
-          <Icon name={'plus'} size={27} color={Colors.Black} />
+          <AntDesign name={'plus'} size={27} color={Colors.Black} />
         </TouchableOpacity>
         <TouchableOpacity
           // onPress={handleShowMenuAction}
           // ref={refMenuAction}
           style={[styles.headerButton, styles.moreButton]}
         >
-          <Icon name={'more'} size={27} color={Colors.Black} />
+          <MaterialIcons name={'more-vert'} size={27} color={Colors.Black} />
         </TouchableOpacity>
       </View>
     ),
@@ -112,7 +112,7 @@ const ManageSubUnit = ({ route }) => {
                       }  devices`}
                       onPress={() => goToEditSubUnit(item, unit)}
                       rightComponent={
-                        <IconOutline
+                        <AntDesign
                           name="right"
                           size={20}
                           color={Colors.Gray6}

package/src/screens/SubUnit/__test__/AddSubUnit.test.js

@@ -22,30 +22,10 @@ const wrapComponent = (route, storeData = {}) => (
   </SCProvider>
 );
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-
 const mock = new MockAdapter(api.axiosInstance);
 jest.mock('react-native-toast-message');
 jest.mock('react-native-image-resizer');
 
-const mockNavigationDispatch = jest.fn();
-const mockReplace = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-      dispatch: mockNavigationDispatch,
-    }),
-    StackActions: {
-      replace: () => mockReplace,
-    },
-  };
-});
-
 describe('Test AddSubUnit', () => {
   let route;
 
@@ -61,8 +41,6 @@ describe('Test AddSubUnit', () => {
         },
       },
     };
-    mockedNavigate.mockClear();
-    mockNavigationDispatch.mockClear();
     Toast.show.mockClear();
     mock.reset();
   });
@@ -139,7 +117,7 @@ describe('Test AddSubUnit', () => {
       await viewButtonBottom.props.onLeftClick();
     });
 
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(global.mockedGoBack).toHaveBeenCalled();
   });
 
   it('validateData then send api success', async () => {
@@ -201,7 +179,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockNavigationDispatch).toBeCalledWith(mockReplace);
+    expect(global.mockedDispatch).toBeCalled();
   });
 
   it('test choose Location', async () => {
@@ -223,7 +201,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       buttonChooseLocation.props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddLocationMaps);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.AddLocationMaps);
   });
 
   it('test create Unit Fail', async () => {
@@ -265,7 +243,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith('UnitDetail', {
+    expect(global.mockedNavigate).toHaveBeenCalledWith('UnitDetail', {
       params: {
         isAddSubUnit: true,
         routeName: 'DashboardStack',
@@ -308,7 +286,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockNavigationDispatch).toBeCalledWith(mockReplace);
+    expect(global.mockedDispatch).toBeCalled();
   });
 
   it('test no permission create fail sub-unit is out side Unit', async () => {
@@ -347,7 +325,7 @@ describe('Test AddSubUnit', () => {
       '',
       7000
     );
-    expect(mockNavigationDispatch).not.toBeCalled();
+    expect(global.mockedDispatch).not.toBeCalled();
   });
 
   it('test create sub-unit type AddHassiDevice', async () => {
@@ -355,7 +333,7 @@ describe('Test AddSubUnit', () => {
       ...route.params,
       addType: 'AddHassiDevice',
     };
-    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT()).reply(200, {});
+    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT(1)).reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -364,7 +342,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(global.mockedGoBack).toHaveBeenCalled();
   });
 
   it('test create sub-unit type AddNewGateway', async () => {
@@ -381,7 +359,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).not.toHaveBeenCalledWith(
+    expect(global.mockedNavigate).not.toHaveBeenCalledWith(
       Routes.AddCommonSelectSubUnit,
       {
         ...route.params,

package/src/screens/SubUnit/__test__/EditSubUnit.test.js

@@ -17,28 +17,9 @@ import { getTranslate } from '../../../utils/I18n';
 import api from '../../../utils/Apis/axios';
 import { ToastBottomHelper } from '../../../utils/Utils';
 
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-const mockedDangerouslyGetState = jest.fn();
-const mockedPop = jest.fn();
-
 const mock = new MockAdapter(api.axiosInstance);
 jest.mock('react-native-toast-message');
 
-const mockUseIsFocused = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dangerouslyGetState: mockedDangerouslyGetState,
-      pop: mockedPop,
-    }),
-    useIsFocused: () => mockUseIsFocused,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <EditSubUnit route={route} />
@@ -66,7 +47,6 @@ describe('Test EditSubUnit', () => {
       },
     };
 
-    mockedDispatch.mockClear();
     mock.reset();
     Toast.show.mockClear();
   });
@@ -90,7 +70,7 @@ describe('Test EditSubUnit', () => {
   it('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
     mock.onDelete(API.SUB_UNIT.REMOVE_SUB_UNIT(1, 2)).reply(200);
 
-    mockedDangerouslyGetState.mockImplementation(() => ({
+    global.mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [
         { name: Routes.UnitDetail },
         { name: 'route 2' },
@@ -117,11 +97,13 @@ describe('Test EditSubUnit', () => {
   });
 
   it('alertAction rightButtonClick success', async () => {
-    mock
-      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
-      .reply(200);
-    mockedDangerouslyGetState.mockImplementation(() => ({
-      routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
+    mock.onDelete(API.SUB_UNIT.REMOVE_SUB_UNIT(1, 2)).reply(200);
+    global.mockedDangerouslyGetState.mockImplementation(() => ({
+      routes: [
+        { name: 'UnitDetail' },
+        { name: 'route 2' },
+        { name: 'route 3' },
+      ],
     }));
 
     await act(async () => {
@@ -132,7 +114,7 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await alertAction[1].props.rightButtonClick();
     });
-    expect(mockedPop).toBeCalled();
+    expect(global.mockedPop).toBeCalled();
   });
 
   it('alertAction rightButtonClick fail', async () => {
@@ -140,7 +122,7 @@ describe('Test EditSubUnit', () => {
       .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
       .reply(400);
 
-    mockedDangerouslyGetState.mockImplementation(() => ({
+    global.mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
     }));
 
@@ -216,7 +198,7 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await viewBottomButton.props.onRightClick();
     });
-    expect(mockedDispatch).not.toHaveBeenCalled();
+    expect(global.mockedDispatch).not.toHaveBeenCalled();
     expect(spyToast).not.toHaveBeenCalled();
   });
 
@@ -334,7 +316,7 @@ describe('Test EditSubUnit', () => {
     mock
       .onGet(API.EMERGENCY_BUTTON.CONTACTS())
       .reply(200, [{ id: 1, name: 'name' }]);
-    mockUseIsFocused.mockImplementationOnce(() => true);
+    global.mockedUseIsFocused.mockImplementationOnce(() => true);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

package/src/screens/SubUnit/__test__/ManageSubUnit.test.js

@@ -47,7 +47,7 @@ describe('Test ManageSubUnit', () => {
     await act(async () => {
       rowItem[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       params: {
         station: { id: 1, name: 'sensor' },
         unit: {
@@ -74,7 +74,7 @@ describe('Test ManageSubUnit', () => {
     await act(async () => {
       buttonAddSubUnit.props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddSubUnitStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.AddSubUnitStack, {
       params: {
         unit: {
           id: 1,

package/src/screens/SubUnit/hooks/__test__/useManageSubUnit.test.js

@@ -4,20 +4,8 @@ import useManageSubUnit from '../useManageSubUnit';
 import API from '../../../../configs/API';
 import api from '../../../../utils/Apis/axios';
 
-const mockRoute = jest.fn();
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: () => mockRoute,
-    useNavigation: () => ({
-      goBack: jest.fn(),
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 describe('Test Manage Access', () => {
   const unit = { id: 1, name: 'unit name' };
 

package/src/screens/SyncLGDevice/__test__/AddLGDevice.test.js

@@ -17,19 +17,6 @@ import { SCConfig } from '../../../configs';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <AddLGDevice route={route} />
@@ -137,7 +124,7 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onLeftClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(global.mockedGoBack).toHaveBeenCalled();
   });
 
   it('ViewButtonBottom onRightClick without select stationId', async () => {
@@ -149,7 +136,7 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('ViewButtonBottom onRightClick with stationId', async () => {
@@ -201,7 +188,7 @@ describe('Test Add LG Device', () => {
       text1: getTranslate('en', 'lg_sync_success'),
       visibilityTime: 1000,
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
   it('ViewButtonBottom onRightClick with case sync device fail', async () => {
@@ -253,7 +240,7 @@ describe('Test Add LG Device', () => {
       text1: getTranslate('en', 'lg_sync_failed'),
       visibilityTime: 1000,
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
   it('ViewButtonBottom onRightClick with stationId but sync failed', async () => {
@@ -299,7 +286,7 @@ describe('Test Add LG Device', () => {
       text1: getTranslate('en', 'lg_sync_failed'),
       visibilityTime: 1000,
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
   it('ViewButtonBottom onRightClick with stationId but get token failed, wrong data', async () => {
@@ -342,7 +329,7 @@ describe('Test Add LG Device', () => {
 
     expect(spyToastSuccess).not.toBeCalled();
     expect(spyToastError).toBeCalled();
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
 
     spyToastSuccess.mockReset();
     spyToastSuccess.mockRestore();
@@ -378,7 +365,7 @@ describe('Test Add LG Device', () => {
 
     expect(spyToastSuccess).not.toBeCalled();
     expect(spyToastError).toBeCalled();
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
 
     spyToastSuccess.mockReset();
     spyToastSuccess.mockRestore();

package/src/screens/Template/__test__/EditTemplate.test.js

@@ -16,17 +16,7 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-const mockGoBack = jest.fn();
 const mockSetData = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: mockGoBack,
-    }),
-    useRoute: jest.fn(),
-  };
-});
 
 describe('Test EditTemplate', () => {
   let tree;
@@ -67,19 +57,18 @@ describe('Test EditTemplate', () => {
     const DraggableFlatLists = instance.findAllByType(DraggableFlatList);
     expect(DraggableFlatLists).toHaveLength(1);
 
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
 
     await act(async () => {
-      await TouchableOpacities[0].props.onPress();
+      await touchableOpacities[0].props.onPress();
     });
     await act(async () => {
       const firstItem = instance.findByProps({ accessibilityLabel: 'item-0' });
       await firstItem.props.onLongPress();
     });
 
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
 
-    mockGoBack.mockReset();
     await act(async () => {
       await DraggableFlatLists[0].props.onDragEnd({
         data,
@@ -90,6 +79,6 @@ describe('Test EditTemplate', () => {
         .findByProps({ accessibilityLabel: 'Save' })
         .props.onPress();
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
   });
 });

package/src/screens/Template/__test__/GatewayList.test.js

@@ -3,15 +3,6 @@ import { View } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import GatewayList from '../GatewayList';
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: jest.fn(),
-    }),
-  };
-});
-
 describe('Test GatewayList', () => {
   let tree;