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

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/HanetCamera/hooks/useHanetCheckinData.js

@@ -16,13 +16,13 @@ const useHanetCheckinData = (hanetCamera) => {
   const [loadingMore, setLoadingMore] = useState(false);
   const [canLoadMore, setCanLoadMore] = useState(true);
 
-  const fetchData = async (page, date) => {
+  const fetchData = async (selectedPage, selectedDate) => {
     if (!hanetCamera) {
       return;
     }
-    setPage(page);
-    setDate(date);
-    if (page === 1) {
+    setPage(selectedPage);
+    setDate(selectedDate);
+    if (selectedPage === 1) {
       setRefreshing(true);
     } else {
       if (!canLoadMore) {
@@ -32,8 +32,8 @@ const useHanetCheckinData = (hanetCamera) => {
     }
 
     const params = new URLSearchParams();
-    params.append('page', page);
-    params.append('date', date.format('YYYY-MM-DD'));
+    params.append('page', selectedPage);
+    params.append('date', selectedDate.format('YYYY-MM-DD'));
     const { success, data } = await axiosGet(
       API.CAMERA.HANET.CHECKIN(hanetCamera.device_id),
       {
@@ -43,17 +43,17 @@ const useHanetCheckinData = (hanetCamera) => {
     if (success && data) {
       setCountMember(data.count_member);
       setCountStranger(data.count_stranger);
-      if (page === 1) {
+      if (selectedPage === 1) {
         setCheckinData(data.results || []);
       } else {
-        setCanLoadMore(page < Math.ceil(data.count / 20));
+        setCanLoadMore(selectedPage < Math.ceil(data.count / 20));
         setCheckinData((prevData) =>
           _.uniqBy(prevData.concat(data.results || []), 'id')
         );
       }
     }
 
-    if (page === 1) {
+    if (selectedPage === 1) {
       setRefreshing(false);
     } else {
       setLoadingMore(false);
@@ -75,8 +75,8 @@ const useHanetCheckinData = (hanetCamera) => {
   const onMomentumScrollBegin = () =>
     (onEndReachedCalledDuringMomentum = false);
 
-  const onChangeDate = (date) => {
-    fetchData(page, date);
+  const onChangeDate = (selectedDate) => {
+    fetchData(page, selectedDate);
   };
 
   const onReceiveNewCheckinData = (data) => {

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

@@ -13,12 +13,12 @@ const useHanetPlaceMembers = (place) => {
   const [loadingMore, setLoadingMore] = useState(false);
   const [canLoadMore, setCanLoadMore] = useState(true);
 
-  const fetchData = async (page) => {
+  const fetchData = async (selectedPage) => {
     if (!place) {
       return;
     }
-    setPage(page);
-    if (page === 1) {
+    setPage(selectedPage);
+    if (selectedPage === 1) {
       setRefreshing(true);
     } else {
       if (!canLoadMore) {
@@ -28,23 +28,23 @@ const useHanetPlaceMembers = (place) => {
     }
 
     const params = new URLSearchParams();
-    params.append('page', page);
-    const { success, data } = await axiosGet(
+    params.append('page', selectedPage);
+    const { success, data: membersData } = await axiosGet(
       API.CAMERA.HANET.PLACE_MEMBERS(place.place_id),
       {
         params,
       }
     );
-    if (success && data) {
-      if (page === 1) {
-        setData(data.results || []);
+    if (success && membersData) {
+      if (selectedPage === 1) {
+        setData(membersData.results || []);
       } else {
-        setCanLoadMore(page < Math.ceil(data.count / 20));
-        setData((prevData) => prevData.concat(data.results || []));
+        setCanLoadMore(selectedPage < Math.ceil(membersData.count / 20));
+        setData((prevData) => prevData.concat(membersData.results || []));
       }
     }
 
-    if (page === 1) {
+    if (selectedPage === 1) {
       setRefreshing(false);
     } else {
       setLoadingMore(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/hooks/index.js

@@ -8,11 +8,14 @@ export default (unit, sensor) => {
   const [isLoading, setIsLoading] = useState(false);
   const fetchData = useCallback(async () => {
     setIsLoading(true);
-    const { success, data } = await axiosGet(API.UNIT.MANAGE_ACCESS(unit.id), {
-      params: { sensor_id: sensor.id },
-    });
+    const { success, data: accessData } = await axiosGet(
+      API.UNIT.MANAGE_ACCESS(unit.id),
+      {
+        params: { sensor_id: sensor.id },
+      }
+    );
     if (success) {
-      setData(data);
+      setData(accessData);
     }
     setIsLoading(false);
   }, [unit.id, sensor.id]);

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.DEVICE.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.DEVICE.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);
@@ -49,7 +49,7 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
 
   const onSubmit = useCallback(async () => {
     const { success } = await axiosPatch(
-      API.SENSOR.CHANGE_SUB_UNIT(unit.id, station.id, sensor.id),
+      API.DEVICE.CHANGE_SUB_UNIT(unit.id, station.id, sensor.id),
       {
         station_id: selectedSubUnit.id,
       }
@@ -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}>