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

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

@@ -7,6 +7,8 @@ import axios from 'axios';
 import { SensorItem, TitleCheckBox } from '../Components';
 import { ViewButtonBottom } from '../../../commons';
 import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('axios');
 
@@ -31,6 +33,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectPermission route={route} />
+  </SCProvider>
+);
+
 describe('Test SelectPermission', () => {
   let tree;
   let route = { params: { unit: null } };
@@ -81,7 +89,7 @@ describe('Test SelectPermission', () => {
   it('test unit null', () => {
     Platform.OS = 'android';
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     expect(axios.get).not.toBeCalled();
   });
@@ -93,11 +101,11 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 200, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('test get unit fail', () => {
@@ -106,17 +114,17 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 400, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('render list', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const FlatListElement = instance.findAllByType(FlatList);
@@ -151,7 +159,7 @@ describe('Test SelectPermission', () => {
   it('test onTickedChild function', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const SensorItemElement = instance.findAllByType(SensorItem);
@@ -165,7 +173,7 @@ describe('Test SelectPermission', () => {
   it('test ViewButtonBottom', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);

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 { t } from 'i18n-js';
 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();
@@ -73,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);
@@ -81,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();
     });
@@ -101,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);
@@ -121,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);
@@ -173,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);
@@ -210,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;
 
@@ -228,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();
   });
@@ -238,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/Sharing/hooks/index.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
 
 import { API } from '../../../configs';
 import Routes from '../../../utils/Route';
@@ -8,6 +8,7 @@ import { axiosDelete, axiosGet } from '../../../utils/Apis/axios';
 import { ToastBottomHelper } from '../../../utils/Utils';
 
 const useDataMember = (unitId) => {
+  const t = useTranslations();
   const { navigate, addListener } = useNavigation();
   const [dataMembers, setDataMembers] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -30,7 +31,7 @@ const useDataMember = (unitId) => {
       );
       setDataMembers(dataMembers.filter((item) => item.share_id !== id));
     },
-    [dataMembers, unitId]
+    [dataMembers, t, unitId]
   );
   const leaveUnit = useCallback(
     (unitName) => async () => {
@@ -39,7 +40,7 @@ const useDataMember = (unitId) => {
       setDataMembers([]);
       navigate(Routes.Dashboard);
     },
-    [navigate, unitId]
+    [navigate, t, unitId]
   );
 
   const onRefresh = useCallback(async () => {
@@ -74,6 +75,7 @@ const useDataMember = (unitId) => {
 };
 
 const useStateAlertAction = () => {
+  const t = useTranslations();
   const [stateAlertAction, setStateAlertAction] = useState({
     visible: false,
     title: '',
@@ -85,19 +87,22 @@ const useStateAlertAction = () => {
   const hideAlertAction = useCallback(() => {
     setStateAlertAction({ ...stateAlertAction, visible: false });
   }, [stateAlertAction]);
-  const onPressRemoveUser = useCallback((member) => {
-    setStateAlertAction((action) => {
-      let name = member.name || 'N/A';
-      return {
-        ...action,
-        visible: true,
-        title: t('sharing_remove_user', { name: name }),
-        message: t('sharing_remove_user_message', { name: name }),
-        rightButton: t('remove'),
-        member: member,
-      };
-    });
-  }, []);
+  const onPressRemoveUser = useCallback(
+    (member) => {
+      setStateAlertAction((action) => {
+        let name = member.name || 'N/A';
+        return {
+          ...action,
+          visible: true,
+          title: t('sharing_remove_user', { name: name }),
+          message: t('sharing_remove_user_message', { name: name }),
+          rightButton: t('remove'),
+          member: member,
+        };
+      });
+    },
+    [t]
+  );
   const stateLeaveUnit = useCallback(() => {
     setStateAlertAction((action) => {
       return {
@@ -109,7 +114,7 @@ const useStateAlertAction = () => {
         member: null,
       };
     });
-  }, []);
+  }, [t]);
 
   return {
     stateAlertAction,

package/src/screens/SubUnit/AddSubUnit.js

@@ -7,7 +7,7 @@ import {
   SafeAreaView,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors } from '../../configs';
 import { ViewButtonBottom, ImagePicker } from '../../commons';
@@ -20,6 +20,7 @@ import { TESTID } from '../../configs/Constants';
 import styles from './AddSubUnitStyles';
 
 const AddSubUnit = ({ route }) => {
+  const t = useTranslations();
   const navigation = useNavigation();
   const { unit, addType } = route.params;
   const [roomName, setRoomName] = useState('');
@@ -56,7 +57,7 @@ const AddSubUnit = ({ route }) => {
     } else {
       ToastBottomHelper.error(t('text_create_sub_unit_fail'));
     }
-  }, [addType, navigation, roomName, route.params, unit, wallpaper]);
+  }, [addType, navigation, roomName, route.params, t, unit, wallpaper]);
 
   const onChoosePhoto = useCallback(() => {
     setShowImagePicker(true);

package/src/screens/SubUnit/Detail.js

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo } from 'react';
 import { View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { get } from 'lodash';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Routes from '../../utils/Route';
 import { usePopover } from '../../hooks/Common';
@@ -15,6 +15,7 @@ import { useSCContextSelector } from '../../context';
 import styles from './DetailStyles';
 
 const SubUnitDetail = ({ route }) => {
+  const t = useTranslations();
   const { unit, station, isGGHomeConnected } = route.params;
   const language = useSCContextSelector((state) => state.language);
   const navigation = useNavigation();
@@ -104,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

@@ -4,7 +4,7 @@ import Modal from 'react-native-modal';
 import { connect } from 'react-redux';
 import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { Colors, API, Device } from '../../configs';
 import { ToastBottomHelper } from '../../utils/Utils';
@@ -26,6 +26,7 @@ import { IconOutline } from '@ant-design/icons-react-native';
 import { useEmeragencyContacts } from './hooks/useEmergencyContacts';
 
 const ManageSubUnit = (props) => {
+  const t = useTranslations();
   const { station } = props.route.params;
   //TODO remove redux
   // const unit = useSelector((state) => state.unit.unitDetail);
@@ -71,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
       );
@@ -82,13 +83,13 @@ const ManageSubUnit = (props) => {
         ToastBottomHelper.success(t('text_rename_sub_unit_success'));
       }
     },
-    [unit, station]
+    [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
       );
@@ -97,7 +98,7 @@ const ManageSubUnit = (props) => {
         ToastBottomHelper.success(t('text_change_background_sub_unit_success'));
       }
     },
-    [unit, station, imageUrl]
+    [imageUrl, unit, station.id, t]
   );
 
   const onPressRemove = useCallback(() => {
@@ -111,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));
@@ -120,7 +121,7 @@ const ManageSubUnit = (props) => {
     } else {
       ToastBottomHelper.error(t('text_remove_sub_unit_fail'));
     }
-  }, [unit, station, onBack, setHideModalRemoveSubUnit]);
+  }, [setHideModalRemoveSubUnit, unit, station.id, t, onBack]);
 
   const goRename = useCallback(() => {
     updateSubUnit({ name: inputName }, {});
@@ -154,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 { t } from 'i18n-js';
-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();
@@ -59,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(
@@ -77,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);
@@ -110,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);
@@ -118,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);
@@ -141,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);
@@ -149,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: {
@@ -160,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,
     });
   });
@@ -175,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);
@@ -186,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);