@eohjsc/react-native-smart-city 0.2.99 → 0.3.2

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

@@ -0,0 +1,80 @@
+import React from 'react';
+import { create, act } from 'react-test-renderer';
+
+import MemberList from '../MemberList';
+import { AlertAction } from '../../../commons';
+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: false }),
+  };
+});
+
+const mockedNavigate = jest.fn();
+const mockUseIsFocused = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+    }),
+    useIsFocused: () => ({
+      isFocused: mockUseIsFocused,
+    }),
+  };
+});
+
+const wrapComponent = (route, state) => (
+  <SCProvider initState={mockSCStore({})}>
+    <MemberList route={route} />
+  </SCProvider>
+);
+
+describe('test MemberList', () => {
+  let route;
+  let localState = {
+    auth: {
+      account: {
+        user: {
+          id: 2,
+        },
+      },
+    },
+  };
+
+  beforeEach(() => {
+    route = {
+      params: {
+        unitId: 1,
+        unit: {
+          id: 1,
+          user_id: 2,
+          name: '',
+        },
+      },
+    };
+  });
+
+  test('AlertAction rightButtonClick', async () => {
+    let tree;
+    await act(async () => {
+      tree = await create(wrapComponent(route, localState));
+    });
+    const instance = tree.root;
+    const alertAction = instance.findByType(AlertAction);
+    await act(async () => {
+      alertAction.props.rightButtonClick();
+    });
+    const MemberListButtons = instance.findAllByType(TouchableOpacity);
+    await MemberListButtons[1].props.onPress();
+    expect(mockedNavigate).not.toBeCalledWith(Routes.AddMemberStack, {
+      screen: Routes.SharingSelectPermission,
+      params: { unit: { id: 1 } },
+    });
+  });
+});

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 
 import SelectUser from '../SelectUser';
 import { TESTID } from '../../../configs/Constants';
