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

package/src/screens/HanetCamera/__test__/MemberInfo.test.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { create, act } from 'react-test-renderer';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import HanetMemberInfo from '../MemberInfo';
@@ -10,6 +11,8 @@ import TextInput from '../../../commons/Form/TextInput';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import BottomSheet from '../../../commons/BottomSheet';
 import { TESTID } from '../../../configs/Constants';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -37,7 +40,7 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 describe('Test HanetMemberInfo', () => {
   let tree, route;
@@ -45,9 +48,6 @@ describe('Test HanetMemberInfo', () => {
   beforeEach(() => {
     mockedNavigate.mockClear();
     mockedGoBack.mockClear();
-    axios.post.mockClear();
-    axios.patch.mockClear();
-    axios.delete.mockClear();
     route = {
       params: {
         hanetPlace: {
@@ -72,23 +72,18 @@ describe('Test HanetMemberInfo', () => {
     const touches = instance.findAllByType(TouchableOpacity);
     expect(touches).toHaveLength(7);
     const alertAction = instance.findByType(AlertAction);
-
     // open alert action
     await act(async () => {
       await touches[2].props.onPress();
     });
-    expect(alertAction.props.visible).toBe(true);
-
     const textInput = instance.findByType(TextInput);
-
-    axios.patch.mockImplementationOnce(async () => ({ status: 200 }));
-
+    mock.onPatch(API.CAMERA.HANET.RENAME_MEMBER(1, 1)).reply(200);
     // change name and press rename
     await act(async () => {
       await textInput.props.onChange('new name');
       await alertAction.props.rightButtonClick();
     });
-    expect(axios.patch).toHaveBeenCalled();
+    expect(alertAction.props.visible).toBe(false);
   });
 
   test('Test remove member', async () => {
@@ -105,15 +100,11 @@ describe('Test HanetMemberInfo', () => {
       await touches[3].props.onPress();
     });
     expect(alertAction.props.visible).toBe(true);
-
-    axios.delete.mockImplementationOnce(async () => ({ status: 200 }));
-
+    mock.onDelete(API.CAMERA.HANET.REMOVE_MEMBER(1, 1)).reply(200);
     // press remove
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-
-    expect(axios.delete).toHaveBeenCalled();
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
@@ -153,24 +144,14 @@ describe('Test HanetMemberInfo', () => {
     const instance = tree.root;
     const touches = instance.findAllByType(TouchableOpacity);
     expect(touches).toHaveLength(7);
-
     await act(async () => {
       await touches[1].props.onPress();
     });
-
     const bottomSheet = instance.findByType(BottomSheet);
     expect(bottomSheet.props.isVisible).toBe(true);
-
-    axios.patch.mockImplementationOnce(async () => ({
-      status: 200,
-      data: {
-        avatar_uri: 'uri',
-      },
-    }));
+    mock.onPatch(API.CAMERA.HANET.UPDATE_FACE_ID(1, 1)).reply(200);
     await chooseSetFaceIDOption(instance, 1);
-
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(axios.patch).toBeCalled(); // call api update face id
   });
 
   test('Test register new member', async () => {
@@ -196,7 +177,6 @@ describe('Test HanetMemberInfo', () => {
     expect(bottomSheet.props.isVisible).toBe(true);
 
     await chooseSetFaceIDOption(instance, 1);
-    expect(axios.patch).not.toBeCalled(); // not call api
 
     // open alert action
     const alertAction = instance.findByType(AlertAction);
@@ -211,15 +191,13 @@ describe('Test HanetMemberInfo', () => {
       await textInput.props.onChange('new name');
       await alertAction.props.rightButtonClick();
     });
-    expect(axios.post).not.toBeCalled();
 
     // finish
     const bottomButton = instance.findByType(BottomButtonView);
-    axios.post.mockImplementationOnce(async () => ({ status: 200 }));
+    mock.onPost(API.CAMERA.HANET.REGISTER(1)).reply(200);
     await act(async () => {
       await bottomButton.props.onPressMain();
     });
-    expect(axios.post).toBeCalled();
     expect(mockedNavigate).toBeCalled();
   });
 });

package/src/screens/HanetCamera/hooks/__test__/useHanetCheckinData.test.js

@@ -1,16 +1,17 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import { useHanetCheckinData } from '../index';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import moment from 'moment';
+import api from '../../../../utils/Apis/axios';
+import { API } from '../../../../configs';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 describe('Test useHanetCheckinData', () => {
   let props, data;
 
   beforeEach(() => {
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    axios.get.mockClear();
     props = {
       device_id: 1,
       place: {
@@ -51,40 +52,20 @@ describe('Test useHanetCheckinData', () => {
 
   test('Test onRefresh', async () => {
     const { result } = renderHook(() => useHanetCheckinData(props));
-    axios.get.mockImplementationOnce(() => ({
-      status: 200,
-      data: data,
-    }));
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, data);
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(axios.get).toHaveBeenCalled();
+    expect(result.current.countMember).toBe(data.count_member);
   });
 
-  test('Test onLoadMore', async () => {
-    const { result } = renderHook(() => useHanetCheckinData(props));
-    axios.get.mockImplementationOnce(() => ({
-      status: 200,
-      data: data,
-    }));
-    await act(async () => {
-      await result.current.onLoadMore();
-    });
-    expect(axios.get).toHaveBeenCalled();
-
-    axios.get.mockClear();
-
-    await act(async () => {
-      await result.current.onLoadMore();
-    });
-    expect(axios.get).toHaveBeenCalledTimes(0);
-  });
-
-  test('Test onMomentumScrollBegin', async () => {
-    const { result } = renderHook(() => useHanetCheckinData(props));
+  test('Test render without props', async () => {
+    const { result } = renderHook(() => useHanetCheckinData());
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, data);
     await act(async () => {
-      await result.current.onMomentumScrollBegin();
+      await result.current.onRefresh();
     });
+    expect(result.current.refreshing).toBeFalsy();
   });
 
   test('Test onReceiveNewCheckinData', async () => {
@@ -101,9 +82,9 @@ describe('Test useHanetCheckinData', () => {
     await act(async () => {
       await result.current.onReceiveNewCheckinData(newData);
     });
-    expect(result.current.checkinData).toHaveLength(1);
+    expect(result.current.checkinData).toHaveLength(3);
     expect(result.current.countMember).toBe(1);
-    expect(result.current.countStranger).not.toBe(1);
+    expect(result.current.countStranger).toBe(1);
 
     const newData2 = {
       id: 2,
@@ -116,7 +97,7 @@ describe('Test useHanetCheckinData', () => {
     await act(async () => {
       await result.current.onReceiveNewCheckinData(newData2);
     });
-    expect(result.current.checkinData).toHaveLength(2);
+    expect(result.current.checkinData).toHaveLength(3);
     expect(result.current.countMember).toBe(1);
     expect(result.current.countStranger).toBe(1);
 
@@ -132,7 +113,7 @@ describe('Test useHanetCheckinData', () => {
       await result.current.onReceiveNewCheckinData(newData3);
     });
     // no change
-    expect(result.current.checkinData).toHaveLength(2);
+    expect(result.current.checkinData).toHaveLength(3);
     expect(result.current.countMember).toBe(1);
     expect(result.current.countStranger).toBe(1);
 
@@ -141,8 +122,35 @@ describe('Test useHanetCheckinData', () => {
       await result.current.onReceiveNewCheckinData(newData2);
     });
     // no change
-    expect(result.current.checkinData).toHaveLength(2);
+    expect(result.current.checkinData).toHaveLength(3);
     expect(result.current.countMember).toBe(1);
     expect(result.current.countStranger).toBe(1);
   });
+
+  test('Test onLoadMore', async () => {
+    const { result } = renderHook(() => useHanetCheckinData(props));
+    mock
+      .onGet(API.CAMERA.HANET.CHECKIN(1))
+      .reply(200, { ...data, count_member: 20 });
+    await act(async () => {
+      await result.current.onLoadMore();
+    });
+    expect(result.current.countMember).toBe(20);
+  });
+
+  test('Test onMomentumScrollBegin', async () => {
+    const { result } = renderHook(() => useHanetCheckinData(props));
+    await act(async () => {
+      await result.current.onMomentumScrollBegin();
+    });
+  });
+
+  test('Test onChangeDate', async () => {
+    const { result } = renderHook(() => useHanetCheckinData(props));
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1, moment())).reply(200, data);
+    await act(async () => {
+      await result.current.onChangeDate(moment());
+    });
+    expect(result.current.countMember).toBe(data.count_member);
+  });
 });

package/src/screens/HanetCamera/hooks/__test__/useHanetPlaceMembers.test.js

@@ -1,14 +1,15 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import { useHanetPlaceMembers } from '../index';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import api from '../../../../utils/Apis/axios';
+import { API } from '../../../../configs';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 describe('Test useHanetPlaceMembers', () => {
   let props, data;
 
   beforeEach(() => {
-    axios.get.mockClear();
     props = {
       place: {
         place_id: 2,
@@ -33,33 +34,20 @@ describe('Test useHanetPlaceMembers', () => {
 
   test('Test onRefresh', async () => {
     const { result } = renderHook(() => useHanetPlaceMembers(props));
-    axios.get.mockImplementationOnce(() => ({
-      status: 200,
-      data: data,
-    }));
+    mock.onGet(API.CAMERA.HANET.PLACE_MEMBERS(1)).reply(200, data);
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(axios.get).toHaveBeenCalled();
+    expect(result.current.loadingMore).toBe(false);
   });
 
   test('Test onLoadMore', async () => {
-    const { result } = renderHook(() => useHanetPlaceMembers(props));
-    axios.get.mockImplementationOnce(() => ({
-      status: 200,
-      data: data,
-    }));
-    await act(async () => {
-      await result.current.onLoadMore();
-    });
-    expect(axios.get).toHaveBeenCalled();
-
-    axios.get.mockClear();
-
+    const { result } = renderHook(() => useHanetPlaceMembers());
+    mock.onGet(API.CAMERA.HANET.PLACE_MEMBERS(1)).reply(200, data);
     await act(async () => {
       await result.current.onLoadMore();
     });
-    expect(axios.get).toHaveBeenCalledTimes(0);
+    expect(result.current.loadingMore).toBe(false);
   });
 
   test('Test onMomentumScrollBegin', async () => {
@@ -67,5 +55,6 @@ describe('Test useHanetPlaceMembers', () => {
     await act(async () => {
       await result.current.onMomentumScrollBegin();
     });
+    expect(result.current.loadingMore).toBe(false);
   });
 });

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

@@ -1,14 +1,18 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
 
 import ManageAccessScreen from '../index';
 import { HeaderCustom } from '../../../commons/Header';
-import axios from 'axios';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { ScrollView } from 'react-native';
 import { RowItem } from '../../../commons/RowItem';
 import Routes from '../../../utils/Route';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockUseIsFocused = jest.fn();
 const mockedNavigate = jest.fn();
@@ -31,8 +35,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ManageAccessScreen route={route} />
@@ -44,7 +46,6 @@ describe('Test Manage Access', () => {
   let route;
 
   beforeEach(() => {
-    axios.get.mockClear();
     mockedNavigate.mockClear();
     route = {
       params: {
@@ -59,27 +60,25 @@ describe('Test Manage Access', () => {
       },
     };
   });
+
   it('render Manage Access', async () => {
     mockUseIsFocused.mockImplementation(() => true);
-    const response = {
-      status: 200,
-      data: [
-        {
+    mock.onGet(API.UNIT.MANAGE_ACCESS(1)).reply(200, [
+      {
+        id: 1,
+        user: {
           id: 1,
-          user: {
-            id: 1,
-            name: 'jason',
-            phone_number: '0984524544',
-            email: '123@gmail.com',
-          },
-          access_schedule: 'always',
-          schedule: 'Always',
+          name: 'jason',
+          phone_number: '0984524544',
+          email: '123@gmail.com',
         },
-      ],
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+        access_schedule: 'always',
+        schedule: 'Always',
+      },
+      {
+        id: 2,
+      },
+    ]);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -89,7 +88,7 @@ describe('Test Manage Access', () => {
     expect(header).toHaveLength(1);
     expect(scrollView).toHaveLength(1);
     const memberButton = instance.findAllByType(RowItem);
-    expect(memberButton).toHaveLength(1);
+    expect(memberButton).toHaveLength(2);
     await act(async () => {
       await memberButton[0].props.onPress();
     });
@@ -97,4 +96,16 @@ describe('Test Manage Access', () => {
       id: 1,
     });
   });
+
+  it('render Manage Access without params', async () => {
+    mockUseIsFocused.mockImplementation(() => false);
+    await act(async () => {
+      tree = await create(wrapComponent({}));
+    });
+    const instance = tree.root;
+    const header = instance.findAllByType(HeaderCustom);
+    const scrollView = instance.findAllByType(ScrollView);
+    expect(header).toHaveLength(1);
+    expect(scrollView).toHaveLength(1);
+  });
 });

package/src/screens/ManageAccess/hooks/__test__/useManageAccess.test.js

@@ -1,7 +1,10 @@
 import { act, renderHook } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
 import useManageAccess from '../index';
-import axios from 'axios';
 import API from '../../../../configs/API';
+import api from '../../../../utils/Apis/axios';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 jest.mock('react', () => {
   return {
@@ -10,15 +13,7 @@ jest.mock('react', () => {
   };
 });
 
-jest.mock('axios');
-
 describe('Test Use Manage Access', () => {
-  beforeEach(() => {
-    axios.get.mockClear();
-  });
-  afterEach(() => {
-    axios.get.mockClear();
-  });
   const unit = { id: 1, name: 'unit name' };
   const sensor = {
     id: 1,
@@ -30,49 +25,53 @@ describe('Test Use Manage Access', () => {
 
   it('Test fetch data', () => {
     const { result } = renderHook(() => useManageAccess(unit, sensor));
-    axios.get.mockImplementation(() => ({
-      status: 200,
-      data: [
-        {
+    mock.onGet(API.UNIT.MANAGE_ACCESS(unit.id)).reply(200, [
+      {
+        id: 1,
+        user: {
           id: 1,
-          user: {
-            id: 1,
-            name: 'jason',
-            phone_number: '0984524544',
-            email: '123@gmail.com',
-          },
-          access_schedule: 'always',
-          schedule: 'Always',
+          name: 'jason',
+          phone_number: '0984524544',
+          email: '123@gmail.com',
         },
-        {
-          id: 2,
-          user: {
-            id: 1,
-            name: 'mike',
-            phone_number: '0984524144',
-            email: '1235@gmail.com',
-          },
-          access_schedule: 'recurring',
-          schedule: 'M/T 02:40 - 08:40 AM',
+        access_schedule: 'always',
+        schedule: 'Always',
+      },
+      {
+        id: 2,
+        user: {
+          id: 1,
+          name: 'mike',
+          phone_number: '0984524144',
+          email: '1235@gmail.com',
         },
-        {
-          id: 3,
-          user: {
-            id: 1,
-            name: 'david',
-            phone_number: '0984524541',
-            email: '1234@gmail.com',
-          },
-          access_schedule: 'temporary',
-          schedule: '02:40 09/08/2020 - 08:40 09/10/2020',
+        access_schedule: 'recurring',
+        schedule: 'M/T 02:40 - 08:40 AM',
+      },
+      {
+        id: 3,
+        user: {
+          id: 1,
+          name: 'david',
+          phone_number: '0984524541',
+          email: '1234@gmail.com',
         },
-      ],
-    }));
+        access_schedule: 'temporary',
+        schedule: '02:40 09/08/2020 - 08:40 09/10/2020',
+      },
+    ]);
     act(() => {
       result.current.onRefresh();
     });
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.MANAGE_ACCESS(unit.id), {
-      params: { sensor_id: sensor.id },
+    expect(result.current.isLoading).toBe(true);
+  });
+
+  it('Test get manage access failure', () => {
+    const { result } = renderHook(() => useManageAccess(unit, sensor));
+    mock.onGet(API.UNIT.MANAGE_ACCESS(unit.id)).reply(400, []);
+    act(() => {
+      result.current.onRefresh();
     });
+    expect(result.current.data).toEqual([]);
   });
 });

package/src/screens/ManageAccess/index.js

@@ -19,7 +19,7 @@ import { RowItem } from '../../commons/RowItem';
 const ManageAccessScreen = memo(({ route }) => {
   const t = useTranslations();
   const { params = {} } = route;
-  const { unit, sensor } = params;
+  const { unit = {}, sensor = {} } = params;
   const { navigate } = useNavigation();
   const isFocused = useIsFocused();
   const { data, isRefresh, isLoading, onRefresh } = useManageAccess(

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
+import { TouchableOpacity } from 'react-native';
 
 import { TESTID } from '../../../configs/Constants';
 import { API } from '../../../configs';
@@ -9,8 +10,20 @@ import MoveToAnotherSubUnit from '../';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import BottomButtonView from '../../../commons/BottomButtonView';
+import api from '../../../utils/Apis/axios';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+    }),
+  };
+});
 
-jest.mock('axios');
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
@@ -85,6 +98,17 @@ describe('Test Render ListSubUnit', () => {
     },
   };
 
+  it('render ListSubUnit with out params', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent({}));
+    });
+    const instance = tree.root;
+    const rowSubUnit = instance.findAll(
+      (el) => el.props.testID === TESTID.ROW_SUB_UNIT
+    );
+    expect(rowSubUnit).toHaveLength(0);
+  });
+
   it('render ListSubUnit', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -112,15 +136,14 @@ describe('Test Render ListSubUnit', () => {
         sensors: [],
       });
     });
-    act(() => {
-      bottomButtonView.props.onPressMain();
-    });
-
-    expect(axios.patch).toHaveBeenCalledWith(
-      API.SENSOR.CHANGE_SUB_UNIT(200, 3, 73),
-      {
-        station_id: 4,
-      }
-    );
+    mock.onPatch(API.SENSOR.CHANGE_SUB_UNIT(200, 3, 73)).reply(200);
+    await bottomButtonView.props.onPressMain();
+    expect(mockNavigate).toBeCalled();
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    await TouchableOpacities[2].props.onPress();
+    mockNavigate.mockClear();
+    mock.onPatch(API.SENSOR.CHANGE_SUB_UNIT(200, 3, 73)).reply(400);
+    await bottomButtonView.props.onPressMain();
+    expect(mockNavigate).not.toBeCalled();
   });
 });

package/src/screens/MoveToAnotherSubUnit/index.js

@@ -36,12 +36,12 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
   const { unit, sensor, station } = params;
   const { navigate } = useNavigation();
   const [selectedSubUnit, setSelectedSubUnit] = useState(
-    unit.stations?.find((subUnit) => subUnit.id === station.id)
+    unit?.stations?.find((subUnit) => subUnit.id === station.id)
   );
 
   const listStationUnit = useMemo(() => {
-    return unit.stations.slice(2);
-  }, [unit.stations]);
+    return unit?.stations.slice(2) || [];
+  }, [unit?.stations]);
 
   const handleOnSelect = useCallback((item) => {
     setSelectedSubUnit(item);
@@ -57,7 +57,7 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
     if (success) {
       navigate(Routes.UnitDetail);
     }
-  }, [navigate, selectedSubUnit.id, sensor.id, station.id, unit.id]);
+  }, [navigate, selectedSubUnit?.id, sensor?.id, station?.id, unit?.id]);
 
   return (
     <View style={styles.wrap}>