@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

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

@@ -1,26 +1,26 @@
+/* eslint-disable promise/prefer-await-to-callbacks */
 import React from 'react';
 import { create, act } from 'react-test-renderer';
-
+import axios from 'axios';
 import MemberList from '../MemberList';
 import { AlertAction } from '../../../commons';
+import API from '../../../configs/API';
+import { TESTID } from '../../../configs/Constants';
+import { TouchableOpacity } from 'react-native';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { TouchableOpacity } from 'react-native';
 import Routes from '../../../utils/Route';
 
-jest.mock('../../../hooks/Common', () => {
-  return {
-    useIsOwnerOfUnit: () => ({ isOwner: true }),
-  };
-});
-
 const mockedNavigate = jest.fn();
+const mockedDispatch = jest.fn();
+const mockedAddListener = jest.fn();
 const mockUseIsFocused = jest.fn();
 
 jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
     useNavigation: () => ({
+      addListener: mockedAddListener,
       navigate: mockedNavigate,
     }),
     useIsFocused: () => ({
@@ -29,8 +29,22 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('axios');
+jest.mock('react-native-toast-message');
+
+jest.mock('react-redux', () => {
+  return {
+    ...jest.requireActual('react-redux'),
+    useDispatch: () => mockedDispatch,
+    useSelector: jest.fn(),
+    connect: () => {
+      return (component) => component;
+    },
+  };
+});
+
 const wrapComponent = (route, state) => (
-  <SCProvider initState={mockSCStore({})}>
+  <SCProvider initState={mockSCStore(state)}>
     <MemberList route={route} />
   </SCProvider>
 );
@@ -60,6 +74,17 @@ describe('test MemberList', () => {
     };
   });
 
+  afterEach(() => {
+    axios.get.mockClear();
+  });
+
+  test('render MemberList', async () => {
+    await act(async () => {
+      await create(wrapComponent(route, localState));
+    });
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
+  });
+
   test('AlertAction rightButtonClick', async () => {
     let tree;
     await act(async () => {
@@ -70,11 +95,100 @@ describe('test MemberList', () => {
     await act(async () => {
       alertAction.props.rightButtonClick();
     });
-    const MemberListButtons = instance.findAllByType(TouchableOpacity);
-    await MemberListButtons[1].props.onPress();
-    expect(mockedNavigate).toBeCalledWith(Routes.AddMemberStack, {
+  });
+
+  test('get dataMembers', async () => {
+    const response = {
+      status: 200,
+      data: [
+        {
+          id: 1,
+          name: 'a',
+          share_id: 1,
+        },
+      ],
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+
+    let tree;
+    await act(async () => {
+      tree = await create(wrapComponent(route, localState));
+    });
+    const instance = tree.root;
+    const sharingMember = instance.findAll(
+      (el) => el.props.testID === TESTID.SHARING_MEMBER
+    );
+    expect(sharingMember).toHaveLength(1);
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
+  });
+
+  test('WrapHeaderScrollable rightHeader', async () => {
+    const response = {
+      status: 200,
+      data: [
+        {
+          id: 1,
+          name: 'a',
+        },
+      ],
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+
+    let tree;
+    await act(async () => {
+      tree = await create(wrapComponent(route, localState));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.testID === TESTID.MEMBER_LIST_RIGHT_HEADER_TOUCH &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await button.props.onPress();
+    });
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddMemberStack, {
       screen: Routes.SharingSelectPermission,
-      params: { unit: { id: 1 } },
+      params: { unit: { id: route.params.unitId } },
+    });
+  });
+
+  test('WrapHeaderScrollable rightHeader but not owner', async () => {
+    route.params.unit.user_id = 1;
+    const response = {
+      status: 200,
+      data: [
+        {
+          id: 1,
+          name: 'a',
+        },
+      ],
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+
+    let tree;
+    await act(async () => {
+      tree = await create(wrapComponent(route, localState));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.testID === TESTID.MEMBER_LIST_RIGHT_HEADER_TOUCH &&
+        el.type === TouchableOpacity
+    );
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toEqual(false);
+    await act(async () => {
+      await button.props.onPress();
     });
+    expect(alertAction.props.visible).toEqual(true);
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
   });
 });

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

@@ -2,17 +2,16 @@ import { act } from '@testing-library/react-hooks';
 import React, { useState } from 'react';
 import { FlatList, Text, Platform } from 'react-native';
 import { create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
 import SelectPermission from '../SelectPermission';
+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';
 import API from '../../../configs/API';
-import api from '../../../utils/Apis/axios';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockSetState = jest.fn();
 jest.mock('react', () => {
@@ -64,6 +63,7 @@ describe('Test SelectPermission', () => {
   const mockSetDataStations = jest.fn();
 
   afterEach(() => {
+    axios.mockClear();
     mockSetState.mockClear();
     mockSetTickAllDevice.mockClear();
     mockSetActiveItemId.mockClear();
@@ -92,16 +92,15 @@ describe('Test SelectPermission', () => {
     act(() => {
       tree = create(wrapComponent(route));
     });
-    const instance = tree.root;
-    const ViewButtonBottoms = instance.findAllByType(ViewButtonBottom);
-    expect(ViewButtonBottoms).toHaveLength(1);
+    expect(axios.get).not.toBeCalled();
   });
 
   it('render empty list', () => {
     mockLoading();
     Platform.OS = 'ios';
+
     route.params.unit = 1;
-    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(200);
+    axios.get.mockImplementationOnce(() => ({ status: 200, data: [] }));
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -112,8 +111,9 @@ describe('Test SelectPermission', () => {
 
   it('test get unit fail', () => {
     mockLoading();
+
     route.params.unit = 1;
-    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(400);
+    axios.get.mockImplementationOnce(() => ({ status: 400, data: [] }));
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -183,15 +183,27 @@ describe('Test SelectPermission', () => {
     act(() => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
+    expect(mockNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
+      permissions: {
+        control_permissions: [{ id: 123, values: [136] }],
+        read_permissions: [{ id: 123, values: [137] }],
+      },
+      unit: 1,
+    });
     act(() => {
       ViewButtonBottomElement[0].props.onLeftClick();
     });
     expect(mockGoBack).toBeCalled();
   });
-
   it('test selectPermission type share_device', () => {
     mocSetdata();
-    useState.mockImplementationOnce((init) => [true, mockSetState]);
+    const routes = {
+      params: {
+        unit: { id: 1 },
+        type: 'share_device',
+        member: { id: 1, name: 'a', phone_number: '89898888' },
+      },
+    };
     const response = {
       status: 200,
       data: [
@@ -211,30 +223,28 @@ describe('Test SelectPermission', () => {
         },
       ],
     };
-    mock
-      .onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1))
-      .reply(200, response.data);
-    const routes = {
-      params: {
-        unit: { id: 1 },
-        type: 'update_shared',
-        member: {
-          id: 1,
-          name: 'a',
-          phone_number: '89898888',
-          email: 'abcderfg@gmail.com',
-        },
-      },
-    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     act(() => {
       tree = create(wrapComponent(routes));
     });
     const instance = tree.root;
     const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    expect(axios.get).toHaveBeenCalledWith(
+      API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1),
+      {}
+    );
     act(() => {
       ViewButtonBottomElement[0].props.onRightClick();
     });
-    mock.onPost(API.SHARE.SHARE()).reply(200);
-    expect(mockGoBack).toBeCalled();
+    expect(mockNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
+      permissions: {
+        control_permissions: [{ id: 123, values: [136] }],
+        read_permissions: [{ id: 123, values: [137] }],
+      },
+      unit: 1,
+    });
   });
 });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 
 import SelectUser from '../SelectUser';
 import { TESTID } from '../../../configs/Constants';
@@ -11,7 +11,6 @@ import { API } from '../../../configs';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -19,13 +18,13 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mock = new MockAdapter(api.axiosInstance);
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 const mockedDangerouslyGetState = jest.fn();
 const mockedDangerouslyGetParentGoBack = jest.fn();
 
+jest.mock('axios');
+
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -53,6 +52,7 @@ describe('test SelectUser container', () => {
   let route;
 
   beforeEach(() => {
+    axios.post.mockClear();
     route = {
       params: {
         unit: {
@@ -70,6 +70,12 @@ describe('test SelectUser container', () => {
     return instance.find((el) => el.props.testID === id);
   };
 
+  const mockAxiosPost = (response) => {
+    axios.post.mockImplementation(async () => {
+      return await response;
+    });
+  };
+
   test('create', async () => {
     await act(async () => {
       tree = create(wrapComponent(route));
@@ -119,7 +125,11 @@ describe('test SelectUser container', () => {
   });
 
   test('_TextInput onChange phone, invalidate and not call api sharedPermission', async () => {
-    mock.onPost(API.SHARE.SHARE()).reply(200);
+    const response = {
+      status: 200,
+    };
+    mockAxiosPost(response);
+
     await act(async () => {
       tree = create(wrapComponent(route));
     });
@@ -141,37 +151,48 @@ describe('test SelectUser container', () => {
     expect(textInput.props.errorText).toEqual(
       getTranslate('en', 'invalid_phone_number_or_email')
     );
+    expect(axios.post).not.toHaveBeenCalled();
   });
 
   test('_TextInput onChange phone, validated and call api sharedPermission', async () => {
+    const response = {
+      status: 200,
+      data: {
+        user: {
+          id: 2,
+          name: 'user add',
+        },
+      },
+    };
+    mockAxiosPost(response);
+
     await act(async () => {
       tree = create(wrapComponent(route));
     });
     const instance = tree.root;
+
     const textInput = instance.findByType(_TextInput);
     const button = instance.findByType(Button);
+
     let accountList = instance.findAllByType(AccountList);
     expect(accountList).toHaveLength(0);
+
     await act(async () => {
       await textInput.props.onChange('0909123456');
     });
-    mock.onPost(API.SHARE.SHARE()).reply(200, {
-      user: {
-        id: 2,
-        name: 'user add',
-        phone_number: '0909123456',
-      },
-    });
+
     await act(async () => {
       await button.props.onPress();
     });
-    await act(async () => {
-      await textInput.props.onChange('test123@gmail.com');
-    });
+
     expect(textInput.props.errorText).toEqual('');
-    await act(async () => {
-      await button.props.onPress();
+    expect(axios.post).toHaveBeenCalledWith(API.SHARE.SHARE(), {
+      phone: '0909123456',
+      email: '',
+      unit: 1,
+      permissions: { controlPermissions: {}, readPermissions: {} },
     });
+
     accountList = instance.findAllByType(AccountList);
     expect(accountList).toHaveLength(1);
   });

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

@@ -13,7 +13,6 @@ const useDataMember = (unitId, userUnitId = undefined) => {
   const { navigate, goBack } = useNavigation();
   const [dataMembers, setDataMembers] = useState([]);
   const [isRefresh, setRefresh] = useState(false);
-  const [loading, setLoading] = useState(true);
   const user = useSCContextSelector((state) => state?.auth?.account?.user);
   const { isOwner } = useIsOwnerOfUnit(userUnitId);
 
@@ -43,7 +42,6 @@ const useDataMember = (unitId, userUnitId = undefined) => {
         const arrChanged = changePositionOwnerAndMe(data);
         setDataMembers(arrChanged);
       }
-      setLoading(false);
     },
     [changePositionOwnerAndMe]
   );
@@ -84,7 +82,6 @@ const useDataMember = (unitId, userUnitId = undefined) => {
     loadMembers,
     isRefresh,
     onRefresh,
-    loading,
   };
 };
 

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

@@ -1,5 +1,5 @@
 import React, { memo, useCallback, useState, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { View, TouchableOpacity, Alert } from 'react-native';
 import WrapHeaderScrollable from '../../../../commons/Sharing/WrapHeaderScrollable';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import SmartTiviActionTemplate from '../../../../commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate';
@@ -14,7 +14,6 @@ import { Remote, SmartIr, Union } from '../../../../Images/SmartIr';
 
 import styles from './GroupButtonByTypeStyles';
 import { TESTID } from '../../../../configs/Constants';
-import { notImplemented } from '../../../../utils/Utils';
 
 const GroupButtonByType = memo(({ route }) => {
   const t = useTranslations();
@@ -39,7 +38,7 @@ const GroupButtonByType = memo(({ route }) => {
         case 'reload':
         case 'more':
         case 'done':
-          return notImplemented(t);
+          return Alert.alert(t('feature_under_development'));
         default:
           return <></>;
       }

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

@@ -36,7 +36,7 @@ const SelectDeviceType = memo(({ route }) => {
   return (
     <View style={styles.container}>
       <HeaderCustom title={t('select_brand')} />
-      <ScrollView scrollIndicatorInsets={{ right: 1 }}>
+      <ScrollView>
         <View style={styles.listBrands}>
           {!!deviceBrand &&
             deviceBrand.map((item, index) => {

package/src/screens/SubUnit/AddSubUnit.js

@@ -25,12 +25,11 @@ import { ToastBottomHelper } from '../../utils/Utils';
 import { TESTID } from '../../configs/Constants';
 import styles from './AddSubUnitStyles';
 import useKeyboardShow from '../../hooks/Common/useKeyboardShow';
-import { replace } from '../../navigations/utils';
 
 const AddSubUnit = ({ route }) => {
   const t = useTranslations();
   const { dismissKeyboard } = useKeyboardShow();
-  const { navigate, goBack, dispatch } = useNavigation();
+  const { navigate, goBack } = useNavigation();
   const { unit, addType, isAddUnit, location = '' } = route?.params;
   const [roomName, setRoomName] = useState('');
   const [wallpaper, setWallpaper] = useState('');
@@ -63,15 +62,13 @@ const AddSubUnit = ({ route }) => {
           }
         );
         if (success) {
-          dispatch(
-            replace(Routes.UnitStack, {
-              screen: Routes.UnitDetail,
-              params: {
-                unitId: data?.id,
-                routeName: Routes.DashboardStack,
-              },
-            })
-          );
+          navigate(Routes.UnitStack, {
+            screen: Routes.UnitDetail,
+            params: {
+              unitId: data?.id,
+              routeName: Routes.DashboardStack,
+            },
+          });
           cleanData();
         } else {
           awaitCreate.current = false;
@@ -101,17 +98,15 @@ const AddSubUnit = ({ route }) => {
             });
             return;
           }
-          dispatch(
-            replace(Routes.UnitStack, {
-              screen: Routes.UnitDetail,
-              params: {
-                unitId: unit.id,
-                unitData: unit,
-                isAddSubUnit: true,
-                routeName: Routes.DashboardStack,
-              },
-            })
-          );
+          navigate(Routes.UnitStack, {
+            screen: Routes.UnitDetail,
+            params: {
+              unitId: unit.id,
+              unitData: unit,
+              isAddSubUnit: true,
+              routeName: Routes.DashboardStack,
+            },
+          });
           cleanData();
         } else {
           awaitCreate.current = false;
@@ -128,7 +123,6 @@ const AddSubUnit = ({ route }) => {
     t,
     unit,
     addType,
-    dispatch,
     goBack,
     route.params,
   ]);

package/src/screens/SubUnit/Detail.js

@@ -16,7 +16,7 @@ import styles from './DetailStyles';
 
 const SubUnitDetail = ({ route }) => {
   const t = useTranslations();
-  const { unit, station } = route.params;
+  const { unit, station, isGGHomeConnected } = route.params;
   const language = useSCContextSelector((state) => state.language);
   const navigation = useNavigation();
   const { childRef, showingPopover, showPopoverWithRef, hidePopover } =
@@ -125,6 +125,7 @@ const SubUnitDetail = ({ route }) => {
                     sensor={item}
                     unit={unit}
                     station={station}
+                    isGGHomeConnected={isGGHomeConnected}
                   />
                 );
               })}

package/src/screens/SubUnit/EditSubUnit.js

@@ -228,22 +228,20 @@ const EditSubUnit = ({ route }) => {
             setImageUrl={setImageUrl}
             optionsCapture={options}
           />
-          {!showEdit && (
-            <TouchableOpacity
-              testID={TESTID.MANAGE_SUB_UNIT_REMOVE_BUTTON}
-              onPress={onPressRemove}
-              style={styles.removeButton}
+          <TouchableOpacity
+            testID={TESTID.MANAGE_SUB_UNIT_REMOVE_BUTTON}
+            onPress={onPressRemove}
+            style={styles.removeButton}
+          >
+            <Text
+              type={'H4'}
+              semibold
+              color={Colors.Red}
+              style={styles.removeText}
             >
-              <Text
-                type={'H4'}
-                semibold
-                color={Colors.Red}
-                style={styles.removeText}
-              >
-                {t('remove_sub_unit')}
-              </Text>
-            </TouchableOpacity>
-          )}
+              {t('remove_sub_unit')}
+            </Text>
+          </TouchableOpacity>
         </View>
       </View>
       <ModalCustom