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

package/src/screens/SharedUnit/index.js

@@ -144,6 +144,11 @@ const Shared = () => {
             ItemSeparatorComponent={() => <View style={styles.seperator} />}
             contentContainerStyle={styles.scrollView}
             scrollIndicatorInsets={{ right: 1 }}
+            getItemLayout={(data, index) => ({
+              length: 52,
+              offset: 52 * index,
+              index,
+            })}
           />
         ) : (
           <FlatList

package/src/screens/Sharing/Components/EndDevice.js

@@ -1,6 +1,6 @@
 import React, { memo, useMemo, useState } from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { Colors } from '../../../configs';
 import styles from './Styles/DeviceItemStyles';
 import { AccessibilityLabel } from '../../../configs/Constants';
@@ -71,11 +71,11 @@ const EndDevice = ({
             {name}
           </Text>
           {checked && (
-            <IconOutline name={'check'} color={Colors.Primary} size={20} />
+            <AntDesign name={'check'} color={Colors.Primary} size={20} />
           )}
 
           {dataConfig.length > 0 && (
-            <IconOutline
+            <AntDesign
               onPress={() => toggleExpandEndDevice()}
               name={isItemExpanded ? 'up' : 'down'}
               size={20}

package/src/screens/Sharing/SelectUser.js

@@ -21,10 +21,11 @@ import { axiosPost } from '../../utils/Apis/axios';
 import { AccessibilityLabel } from '../../configs/Constants';
 import Text from '../../commons/Text';
 import { ToastBottomHelper } from '../../utils/Utils';
+import Routes from '../../utils/Route';
 
 const SharingInviteMembers = ({ route }) => {
   const t = useTranslations();
-  const navigation = useNavigation();
+  const { goBack, navigate } = useNavigation();
   const { unit, permissions } = route?.params || {};
   const [errorText, setErrorText] = useState('');
   const [content, setContent] = useState('');
@@ -70,8 +71,8 @@ const SharingInviteMembers = ({ route }) => {
   }, [content, sharePermissions, t]);
 
   const onPressNext = useCallback(() => {
-    navigation.dangerouslyGetParent().goBack();
-  }, [navigation]);
+    navigate(Routes.UnitDetail, { unitId: unit.id });
+  }, [navigate, unit?.id]);
 
   return (
     <View style={styles.wrapContainer}>
@@ -150,7 +151,7 @@ const SharingInviteMembers = ({ route }) => {
       <ViewButtonBottom
         disableKeyBoardAnimated={true}
         leftTitle={t('back')}
-        onLeftClick={() => navigation.goBack()}
+        onLeftClick={goBack}
         rightTitle={t('done')}
         rightDisabled={false}
         onRightClick={onPressNext}

package/src/screens/Sharing/UnitMemberList.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
-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 { useNavigation, useIsFocused } from '@react-navigation/native';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -81,11 +82,11 @@ const UnitMemberList = ({ route }) => {
       onPress={onPressRightHeader}
       style={styles.rightHeader}
     >
-      <IconOutline
-        name={isOwner ? 'plus' : 'more'}
-        size={30}
-        color={Colors.Black}
-      />
+      {isOwner ? (
+        <AntDesign name={'plus'} size={27} color={Colors.Black} />
+      ) : (
+        <MaterialIcons name={'more-vert'} size={27} color={Colors.Black} />
+      )}
     </TouchableOpacity>
   );
 

package/src/screens/Sharing/__test__/InfoMemberUnit.test.js

@@ -15,6 +15,7 @@ import ItemChangeRole from '../Components/ItemChangeRole';
 import ModalPopupCT from '../../../commons/ModalPopupCT';
 import Routes from '../../../utils/Route';
 import { useNavigation } from '@react-navigation/native';
+import RowGuestInfo from '../../GuestInfo/components/RowGuestInfo';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -164,7 +165,11 @@ describe('Test InfoMemberUnit', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    jest.runAllTimers();
+
+    await act(async () => {
+      jest.runAllTimers();
+    });
+
     expect(alertAction.props.visible).toEqual(false);
     expect(modalPopupCT.props.isVisible).toEqual(true);
 
@@ -175,7 +180,7 @@ describe('Test InfoMemberUnit', () => {
       await viewButtonBottom[1].props.onRightClick();
     });
     expect(modalPopupCT.props.isVisible).toEqual(false);
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.EnterPassword, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.EnterPassword, {
       dataParams: {
         unit_id: 1,
         member: {
@@ -200,11 +205,11 @@ describe('Test InfoMemberUnit', () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    const rows = instance.findAllByType(TouchableOpacity);
+    const rows = instance.findAllByType(RowGuestInfo);
 
     await act(async () => {
       await rows[rows.length - 1].props.onPress();
     });
-    expect(mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toHaveBeenCalledTimes(1);
   });
 });

package/src/screens/Sharing/__test__/SelectShareDevice.test.js

@@ -14,17 +14,6 @@ import Routes from '../../../utils/Route';
 
 const mock = new MockAdapter(api.axiosInstance);
 jest.spyOn(Alert, 'alert').mockImplementation(() => {});
-const mockNavigate = jest.fn();
-const mockGoBack = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-      goBack: mockGoBack,
-    }),
-  };
-});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -69,8 +58,6 @@ describe('Test SelectShareDevice', () => {
   afterEach(() => {
     Alert.alert.mockReset();
     mock.resetHistory();
-    mockNavigate.mockClear();
-    mockGoBack.mockClear();
   });
 
   const clickCheckBoxAllDevice = async (instance, statusCheckbox) => {
@@ -157,7 +144,7 @@ describe('Test SelectShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
-    expect(mockNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
       unit: { id: 1, name: 'unit 1' },
       permissions: {
         read_permissions: [
@@ -195,7 +182,7 @@ describe('Test SelectShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onLeftClick();
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
   });
 
   it('user not choose device click button next', async () => {

package/src/screens/Sharing/__test__/SelectUser.test.js

@@ -22,26 +22,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-const mockedDangerouslyGetState = jest.fn();
-const mockedDangerouslyGetParentGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-      dangerouslyGetParent: () => ({
-        dangerouslyGetState: mockedDangerouslyGetState,
-        goBack: mockedDangerouslyGetParentGoBack,
-      }),
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 describe('test SharingInviteMembers container', () => {
   let tree;
   let route;
@@ -100,7 +80,7 @@ describe('test SharingInviteMembers container', () => {
     await act(async () => {
       viewButtonBottom.props.onLeftClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(global.mockedGoBack).toHaveBeenCalled();
   });
 
   it('viewButtonBottom onRightClick', async () => {
@@ -112,7 +92,7 @@ describe('test SharingInviteMembers container', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedDangerouslyGetParentGoBack).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('_TextInput onChange phone, invalidate and not call api sharedPermission', async () => {

package/src/screens/Sharing/__test__/UnitMemberList.test.js

@@ -70,7 +70,7 @@ describe('test MemberList', () => {
     await act(async () => {
       await memberListButtons[1].props.onPress();
     });
-    expect(mockedNavigate).toBeCalledWith(Routes.AddMemberStack, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.AddMemberStack, {
       screen: Routes.SelectShareDevice,
       params: { unit: { id: 1 } },
     });
@@ -99,7 +99,7 @@ describe('test MemberList', () => {
     await act(async () => {
       await memberListButtons[1].props.onPress();
     });
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
       getTranslate('en', 'reach_max_members_per_unit', { length: 0 }),
       '',

package/src/screens/Sharing/__test__/UpdateShareDevice.test.js

@@ -13,17 +13,6 @@ import AccessibilityLabel from '../../../configs/AccessibilityLabel';
 
 const mock = new MockAdapter(api.axiosInstance);
 jest.spyOn(Alert, 'alert').mockImplementation(() => {});
-const mockNavigate = jest.fn();
-const mockGoBack = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-      goBack: mockGoBack,
-    }),
-  };
-});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -74,8 +63,6 @@ describe('Test UpdateShareDevice', () => {
   afterEach(() => {
     Alert.alert.mockReset();
     mock.resetHistory();
-    mockNavigate.mockClear();
-    mockGoBack.mockClear();
   });
 
   const clickCheckBoxAllDevice = async (instance, statusCheckbox) => {
@@ -164,7 +151,7 @@ describe('Test UpdateShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
     expect(mock.history.post[0].data).toEqual(
       JSON.stringify({
         phone: '0901234567',
@@ -198,7 +185,7 @@ describe('Test UpdateShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
     expect(mock.history.post[0].data).toEqual(
       JSON.stringify({
         phone: '',
@@ -230,7 +217,7 @@ describe('Test UpdateShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
-    expect(mockGoBack).not.toBeCalled();
+    expect(global.mockedGoBack).not.toBeCalled();
     expect(mock.history.post[0].data).toEqual(
       JSON.stringify({
         phone: '',
@@ -287,7 +274,7 @@ describe('Test UpdateShareDevice', () => {
     await act(async () => {
       ViewButtonBottomElement[0].props.onLeftClick();
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
   });
 
   it('user not choose device click button next', async () => {

package/src/screens/Sharing/hooks/__test__/index.test.js

@@ -18,19 +18,8 @@ const mockUseContext = jest.fn().mockImplementation(() => ({
   stateData: mockSCStore({}),
   setAction: mockedSetAction,
 }));
-const mockNavigate = jest.fn();
-const mockGoBack = jest.fn();
 
 React.useContext = mockUseContext;
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: mockGoBack,
-      navigate: mockNavigate,
-    }),
-  };
-});
 
 describe('Test useDataMember', () => {
   it('render useDataMember', async () => {
@@ -44,7 +33,7 @@ describe('Test useDataMember', () => {
     await act(async () => {
       result.current.leaveUnit(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.Dashboard);
+    expect(global.mockedNavigate).toBeCalledWith(Routes.Dashboard);
   });
 
   it('render useDataMember loadMembers', async () => {
@@ -75,6 +64,6 @@ describe('Test useDataMember', () => {
     await act(async () => {
       result.current.removeMember(1, 'json');
     });
-    expect(mockGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
   });
 });

package/src/screens/SmartAccount/Connecting/index.js

@@ -10,7 +10,6 @@ import { SCContext, useSCContextSelector } from '../../../context';
 import { axiosPost } from '../../../utils/Apis/axios';
 import { API, Colors, Constants } from '../../../configs';
 import Routes from '../../../utils/Route';
-import { ToastBottomHelper } from '../../../utils/Utils';
 import styles from './style';
 
 const SmartAccountConnecting = ({ route }) => {
@@ -69,7 +68,6 @@ const SmartAccountConnecting = ({ route }) => {
       navigate(Routes.SmartAccount, {
         params: {},
       });
-      ToastBottomHelper.error(data[Object.keys(data)[0]][0]);
     }
     handleRefreshPercent();
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/screens/SmartAccount/ListDevice/__test__/ListDevice.test.js

@@ -11,25 +11,10 @@ import { API } from '../../../../configs';
 import Routes from '../../../../utils/Route';
 import MockAdapter from 'axios-mock-adapter';
 import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
+import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  memo: (x) => x,
-}));
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ListDevice route={route} />
@@ -38,8 +23,8 @@ const wrapComponent = (route) => (
 
 describe('Test ListDeviceSmartAccount', () => {
   let tree;
+  const { navigate } = useNavigation();
   beforeEach(() => {
-    mockedNavigate.mockClear();
     mock.reset();
   });
   it('render ListDeviceSmartAccount', async () => {
@@ -93,7 +78,7 @@ describe('Test ListDeviceSmartAccount', () => {
       await touchs[touchs.length - 1].props.onPress();
     });
 
-    expect(mockedNavigate).toBeCalledWith(Routes.AddDeviceStack, {
+    expect(navigate).toBeCalledWith(Routes.AddDeviceStack, {
       screen: Routes.AddCommonSelectSubUnit,
       params: {
         addType: 'AddHassiDevice',

package/src/screens/SmartAccount/SuccessfullyConnected/__test__/SuccessfullyConnected.test.js

@@ -13,18 +13,6 @@ import _TextInput from '../../../../commons/Form/TextInput';
 import { flushPromises } from '../../../AllGateway/test-utils';
 
 const mock = new MockAdapter(api.axiosInstance);
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-    }),
-    useIsFocused: () => true,
-  };
-});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -57,7 +45,6 @@ describe('Test SuccessfullyConnected', () => {
   };
   beforeEach(() => {
     mock.reset();
-    mockedNavigate.mockClear();
   });
   it('render SuccessfullyConnected', async () => {
     mock.onGet(API.CHIP.RENAME_DEVICES(1)).reply(200, {
@@ -113,13 +100,16 @@ describe('Test SuccessfullyConnected', () => {
     await act(async () => {
       handleContinue.props.onPress();
     });
-    expect(mockedNavigate).toBeCalledWith(Routes.ListDeviceSmartAccount, {
-      smart_account_id: 1,
-      username: 'textEoh@gmail.com',
-      brand: 'test brand',
-      unit_id: 1,
-      chipId: 1,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.ListDeviceSmartAccount,
+      {
+        smart_account_id: 1,
+        username: 'textEoh@gmail.com',
+        brand: 'test brand',
+        unit_id: 1,
+        chipId: 1,
+      }
+    );
   });
   it('render function handleFinish ', async () => {
     await act(async () => {
@@ -135,7 +125,7 @@ describe('Test SuccessfullyConnected', () => {
     await act(async () => {
       handleFinish.props.onPress();
     });
-    expect(mockedDispatch).toBeCalledWith({
+    expect(global.mockedDispatch).toBeCalledWith({
       payload: {
         index: 0,
         routes: [

package/src/screens/SmartAccount/SuccessfullyConnected/index.js

@@ -1,8 +1,7 @@
 import React, { memo, useCallback, useEffect, useState } from 'react';
-import { View, ScrollView } from 'react-native';
+import { View, ScrollView, ActivityIndicator } from 'react-native';
 import { useNavigation, CommonActions } from '@react-navigation/native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { ActivityIndicator } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 
 import _TextInput from '../../../commons/Form/TextInput';
 import Text from '../../../commons/Text';
@@ -135,7 +134,7 @@ const SuccessfullyConnected = memo(({ route }) => {
       <View style={styles.wrap}>
         <ScrollView>
           <View style={styles.body}>
-            <IconOutline name="check-circle" size={28} color={Colors.Green6} />
+            <AntDesign name="check-circle" size={28} color={Colors.Green6} />
             <Text bold style={styles.connectingText}>
               {t('successfully_connected')}
             </Text>

package/src/screens/SmartAccount/__test__/Connecting.test.js

@@ -17,22 +17,10 @@ const wrapComponent = (route) => (
     <SmartAccountConnecting route={route} />
   </SCProvider>
 );
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
 
 describe('Test Connecting', () => {
   let tree;
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
+
   it('render Connecting', async () => {
     const route = {
       params: {
@@ -65,7 +53,7 @@ describe('Test Connecting', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(mockedNavigate).toBeCalledWith(Routes.SmartAccount, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.SmartAccount, {
       params: {},
     });
   });
@@ -85,7 +73,7 @@ describe('Test Connecting', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   it('render connecting sync smartAccount success', async () => {
@@ -120,14 +108,17 @@ describe('Test Connecting', () => {
       await jest.advanceTimersByTime(1000);
     });
 
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ListDeviceSmartAccount, {
-      username: 'abc',
-      brand: '',
-      device_data: undefined,
-      unit_id: 1,
-      smart_account_id_from_backend: undefined,
-      chipId: undefined,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.ListDeviceSmartAccount,
+      {
+        username: 'abc',
+        brand: '',
+        device_data: undefined,
+        unit_id: 1,
+        smart_account_id_from_backend: undefined,
+        chipId: undefined,
+      }
+    );
 
     // Clear the timers
     jest.useRealTimers();
@@ -162,19 +153,22 @@ describe('Test Connecting', () => {
       await jest.advanceTimersByTime(1000);
     });
 
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.SuccessfullyConnected, {
-      nameSubUnit: undefined,
-      listDeviceIds: true,
-      listSelectDevice: undefined,
-      smart_account_id: undefined,
-      smart_account_id_from_backend: undefined,
-      unit_id: 1,
-      unitName: undefined,
-      stationId: undefined,
-      username: 'abc',
-      brand: '',
-      chipId: 1,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.SuccessfullyConnected,
+      {
+        nameSubUnit: undefined,
+        listDeviceIds: true,
+        listSelectDevice: undefined,
+        smart_account_id: undefined,
+        smart_account_id_from_backend: undefined,
+        unit_id: 1,
+        unitName: undefined,
+        stationId: undefined,
+        username: 'abc',
+        brand: '',
+        chipId: 1,
+      }
+    );
 
     // Clear the timers
     jest.useRealTimers();

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

@@ -15,22 +15,10 @@ const wrapComponent = (route) => (
     <SmartAccount route={route} />
   </SCProvider>
 );
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
 
 describe('Test SmartAccount', () => {
   let tree;
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
+
   it('render SmartAccount', async () => {
     const route = {
       params: {
@@ -164,12 +152,15 @@ describe('Test SmartAccount', () => {
     await act(async () => {
       await touchableOpacity.props.onPress();
     });
-    expect(mockedNavigate).toBeCalledWith(Routes.SmartAccountConnecting, {
-      brand: 'google_home',
-      password: '1234567',
-      unit_id: 1,
-      username: 'eoh.dienquang@gmail.com',
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.SmartAccountConnecting,
+      {
+        brand: 'google_home',
+        password: '1234567',
+        unit_id: 1,
+        username: 'eoh.dienquang@gmail.com',
+      }
+    );
   });
 
   it('render handle sync item DienQuang from screen dashboard', async () => {
@@ -215,7 +206,7 @@ describe('Test SmartAccount', () => {
     await act(async () => {
       await touchableOpacity.props.onPress();
     });
-    expect(mockedNavigate).toBeCalledWith(Routes.AddDeviceStack, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.AddDeviceStack, {
       screen: 'AddCommonSelectUnit',
       params: {
         addType: 'AddHassioDevice',
@@ -245,7 +236,7 @@ describe('Test SmartAccount', () => {
       await touchSupplierItem[1].props.onPress();
     });
     expect(touchSupplierItem).toBeDefined();
-    expect(mockedNavigate).toBeCalledWith(Routes.Browser, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.Browser, {
       // eslint-disable-next-line max-len
       link: 'https://qt-vn.m.lgaccount.com/emp/v2/authorize?client_id=2b85aee334f046848341547894bb7c4e&redirect_uri=app://eoh/sync-lg-device&response_type=code&state=1',
     });