@@ -11,6 +11,7 @@ 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({})}>
@@ -18,13 +19,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'),
@@ -52,7 +53,6 @@ describe('test SelectUser container', () => {
   let route;
 
   beforeEach(() => {
-    axios.post.mockClear();
     route = {
       params: {
         unit: {
@@ -70,12 +70,6 @@ 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));
@@ -125,11 +119,7 @@ describe('test SelectUser container', () => {
   });
 
   test('_TextInput onChange phone, invalidate and not call api sharedPermission', async () => {
-    const response = {
-      status: 200,
-    };
-    mockAxiosPost(response);
-
+    mock.onPost(API.SHARE.SHARE()).reply(200);
     await act(async () => {
       tree = create(wrapComponent(route));
     });
@@ -151,48 +141,37 @@ 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('');
-    expect(axios.post).toHaveBeenCalledWith(API.SHARE.SHARE(), {
-      phone: '0909123456',
-      email: '',
-      unit: 1,
-      permissions: { controlPermissions: {}, readPermissions: {} },
+    await act(async () => {
+      await button.props.onPress();
     });
-
     accountList = instance.findAllByType(AccountList);
     expect(accountList).toHaveLength(1);
   });

package/src/screens/SideMenuDetail/__test__/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import { act, create } from 'react-test-renderer';
 
 import { TESTID } from '../../../configs/Constants';
@@ -11,8 +11,9 @@ import { API } from '../../../configs';
 import { TouchableOpacity } from 'react-native';
 import { ModalCustom } from '../../../commons/Modal';
 import { ToastBottomHelper } from '../../../utils/Utils';
+import api from '../../../utils/Apis/axios';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -26,8 +27,6 @@ describe('Test SideMenuDetail', () => {
   const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
   afterEach(() => {
-    axios.get.mockClear();
-    axios.post.mockClear();
     spyToastSuccess.mockReset();
     spyToastSuccess.mockRestore();
   });
@@ -60,7 +59,7 @@ describe('Test SideMenuDetail', () => {
     expect(popup.props.isVisible).toBeFalsy();
   };
 
-  const inputPasscode = async (instance) => {
+  const enterPasscode = async (instance) => {
     const inputPasscode = instance.find(
       (item) => item.props.testID === TESTID.PASSCODE_FIELD
     );
@@ -124,24 +123,14 @@ describe('Test SideMenuDetail', () => {
       data: [{ id: 1, name: 'Ken' }],
     };
 
-    axios.get.mockImplementation((url) => {
-      if (url === API.SENSOR.SIDE_MENU_DETAIL(1, 1)) {
-        return response_side_menu;
-      } else if (url === API.SHARE.UNITS_MEMBERS(1)) {
-        return response_unit_members;
-      }
-      return {
-        status: 200,
-        data: [],
-      };
-    });
+    mock
+      .onGet(API.DEVICE.SIDE_MENU_DETAIL(1, 1))
+      .reply(200, response_side_menu.data);
+    mock
+      .onGet(API.SHARE.UNITS_MEMBERS(1))
+      .reply(200, response_unit_members.data);
+    mock.onPost(API.DEVICE.TRIGGER_ACTION(1)).reply(200, []);
 
-    axios.post.mockImplementation(() => {
-      return {
-        status: 200,
-        data: [],
-      };
-    });
     const route = {
       params: {
         unit: { id: 1 },
@@ -158,7 +147,7 @@ describe('Test SideMenuDetail', () => {
     await onPressSubmitData(instance);
     expect(spyToastError).toBeCalled();
 
-    await inputPasscode(instance);
+    await enterPasscode(instance);
     await onPressSubmitData(instance);
     expect(spyToastSuccess).toBeCalled();
   });

package/src/screens/SideMenuDetail/index.js

@@ -61,7 +61,6 @@ const SideMenuDetail = memo(({ route }) => {
           return null;
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [unit, dataForm]
   );
 
@@ -88,7 +87,7 @@ const SideMenuDetail = memo(({ route }) => {
 
     data.action_zigbee = actionZigbee;
 
-    const { success } = await axiosPost(API.SENSOR.QUICK_ACTION(sensor.id), {
+    const { success } = await axiosPost(API.DEVICE.TRIGGER_ACTION(sensor.id), {
       key: sideMenu.action,
       data,
       source: 'smart_lock',
@@ -105,7 +104,7 @@ const SideMenuDetail = memo(({ route }) => {
 
   const fetchSideMenuDetail = useCallback(async () => {
     const { success, data } = await axiosGet(
-      API.SENSOR.SIDE_MENU_DETAIL(sensor.id, side_menu.id)
+      API.DEVICE.SIDE_MENU_DETAIL(sensor.id, side_menu.id)
     );
     if (success) {
       setSideMenu(data);

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

@@ -1,5 +1,5 @@
 import React, { memo, useCallback, useState, useMemo } from 'react';
-import { View, TouchableOpacity, Alert } from 'react-native';
+import { View, TouchableOpacity } from 'react-native';
 import WrapHeaderScrollable from '../../../../commons/Sharing/WrapHeaderScrollable';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import SmartTiviActionTemplate from '../../../../commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate';
@@ -14,6 +14,7 @@ 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();
@@ -38,7 +39,7 @@ const GroupButtonByType = memo(({ route }) => {
         case 'reload':
         case 'more':
         case 'done':
-          return Alert.alert(t('feature_under_development'));
+          return notImplemented(t);
         default:
           return <></>;
       }

package/src/screens/SubUnit/Detail.js

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

package/src/screens/SubUnit/ManageSubUnit.js

@@ -20,13 +20,14 @@ import Routes from '../../utils/Route';
 import { RowItem } from '../../commons/RowItem';
 import NoSubUnitImage from '../../../assets/images/Illustrations.svg';
 import useManageSubUnit from './hooks/useManageSubUnit';
+import { TESTID } from '../../configs/Constants';
 
 const ManageSubUnit = memo((props) => {
   const t = useTranslations();
   const { unit } = props.route.params;
   const navigation = useNavigation();
   const isFocused = useIsFocused();
-  const { station, isRefresh, isLoading, onRefresh } = useManageSubUnit(unit);
+  const { stations, isRefresh, isLoading, onRefresh } = useManageSubUnit(unit);
 
   const addSubUnit = useCallback(() => {
     navigation.navigate(Routes.AddSubUnitStack, {
@@ -35,7 +36,7 @@ const ManageSubUnit = memo((props) => {
     });
   }, [navigation, unit]);
 
-  const goToEditSubUnit = (station, unit) => {
+  const goToEditSubUnit = (station) => {
     navigation.navigate(Routes.UnitStack, {
       screen: Routes.EditSubUnit,
       params: {
@@ -48,7 +49,11 @@ const ManageSubUnit = memo((props) => {
   const rightComponent = useMemo(
     () => (
       <View style={styles.rightComponent}>
-        <TouchableOpacity onPress={addSubUnit} style={styles.headerButton}>
+        <TouchableOpacity
+          testID={TESTID.ADD_SUB_UNIT}
+          onPress={addSubUnit}
+          style={styles.headerButton}
+        >
           <Icon name={'plus'} size={27} color={Colors.Black} />
         </TouchableOpacity>
         <TouchableOpacity
@@ -84,8 +89,8 @@ const ManageSubUnit = memo((props) => {
             scrollIndicatorInsets={{ right: 1 }}
           >
             <View>
-              {!!station.length &&
-                station.map((item, index) => {
+              {!!stations.length &&
+                stations.map((item, index) => {
                   return (
                     <RowItem
                       type={'noneBG'}
@@ -100,7 +105,7 @@ const ManageSubUnit = memo((props) => {
                       }
                       text={item.name}
                       subtext={`${
-                        item.sensors ? item.sensors.length : '0'
+                        item.devices ? item.devices.length : '0'
                       }  devices`}
                       onPress={() => goToEditSubUnit(item, unit)}
                       rightComponent={
@@ -113,7 +118,7 @@ const ManageSubUnit = memo((props) => {
                     />
                   );
                 })}
-              {!station.length && !isRefresh && !isLoading && (
+              {!stations.length && !isRefresh && !isLoading && (
                 <View style={styles.NoSubUnit}>
                   <NoSubUnitImage />
                   <Text semibold type="H4" center>