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

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

@@ -7,14 +7,7 @@ import { API } from '../../../../configs';
 import { useGateway } from '../useGateway';
 
 const mock = new MockAdapter(api.axiosInstance);
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      pop: jest.fn(),
-    }),
-  };
-});
+
 describe('Test useGateway', () => {
   let hook;
 

package/src/screens/AllGateway/test-utils.js

@@ -1,6 +1,6 @@
 import Detail from './components/Detail';
 import TabPaneCT from './components/TabPaneCT';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { act } from 'react-test-renderer';
 
 export const fetchGatewayCT = async (tree) => {

package/src/screens/Automate/AddNewAction/NewActionWrapper.js

@@ -3,7 +3,7 @@ import { TouchableOpacity, View } from 'react-native';
 import { KeyboardAwareScrollView } from '@eohjsc/react-native-keyboard-aware-scroll-view';
 
 import styles from './Styles/SelectActionStyles';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { Colors } from '../../../configs';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import BottomButtonView from '../../../commons/BottomButtonView';
@@ -35,7 +35,7 @@ const NewActionWrapper = ({
         onPress={handleClose}
         accessibilityLabel={AccessibilityLabel.ICON_CLOSE}
       >
-        <Icon name={'close'} size={24} color={Colors.Black} />
+        <AntDesign name={'close'} size={24} color={Colors.Black} />
       </TouchableOpacity>
     ),
     [handleClose]

package/src/screens/Automate/AddNewAction/SetupConfigCondition.js

@@ -1,21 +1,17 @@
 import React, { useMemo, useState } from 'react';
-import { View } from 'react-native';
+import { View, TouchableOpacity, FlatList } from 'react-native';
 
 import styles from './Styles/SetupSensorStyles';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import Text from '../../../commons/Text';
-import {
-  Button as AntButton,
-  InputItem,
-  List,
-  Radio,
-} from '@ant-design/react-native';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import NewActionWrapper from './NewActionWrapper';
 import GridItem from '../../../commons/Grid/GridItem';
 import Routes from '../../../utils/Route';
 import ModalCustom from '../../../commons/Modal/ModalCustom';
 import { ToastBottomHelper } from '../../../utils/Utils';
+import CheckBox from '@react-native-community/checkbox';
+import TextInput from '../../../commons/Form/TextInput';
 
 const valueEvaluationToOptions = (valueEvaluation) => {
   if (valueEvaluation.template === 'range') {
@@ -139,24 +135,27 @@ const SetupConfigCondition = () => {
           <Text type="Body">
             {t('when_value_is', { config_name: config.name })}
           </Text>
-          <List renderHeader={t('condition')}>
-            {normalConditions.map((item) => {
+          <FlatList
+            renderHeader={t('condition')}
+            data={normalConditions}
+            renderItem={({ item }) => {
               return (
-                <Radio.RadioItem
-                  checked={item.value === customCondition}
-                  key={item.value}
-                  onChange={() => {
-                    automate.condition = item.value;
-                    setCustomCondition(item.value);
-                  }}
-                >
-                  {item.label}
-                </Radio.RadioItem>
+                <View>
+                  <Text>{item.label}</Text>
+                  <CheckBox
+                    onChange={() => {
+                      automate.condition = item.value;
+                      setCustomCondition(item.value);
+                    }}
+                    value={item.value === customCondition}
+                  />
+                </View>
               );
-            })}
-          </List>
-          <List renderHeader={t('value')} style={styles.inputValue}>
-            <InputItem
+            }}
+          />
+          <View style={styles.inputValue}>
+            <Text>{t('value')}</Text>
+            <TextInput
               keyboardType="decimal-pad"
               type="number"
               maxLength={10}
@@ -166,9 +165,9 @@ const SetupConfigCondition = () => {
               }}
               style={styles.numberInput}
             />
-          </List>
-          <AntButton
-            type={'primary'}
+          </View>
+          <TouchableOpacity
+            testID={'continue_button'}
             onPress={() => {
               if (
                 !automate.value ||
@@ -181,8 +180,8 @@ const SetupConfigCondition = () => {
               navigate(Routes.ValueChangeName, { automate, closeScreen });
             }}
           >
-            {t('continue')}
-          </AntButton>
+            <Text>{t('continue')}</Text>
+          </TouchableOpacity>
         </View>
       </ModalCustom>
     </NewActionWrapper>

package/src/screens/Automate/AddNewAction/__test__/ChooseAction.test.js

@@ -52,7 +52,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('test onSave fail not permission', async () => {
@@ -66,7 +66,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   it('test fetchData', async () => {
@@ -79,7 +79,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   test('test RenderActionItem air conditioner device IR', async () => {

package/src/screens/Automate/AddNewAction/__test__/ChooseConfig.test.js

@@ -141,10 +141,13 @@ describe('Test ChooseConfig', () => {
       conditionTouch.props.onPress();
     });
 
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.SetupConfigCondition, {
-      automate: { config: 1 },
-      config: { id: 1 },
-      closeScreen: undefined,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.SetupConfigCondition,
+      {
+        automate: { config: 1 },
+        config: { id: 1 },
+        closeScreen: undefined,
+      }
+    );
   });
 });

package/src/screens/Automate/AddNewAction/__test__/SelectControlDevices.test.js

@@ -76,7 +76,7 @@ describe('Test SelectMonitorDevices', () => {
     });
     expect(device[0].props.isSelectDevice).toBeTruthy();
 
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('test onSnapItem', async () => {
@@ -108,6 +108,6 @@ describe('Test SelectMonitorDevices', () => {
     await act(async () => {
       iconClose[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
   });
 });

package/src/screens/Automate/AddNewAction/__test__/SelectMonitorDevices.test.js

@@ -13,22 +13,6 @@ import { useRoute } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-const mockedGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-      goBack: mockedGoBack,
-    }),
-    useRoute: jest.fn(),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <SelectMonitorDevices route={route} />
@@ -60,7 +44,6 @@ describe('Test SelectMonitorDevices', () => {
 
   beforeEach(() => {
     useRoute.mockImplementation(() => route);
-    mockedNavigate.mockClear();
   });
 
   it('test onPressClose', async () => {
@@ -87,6 +70,6 @@ describe('Test SelectMonitorDevices', () => {
     await act(async () => {
       iconClose[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith('closeScreen');
+    expect(global.mockedNavigate).toHaveBeenCalledWith('closeScreen');
   });
 });

package/src/screens/Automate/AddNewAction/__test__/SetupConfigCondition.test.js

@@ -3,14 +3,16 @@ import { act, create } from 'react-test-renderer';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import SetupConfigCondition from '../SetupConfigCondition';
-import { useNavigation, useRoute } from '@react-navigation/native';
+import { useRoute } from '@react-navigation/native';
 import { ToastBottomHelper } from '../../../../utils/Utils';
 import { Text } from '../../../../commons';
-import { Button, InputItem, Radio } from '@ant-design/react-native';
 import GridItem from '../../../../commons/Grid/GridItem';
 import { TouchableWithoutFeedback } from 'react-native';
 import Routes from '../../../../utils/Route';
 import { ModalCustom } from '../../../../commons/Modal';
+import { showAllGridItems } from '../../../../commons/ActionTemplate/__test__/utils';
+import TextInput from '../../../../commons/Form/TextInput';
+import CheckBox from '@react-native-community/checkbox';
 
 jest.mock('react', () => {
   return {
@@ -39,17 +41,12 @@ const wrapComponent = (configuration, onPress) => (
 );
 
 describe('Test SetupConfigCondition', () => {
-  const mockNavigate = useNavigation().navigate;
-  const mockGoBack = useNavigation().goBack;
   const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
   let tree;
   beforeEach(() => {
     tree = null;
-    mockGoBack.mockReset();
-    useRoute.mockClear();
     spyToastError.mockClear();
-    mockNavigate.mockClear();
   });
 
   it('render range value evaluation', async () => {
@@ -178,7 +175,7 @@ describe('Test SetupConfigCondition', () => {
       gridItems[0].findByType(TouchableWithoutFeedback).props.onPress();
     });
 
-    expect(mockNavigate).toBeCalledWith(Routes.ValueChangeName, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.ValueChangeName, {
       automate: {
         condition: 'value_evaluation',
         value: [1, 0],
@@ -218,22 +215,24 @@ describe('Test SetupConfigCondition', () => {
     expect(modal.props.isVisible).toBeFalsy();
 
     await act(async () => {
-      instance.findAllByType(Radio.RadioItem)[0].props.onChange();
+      instance.findAllByType(CheckBox)[0].props.onChange();
     });
 
-    const input = instance.findByType(InputItem);
+    const input = instance.findByType(TextInput);
 
     await act(async () => {
       input.props.onChange('123');
     });
 
-    const bottomButtonView = instance.findByType(Button);
+    const bottomButtonView = instance.findByProps({
+      testID: 'continue_button',
+    });
 
     await act(async () => {
       bottomButtonView.props.onPress();
     });
 
-    expect(mockNavigate).toBeCalledWith(Routes.ValueChangeName, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.ValueChangeName, {
       automate: {
         condition: '<',
         value: 123,
@@ -259,20 +258,23 @@ describe('Test SetupConfigCondition', () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const input = instance.findByType(InputItem);
+    await showAllGridItems(instance);
+    const input = instance.findByType(TextInput);
 
     await act(async () => {
       input.props.onChange(value);
     });
 
-    const bottomButtonView = instance.findByType(Button);
+    const bottomButtonView = instance.findByProps({
+      testID: 'continue_button',
+    });
 
     await act(async () => {
       bottomButtonView.props.onPress();
     });
 
     if (message === null) {
-      expect(mockNavigate).toBeCalled();
+      expect(global.mockedNavigate).toBeCalled();
     } else {
       expect(spyToastError).toBeCalledWith(message, '', 3000);
     }

package/src/screens/Automate/AddNewAutoSmart/__test__/AddNewAutoSmart.test.js

@@ -21,10 +21,10 @@ describe('test AddNewAutoSmart', () => {
       automate: { unit: 1 },
     },
   };
-  const mockNavigate = useNavigation().navigate;
+  const mockedNavigate = useNavigation().navigate;
 
   beforeEach(() => {
-    mockNavigate.mockClear();
+    mockedNavigate.mockClear();
   });
 
   it('AddNewAutoSmart select sensor device', async () => {
@@ -41,7 +41,7 @@ describe('test AddNewAutoSmart', () => {
       await touchItem.props.onPress();
     });
 
-    expect(mockNavigate).toBeCalledWith(Routes.SelectMonitorDevices, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.SelectMonitorDevices, {
       automate: { unit: 1, type: 'value_change' },
       closeScreen: undefined,
     });
@@ -59,7 +59,7 @@ describe('test AddNewAutoSmart', () => {
     });
     expect(items[2].props.isSelected).toBeTruthy();
 
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.SetSchedule, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.SetSchedule, {
       automate: { type: 'schedule', unit: 1 },
       closeScreen: undefined,
     });

package/src/screens/Automate/EditActionsList/__tests__/UpdateActionScript.test.js

@@ -12,24 +12,12 @@ import { ToastBottomHelper } from '../../../../utils/Utils';
 import UpdateActionScript from '../UpdateActionScript';
 import { TouchableOpacity } from 'react-native';
 import { useRoute } from '@react-navigation/native';
+import RenderActionItem from '../../AddNewAction/RenderActionItem';
+import { showAllCards } from '../../../../commons/ActionTemplate/__test__/utils';
 
 const mock = new MockAdapter(api.axiosInstance);
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-const mockedGoBack = jest.fn();
 const mockedPermission = jest.fn();
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-      goBack: mockedGoBack,
-    }),
-    useRoute: jest.fn(),
-  };
-});
 jest.mock('../../../../utils/Permission/backend', () => ({
   useBackendPermission: () => ({
     max_actions_per_automation: 1,
@@ -73,7 +61,6 @@ describe('Test UpdateActionScript', () => {
     useRoute.mockReturnValue({
       params: {},
     });
-    mockedNavigate.mockClear();
     mockedPermission.mockClear();
   });
 
@@ -85,14 +72,14 @@ describe('Test UpdateActionScript', () => {
       tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
-    const buttonOn = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel === AccessibilityLabel.ON_BUTTON &&
-        el.type === TouchableOpacity
-    );
-    await act(async () => {
-      buttonOn[0].props.onPress();
-    });
+    await showAllCards(instance);
+    await selectActionOn(instance);
+    await pressSaveButton(instance);
+
+    expect(global.mockedNavigate).toHaveBeenCalled();
+  });
+
+  const pressSaveButton = async (instance) => {
     const buttonSave = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
@@ -101,8 +88,7 @@ describe('Test UpdateActionScript', () => {
     await act(async () => {
       buttonSave.props.onNext();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
-  });
+  };
 
   it('test update action script fail', async () => {
     mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response);
@@ -111,32 +97,14 @@ describe('Test UpdateActionScript', () => {
       tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
-    const buttonOn = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel === AccessibilityLabel.ON_BUTTON &&
-        el.type === TouchableOpacity
-    );
-    await act(async () => {
-      buttonOn[0].props.onPress();
-    });
-    const buttonSave = instance.find(
-      (el) =>
-        el.props.accessibilityLabel ===
-        AccessibilityLabel.BUTTON_UPDATE_SCRIPT_ITEM
-    );
-    await act(async () => {
-      buttonSave.props.onNext();
-    });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    await showAllCards(instance);
+    await selectActionOn(instance);
+    await pressSaveButton(instance);
+
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
-  it('test can not update because adding too many times allowed', async () => {
-    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response);
-    const spyToast = jest.spyOn(ToastBottomHelper, 'error');
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
+  const selectActionOn = async (instance) => {
     const buttonOn = instance.findAll(
       (el) =>
         el.props.accessibilityLabel === AccessibilityLabel.ON_BUTTON &&
@@ -145,6 +113,9 @@ describe('Test UpdateActionScript', () => {
     await act(async () => {
       buttonOn[0].props.onPress();
     });
+  };
+
+  const selectActionOff = async (instance) => {
     const buttonOff = instance.findAll(
       (el) =>
         el.props.accessibilityLabel === AccessibilityLabel.OFF_BUTTON &&
@@ -153,6 +124,9 @@ describe('Test UpdateActionScript', () => {
     await act(async () => {
       buttonOff[0].props.onPress();
     });
+  };
+
+  const selectActionOne = async (instance) => {
     const buttonOne = instance.findAll(
       (el) =>
         el.props.accessibilityLabel === AccessibilityLabel.ONE_BUTTON &&
@@ -161,14 +135,23 @@ describe('Test UpdateActionScript', () => {
     await act(async () => {
       buttonOne[0].props.onPress();
     });
-    const buttonSave = instance.find(
-      (el) =>
-        el.props.accessibilityLabel ===
-        AccessibilityLabel.BUTTON_UPDATE_SCRIPT_ITEM
-    );
+  };
+
+  it('test can not update because adding too many times allowed', async () => {
+    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response);
+    const spyToast = jest.spyOn(ToastBottomHelper, 'error');
     await act(async () => {
-      buttonSave.props.onNext();
+      tree = await renderer.create(wrapComponent(route));
     });
+
+    const instance = tree.root;
+    expect(instance.findAllByType(RenderActionItem).length).toBe(2);
+    await showAllCards(instance);
+    await selectActionOn(instance);
+    await selectActionOff(instance);
+    await selectActionOne(instance);
+    await pressSaveButton(instance);
+
     expect(spyToast).toBeCalled();
   });
 });

package/src/screens/Automate/EditActionsList/__tests__/UpdateDelayScript.test.js

@@ -14,24 +14,10 @@ import { ToastBottomHelper } from '../../../../utils/Utils';
 import UpdateDelayScript from '../UpdateDelayScript';
 
 const mock = new MockAdapter(api.axiosInstance);
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-const mockedGoBack = jest.fn();
 const mockerOnClosePopup = jest.fn();
 const mockedSetActionList = jest.fn();
 const mockedSetNeedRefresh = jest.fn();
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-      goBack: mockedGoBack,
-    }),
-    useRoute: jest.fn(),
-  };
-});
 let actionsList = [
   {
     id: 1,
@@ -74,10 +60,6 @@ const wrapComponent = () => (
 describe('Test UpdateDelayScript', () => {
   let tree;
 
-  beforeEach(() => {
-    mockedNavigate.mockClear();
-  });
-
   it('test update delay', async () => {
     mock.onPut(API.AUTOMATE.UPDATE_SCRIPT_DELAY(1)).reply(200);
     const spyToast = jest.spyOn(ToastBottomHelper, 'success');

package/src/screens/Automate/EditActionsList/__tests__/UpdateNotifyScript.test.js

@@ -14,24 +14,10 @@ import BottomButtonView from '../../../../commons/BottomButtonView';
 import { ToastBottomHelper } from '../../../../utils/Utils';
 
 const mock = new MockAdapter(api.axiosInstance);
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-const mockedGoBack = jest.fn();
 const mockerOnClosePopup = jest.fn();
 const mockedSetActionList = jest.fn();
 const mockedSetNeedRefresh = jest.fn();
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-      goBack: mockedGoBack,
-    }),
-    useRoute: jest.fn(),
-  };
-});
 let actionsList = [
   {
     id: 1,
@@ -74,10 +60,6 @@ const wrapComponent = () => (
 describe('Test UpdateNotifyScript', () => {
   let tree;
 
-  beforeEach(() => {
-    mockedNavigate.mockClear();
-  });
-
   it('test update title and message', async () => {
     mock.onPut(API.AUTOMATE.UPDATE_SCRIPT_NOTIFY(1)).reply(200);
     const spyToast = jest.spyOn(ToastBottomHelper, 'success');
@@ -108,7 +90,7 @@ describe('Test UpdateNotifyScript', () => {
       button.props.onPressMain();
     });
     expect(spyToast).toBeCalled();
-    // expect(mockedNavigate).toHaveBeenCalledWith('closeScreen');
+    // expect(global.mockedNavigate).toHaveBeenCalledWith('closeScreen');
   });
   it('test can not update title and message', async () => {
     await act(async () => {

package/src/screens/Automate/EditActionsList/__tests__/index.test.js

@@ -97,7 +97,7 @@ describe('EditActionsList', () => {
     await act(async () => {
       headerCustom[0].props.onGoBack();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('EditActionsList onPress remove action', async () => {
@@ -152,16 +152,19 @@ describe('EditActionsList', () => {
     await act(async () => {
       modalCustom[0].props.onBackButtonPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UpdateActionScript, {
-      automateId: 1,
-      closeScreen: Routes.EditActionsList,
-      device: {
-        id: 1,
-      },
-      numberActionAdded: 3,
-      scriptItemId: 1,
-      unitId: undefined,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.UpdateActionScript,
+      {
+        automateId: 1,
+        closeScreen: Routes.EditActionsList,
+        device: {
+          id: 1,
+        },
+        numberActionAdded: 3,
+        scriptItemId: 1,
+        unitId: undefined,
+      }
+    );
   });
 
   it('EditActionsList update script notify', async () => {

package/src/screens/Automate/OneTap/__test__/AddNewOneTap.test.js

@@ -77,7 +77,7 @@ describe('test OneTap', () => {
       await item.props.onPress();
     });
 
-    expect(mockedNavigate).toHaveBeenCalledWith({
+    expect(global.mockedNavigate).toHaveBeenCalledWith({
       merge: true,
       name: Routes.ScriptDetail,
       params: {
@@ -114,7 +114,7 @@ describe('test OneTap', () => {
     await act(async () => {
       await item[0].props.onPress();
     });
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
   });
 
   it('test onClose have automateId', async () => {
@@ -136,6 +136,6 @@ describe('test OneTap', () => {
     await act(async () => {
       header.props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
   });
 });