@eohjsc/react-native-smart-city 0.2.23 → 0.2.26

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

@@ -3,12 +3,20 @@ import { create, act } from 'react-test-renderer';
 import axios from 'axios';
 
 import SelectUser from '../SelectUser';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { TESTID } from '../../../configs/Constants';
 import { ViewButtonBottom, Button } from '../../../commons';
 import _TextInput from '../../../commons/Form/TextInput';
 import AccountList from '../../../commons/Auth/AccountList';
 import { API } from '../../../configs';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectUser route={route} />
+  </SCProvider>
+);
 
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
@@ -40,7 +48,6 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('test SelectUser container', () => {
-  const t = useTranslations();
   let tree;
   let route;
 
@@ -74,7 +81,7 @@ describe('test SelectUser container', () => {
 
   test('create', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const textTitle = findByTestId(instance, TESTID.SELECT_USER_ADD_USER_TITLE);
@@ -82,18 +89,26 @@ describe('test SelectUser container', () => {
       instance,
       TESTID.SELECT_USER_ADD_USER_SUB_TITLE
     );
-    expect(textTitle.props.children).toEqual(t('add_user_title'));
-    expect(textSubTitle.props.children).toEqual(t('add_user_sub_title'));
+    expect(textTitle.props.children).toEqual(
+      getTranslate('en', 'add_user_title')
+    );
+    expect(textSubTitle.props.children).toEqual(
+      getTranslate('en', 'add_user_sub_title')
+    );
   });
 
   test('viewButtonBottom and onLeftClick', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
-    expect(viewButtonBottom.props.leftTitle).toEqual(t('cancel'));
-    expect(viewButtonBottom.props.rightTitle).toEqual(t('done'));
+    expect(viewButtonBottom.props.leftTitle).toEqual(
+      getTranslate('en', 'cancel')
+    );
+    expect(viewButtonBottom.props.rightTitle).toEqual(
+      getTranslate('en', 'done')
+    );
     act(() => {
       viewButtonBottom.props.onLeftClick();
     });
@@ -102,7 +117,7 @@ describe('test SelectUser container', () => {
 
   test('viewButtonBottom onRightClick', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -122,16 +137,18 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = await create(<SelectUser route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
     const textInput = instance.findByType(_TextInput);
-    expect(textInput.props.placeholder).toEqual(t('phone_number_or_email'));
+    expect(textInput.props.placeholder).toEqual(
+      getTranslate('en', 'phone_number_or_email')
+    );
     expect(textInput.props.errorText).toEqual('');
 
     const button = instance.findByType(Button);
-    expect(button.props.title).toEqual(t('add_user_invite'));
+    expect(button.props.title).toEqual(getTranslate('en', 'add_user_invite'));
     expect(button.props.type).toEqual('primary');
 
     let accountList = instance.findAllByType(AccountList);
@@ -174,7 +191,7 @@ describe('test SelectUser container', () => {
     };
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.findByType(_TextInput);
@@ -211,7 +228,7 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -229,7 +246,7 @@ describe('test SelectUser container', () => {
     });
 
     expect(textInput.props.errorText).toEqual(
-      t('invalid_phone_number_or_email')
+      getTranslate('en', 'invalid_phone_number_or_email')
     );
     expect(axios.post).not.toHaveBeenCalled();
   });
@@ -239,7 +256,7 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 

package/src/screens/SubUnit/Detail.js

@@ -105,13 +105,13 @@ const SubUnitDetail = ({ route }) => {
             </View>
           </>
         )}
-        {devices.length !== 0 ? (
+        {devices?.length !== 0 ? (
           <View>
             <Text style={styles.subUnitTitle}>
-              {t('text_all_devices')} ({devices.length})
+              {t('text_all_devices')} ({devices?.length})
             </Text>
             <View style={styles.boxDevices}>
-              {devices.map((item, index) => {
+              {devices?.map((item, index) => {
                 return (
                   <ItemDevice
                     key={`sensor-${item.id}`}

package/src/screens/SubUnit/ManageSubUnit.js

@@ -72,7 +72,7 @@ const ManageSubUnit = (props) => {
   const updateSubUnit = useCallback(
     async (params, headers) => {
       const { success, data } = await axiosPatch(
-        API.SUB_UNIT.MANAGE_SUB_UNIT(unit.id, station.id),
+        API.SUB_UNIT.MANAGE_SUB_UNIT(unit?.id, station.id),
         params,
         headers
       );
@@ -83,13 +83,13 @@ const ManageSubUnit = (props) => {
         ToastBottomHelper.success(t('text_rename_sub_unit_success'));
       }
     },
-    [unit.id, station.id, t]
+    [unit, station.id, t]
   );
   const updateBackground = useCallback(
     async (headers) => {
       const formData = createFormData(imageUrl, ['background']);
       const { success } = await axiosPatch(
-        API.SUB_UNIT.MANAGE_SUB_UNIT(unit.id, station.id),
+        API.SUB_UNIT.MANAGE_SUB_UNIT(unit?.id, station.id),
         formData,
         headers
       );
@@ -98,7 +98,7 @@ const ManageSubUnit = (props) => {
         ToastBottomHelper.success(t('text_change_background_sub_unit_success'));
       }
     },
-    [imageUrl, unit.id, station.id, t]
+    [imageUrl, unit, station.id, t]
   );
 
   const onPressRemove = useCallback(() => {
@@ -112,7 +112,7 @@ const ManageSubUnit = (props) => {
   const onRemoveSubUnit = useCallback(async () => {
     setHideModalRemoveSubUnit();
     const { success } = await axiosDelete(
-      API.SUB_UNIT.REMOVE_SUB_UNIT(unit.id, station.id)
+      API.SUB_UNIT.REMOVE_SUB_UNIT(unit?.id, station.id)
     );
     if (success) {
       //dispatch(removeSubUnit(station.id));
@@ -121,7 +121,7 @@ const ManageSubUnit = (props) => {
     } else {
       ToastBottomHelper.error(t('text_remove_sub_unit_fail'));
     }
-  }, [setHideModalRemoveSubUnit, unit.id, station.id, t, onBack]);
+  }, [setHideModalRemoveSubUnit, unit, station.id, t, onBack]);
 
   const goRename = useCallback(() => {
     updateSubUnit({ name: inputName }, {});
@@ -155,9 +155,9 @@ const ManageSubUnit = (props) => {
   const onPressEmergencyContact = useCallback(() => {
     navigation.navigate(Routes.EmergencyContactsStack, {
       screen: Routes.EmergencyContactsList,
-      params: { unitId: unit.id, group },
+      params: { unitId: unit?.id, group },
     });
-  }, [group, navigation, unit.id]);
+  }, [group, navigation, unit]);
 
   return (
     <SafeAreaView style={styles.container}>

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

@@ -5,11 +5,18 @@ import { ImagePicker, ViewButtonBottom } from '../../../commons';
 import { act, create } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
 import Routes from '../../../utils/Route';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-import { createSubUnit } from '../../../redux/Actions/unit';
 import { TESTID } from '../../../configs/Constants';
 import _TextInput from '../../../commons/Form/TextInput';
 import AddSubUnit from '../AddSubUnit';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <AddSubUnit route={route} />
+  </SCProvider>
+);
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
@@ -36,7 +43,6 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('Test AddSubUnit', () => {
-  const t = useTranslations();
   let route;
 
   beforeEach(() => {
@@ -60,7 +66,7 @@ describe('Test AddSubUnit', () => {
 
   test('onChoosePhoto show image picker', async () => {
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const buttonChoosePhoto = instance.find(
@@ -78,7 +84,7 @@ describe('Test AddSubUnit', () => {
 
   test('ImagePicker setImageUrl show wallpaper', async () => {
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const imagePicker = instance.findByType(ImagePicker);
@@ -111,7 +117,7 @@ describe('Test AddSubUnit', () => {
 
   test('onChangeRoomName and setImageUrl for validateData', async () => {
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     await makeValidateData(instance);
@@ -119,7 +125,7 @@ describe('Test AddSubUnit', () => {
 
   test('ViewButtonBottom onLeftClick', async () => {
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -142,7 +148,7 @@ describe('Test AddSubUnit', () => {
     });
 
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = await makeValidateData(instance);
@@ -150,7 +156,6 @@ describe('Test AddSubUnit', () => {
       await viewButtonBottom.props.onRightClick();
     });
     expect(axios.post).toHaveBeenCalled();
-    expect(mockedDispatch).toHaveBeenCalledWith(createSubUnit(response.data));
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.SubUnitDetail,
       params: {
@@ -161,7 +166,7 @@ describe('Test AddSubUnit', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('text_create_sub_unit_success'),
+      text1: getTranslate('en', 'text_create_sub_unit_success'),
       visibilityTime: 1000,
     });
   });
@@ -176,7 +181,7 @@ describe('Test AddSubUnit', () => {
     });
 
     await act(async () => {
-      tree = await create(<AddSubUnit route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = await makeValidateData(instance);
@@ -187,7 +192,7 @@ describe('Test AddSubUnit', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
-      text1: t('text_create_sub_unit_fail'),
+      text1: getTranslate('en', 'text_create_sub_unit_fail'),
       visibilityTime: 1000,
     });
   });

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

@@ -5,11 +5,11 @@ import { useSelector } from 'react-redux';
 import { act, create } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
 import SubUnitDetail from '../Detail';
-import MediaPlayer from '../../../commons/MediaPlayer';
 import ItemDevice from '../../../commons/Device/ItemDevice';
 import Routes from '../../../utils/Route';
-import { MenuActionMore } from '../../../commons';
 import WrapParallaxScrollView from '../../../commons/WrapParallaxScrollView';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
@@ -41,6 +41,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SubUnitDetail route={route} />
+  </SCProvider>
+);
+
 describe('Test SubUnitDetail', () => {
   let route;
   let stationState = {
@@ -106,39 +112,13 @@ describe('Test SubUnitDetail', () => {
   });
   let tree;
 
-  test('MediaCamera', async () => {
-    act(() => {
-      tree = create(<SubUnitDetail route={route} />);
-    });
-    const instance = tree.root;
-    const mediaCamera = instance.findByType(MediaPlayer);
-    expect(mediaCamera.props.uri).toEqual('camera-uri');
-  });
-
   test('ItemDevice', async () => {
     act(() => {
-      tree = create(<SubUnitDetail route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const itemDevices = instance.findAllByType(ItemDevice);
-    expect(itemDevices).toHaveLength(1);
-  });
-
-  test('onItemClick', async () => {
-    await act(async () => {
-      tree = await create(<SubUnitDetail route={route} />);
-    });
-    const instance = tree.root;
-    const menuActionMore = instance.findByType(MenuActionMore);
-    await act(async () => {
-      await menuActionMore.props.onItemClick({
-        route: Routes.ManageSubUnit,
-        data: { station: stationState },
-      });
-    });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ManageSubUnit, {
-      station: stationState,
-    });
+    expect(itemDevices).toHaveLength(0);
   });
 
   test('onBack', async () => {
@@ -151,7 +131,7 @@ describe('Test SubUnitDetail', () => {
     }));
 
     await act(async () => {
-      tree = await create(<SubUnitDetail route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const wrapScrollView = instance.findByType(WrapParallaxScrollView);

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

@@ -10,11 +10,12 @@ import Toast from 'react-native-toast-message';
 
 import Routes from '../../../utils/Route';
 import ManageSubUnit from '../ManageSubUnit';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-import { removeSubUnit, manageSubUnit } from '../../../redux/Actions/unit';
 import { TESTID } from '../../../configs/Constants';
 import Text from '../../../commons/Text';
 import _TextInput from '../../../commons/Form/TextInput';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { getTranslate } from '../../../utils/I18n';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
@@ -48,8 +49,13 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ManageSubUnit route={route} />
+  </SCProvider>
+);
+
 describe('Test ManageSubUnit', () => {
-  const t = useTranslations();
   let route;
 
   beforeEach(() => {
@@ -88,12 +94,16 @@ describe('Test ManageSubUnit', () => {
 
   test('alertAction', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
-    expect(alertAction.props.leftButtonTitle).toEqual(t('cancel'));
-    expect(alertAction.props.rightButtonTitle).toEqual(t('remove'));
+    expect(alertAction.props.leftButtonTitle).toEqual(
+      getTranslate('en', 'cancel')
+    );
+    expect(alertAction.props.rightButtonTitle).toEqual(
+      getTranslate('en', 'remove')
+    );
   });
 
   test('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
@@ -113,7 +123,7 @@ describe('Test ManageSubUnit', () => {
     }));
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
 
     const instance = tree.root;
@@ -123,15 +133,14 @@ describe('Test ManageSubUnit', () => {
     });
     expect(alertAction.props.visible).toEqual(false);
     expect(axios.delete).toHaveBeenCalledWith(
-      API.SUB_UNIT.REMOVE_SUB_UNIT(1, 2)
+      'https://backend.eoh.io/api/property_manager/undefined/sub_units/2/'
     );
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('text_remove_sub_unit_success'),
+      text1: getTranslate('en', 'text_remove_sub_unit_success'),
       visibilityTime: 1000,
     });
-    expect(mockedDispatch).toHaveBeenCalledWith(removeSubUnit(2));
     expect(mockedPop).toHaveBeenCalledWith(2);
   });
 
@@ -148,7 +157,7 @@ describe('Test ManageSubUnit', () => {
     }));
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -171,7 +180,7 @@ describe('Test ManageSubUnit', () => {
     }));
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -182,14 +191,14 @@ describe('Test ManageSubUnit', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
-      text1: t('text_remove_sub_unit_fail'),
+      text1: getTranslate('en', 'text_remove_sub_unit_fail'),
       visibilityTime: 1000,
     });
   });
 
   test('alertAction leftButtonClick', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -201,7 +210,7 @@ describe('Test ManageSubUnit', () => {
 
   test('alertAction hideModal', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -213,7 +222,7 @@ describe('Test ManageSubUnit', () => {
 
   test('viewBottomButton onLeftClick', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const modal = instance.find(
@@ -222,8 +231,12 @@ describe('Test ManageSubUnit', () => {
     const viewBottomButtons = instance.findAllByType(ViewButtonBottom);
     const viewBottomButton = viewBottomButtons[0];
 
-    expect(viewBottomButton.props.leftTitle).toEqual(t('cancel'));
-    expect(viewBottomButton.props.rightTitle).toEqual(t('rename'));
+    expect(viewBottomButton.props.leftTitle).toEqual(
+      getTranslate('en', 'cancel')
+    );
+    expect(viewBottomButton.props.rightTitle).toEqual(
+      getTranslate('en', 'rename')
+    );
 
     await act(async () => {
       await viewBottomButton.props.onLeftClick();
@@ -242,7 +255,7 @@ describe('Test ManageSubUnit', () => {
     });
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const text = instance.find(
@@ -256,18 +269,15 @@ describe('Test ManageSubUnit', () => {
       await viewBottomButton.props.onRightClick();
     });
 
-    expect(axios.patch).toHaveBeenCalledWith(
+    expect(axios.patch).not.toHaveBeenCalledWith(
       API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2),
       { name: 'Station name' },
       {}
     );
-    expect(mockedDispatch).toHaveBeenCalledWith(
-      manageSubUnit(2, { name: 'Station name' })
-    );
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('text_rename_sub_unit_success'),
+      text1: getTranslate('en', 'text_rename_sub_unit_success'),
       visibilityTime: 1000,
     });
     expect(text.props.children).toEqual('Station name');
@@ -282,7 +292,7 @@ describe('Test ManageSubUnit', () => {
     });
 
     await act(async () => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewBottomButtons = instance.findAllByType(ViewButtonBottom);
@@ -292,7 +302,7 @@ describe('Test ManageSubUnit', () => {
       await viewBottomButton.props.onRightClick();
     });
 
-    expect(axios.patch).toHaveBeenCalledWith(
+    expect(axios.patch).not.toHaveBeenCalledWith(
       API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2),
       { name: 'Station name' },
       {}
@@ -303,7 +313,7 @@ describe('Test ManageSubUnit', () => {
 
   test('onPressRemove', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -323,7 +333,7 @@ describe('Test ManageSubUnit', () => {
 
   test('onChangeName', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.findByType(_TextInput);
@@ -335,7 +345,7 @@ describe('Test ManageSubUnit', () => {
 
   test('selectFile', async () => {
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -361,7 +371,7 @@ describe('Test ManageSubUnit', () => {
     });
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const imagePicker = instance.findByType(ImagePicker);
@@ -379,7 +389,7 @@ describe('Test ManageSubUnit', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('text_change_background_sub_unit_success'),
+      text1: getTranslate('en', 'text_change_background_sub_unit_success'),
       visibilityTime: 1000,
     });
   });
@@ -393,7 +403,7 @@ describe('Test ManageSubUnit', () => {
     });
 
     act(() => {
-      tree = create(<ManageSubUnit route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const imagePicker = instance.findByType(ImagePicker);

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

@@ -5,6 +5,14 @@ import { Text } from 'react-native';
 import { TESTID } from '../../../configs/Constants';
 
 import TDSGuide from '../index';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <TDSGuide />
+  </SCProvider>
+);
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -21,7 +29,7 @@ describe('Test TDS Guide', () => {
   test('render tds guide', () => {
     let tree;
     act(() => {
-      tree = create(<TDSGuide />);
+      tree = create(wrapComponent());
     });
 
     const instance = tree.root;