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

package/src/screens/GuestInfo/components/RecurringDetail.js

@@ -47,6 +47,7 @@ const RecurringDetail = ({
       return (
         <TouchableOpacity
           key={index}
+          testID={`${index}${TESTID.RECURRING_REPEAT_ITEM}`}
           style={[styles.repeatItem, isSelected && styles.repeatItemSelected]}
           onPress={() => onSetRepeat(item)}
         >

package/src/screens/GuestInfo/components/TemporaryDetail.js

@@ -30,7 +30,7 @@ const TemporaryDetail = ({
       </Text>
       <TouchableOpacity
         onPress={onSetTimeStart}
-        testID={TESTID.TEMPORARY_TEXT_BUTTON}
+        testID={TESTID.TEMPORARY_START_TEXT_BUTTON}
       >
         <Text type="Body" color={Colors.Orange} style={styles.value}>
           {moment(temporaryTimeStart).format('hh:mm A DD/MM/YYYY')}
@@ -41,7 +41,7 @@ const TemporaryDetail = ({
       </Text>
       <TouchableOpacity
         onPress={onSetTimeEnd}
-        testID={TESTID.TEMPORARY_TEXT_BUTTON}
+        testID={TESTID.TEMPORARY_END_TEXT_BUTTON}
       >
         <Text type="Body" color={Colors.Orange} style={styles.value}>
           {moment(temporaryTimeEnd).format('hh:mm A DD/MM/YYYY')}

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

@@ -1,11 +1,15 @@
 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 HanetCaptureFaceID from '../CaptureFaceID';
 import { RNCamera } from 'react-native-camera';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -32,8 +36,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 const mockSetAvatar = jest.fn();
 describe('Test HanetCaptureFaceID', () => {
   let tree, route;
@@ -42,7 +44,6 @@ describe('Test HanetCaptureFaceID', () => {
     mockedNavigate.mockClear();
     mockedGoBack.mockClear();
     mockSetAvatar.mockClear();
-    axios.patch.mockClear();
     route = {
       params: {
         title: 'title',
@@ -96,20 +97,15 @@ describe('Test HanetCaptureFaceID', () => {
 
     // capture face id
     await captureFaceID(instance);
-
-    axios.patch.mockImplementationOnce(async () => ({
-      status: 200,
-      data: {
-        avatar_uri: 'avatar_uri',
-      },
-    }));
+    mock.onPatch(API.CAMERA.HANET.UPDATE_FACE_ID(1, 1)).reply(200, {
+      avatar_uri: 'avatar_uri',
+    });
 
     // continue
     let touches = instance.findAllByType(TouchableOpacity);
     await act(async () => {
       await touches[1].props.onPress();
     });
-    expect(axios.patch).toHaveBeenCalled();
     expect(mockSetAvatar).toHaveBeenCalled();
     expect(mockedGoBack).toHaveBeenCalled();
   });

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { FlatList } 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 HanetCameraDetail from '../Detail';
@@ -9,6 +10,9 @@ import CheckinHeader from '../components/CheckinHeader';
 import moment from 'moment';
 import { TESTID } from '../../../configs/Constants';
 import Calendar from '../../../commons/Calendar';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+import { MenuActionMore } from '../../../commons';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -16,6 +20,19 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
+const mock = new MockAdapter(api.axiosInstance);
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+    }),
+  };
+});
+
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
@@ -23,14 +40,11 @@ jest.mock('react', () => {
   };
 });
 
-jest.mock('axios');
-
 describe('Test HanetCameraDetail', () => {
   Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
   let tree, route, responseDisplay, responseCheckin;
 
   beforeEach(() => {
-    axios.get.mockClear();
     route = {
       params: {
         unit: {
@@ -87,20 +101,14 @@ describe('Test HanetCameraDetail', () => {
   });
 
   test('Test render HanetCameraDetail', async () => {
-    axios.get.mockImplementationOnce(async () => {
-      return responseDisplay;
-    });
-    axios.get.mockImplementationOnce(async () => {
-      return responseCheckin;
-    });
+    mock.onGet(API.SENSOR.DISPLAY(1)).reply(200, responseDisplay.data);
+    mock.onGet(API.CAMERA.HANET.CHECKIN(2)).reply(200, responseCheckin.data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledTimes(2);
     const flatLists = instance.findAllByType(FlatList);
     expect(flatLists).toHaveLength(1);
-
     const textCountMember = instance.find(
       (el) => el.props.testID === TESTID.TEXT_COUNT_MEMBER
     );
@@ -109,50 +117,33 @@ describe('Test HanetCameraDetail', () => {
     );
     expect(textCountMember.props.children).toBe(1);
     expect(textCountStranger.props.children).toBe(1);
+    const MenuActionMores = instance.findByType(MenuActionMore);
+    await MenuActionMores.props.onItemClick({ data: 'test' });
+    expect(mockNavigate).toBeCalled();
   });
 
   test('Test change date', async () => {
-    axios.get.mockImplementationOnce(async () => {
-      return responseDisplay;
-    });
-    axios.get.mockImplementationOnce(async () => {
-      return responseCheckin;
-    });
+    mock.onGet(API.SENSOR.DISPLAY(1)).reply(200, responseDisplay.data);
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledTimes(2);
-    axios.get.mockClear();
-
     const checkinHeader = instance.findByType(CheckinHeader);
-
     // press arrow left
-    axios.get.mockImplementationOnce(async () => {
-      return responseCheckin;
-    });
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
     await act(async () => {
       await checkinHeader.props.onPickPreviousDate();
     });
     expect(checkinHeader.props.date.format('DD/MM/YYYY')).toBe(
       moment().add(-1, 'days').format('DD/MM/YYYY')
     );
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    axios.get.mockClear();
-
-    // press arrow right
-    axios.get.mockImplementationOnce(async () => {
-      return responseCheckin;
-    });
     await act(async () => {
       await checkinHeader.props.onPickNextDate();
     });
     expect(checkinHeader.props.date.format('DD/MM/YYYY')).toBe(
       moment().format('DD/MM/YYYY')
     );
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    axios.get.mockClear();
-
     // press arrow right
     await act(async () => {
       await checkinHeader.props.onPickNextDate();
@@ -160,9 +151,6 @@ describe('Test HanetCameraDetail', () => {
     expect(checkinHeader.props.date.format('DD/MM/YYYY')).toBe(
       moment().format('DD/MM/YYYY')
     ); // no change
-    expect(axios.get).toHaveBeenCalledTimes(0);
-    axios.get.mockClear();
-
     // open calendar
     await act(async () => {
       await checkinHeader.props.setShowCalendar();
@@ -171,15 +159,12 @@ describe('Test HanetCameraDetail', () => {
     expect(calendar.props.isVisible).toBe(true);
 
     // choose date on calendar
-    axios.get.mockImplementationOnce(async () => {
-      return responseCheckin;
-    });
+    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
     await act(async () => {
       await calendar.props.onConfirm(moment().add(-1, 'days'));
     });
     expect(checkinHeader.props.date.format('DD/MM/YYYY')).toBe(
       moment().add(-1, 'days').format('DD/MM/YYYY')
     );
-    expect(axios.get).toHaveBeenCalledTimes(1);
   });
 });

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { FlatList } 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 HanetManageAccess from '../ManageAccess';
@@ -9,6 +10,10 @@ import BottomSheet from '../../../commons/BottomSheet';
 import { TESTID } from '../../../configs/Constants';
 import Routes from '../../../utils/Route';
 import ImagePicker from 'react-native-image-crop-picker';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -34,14 +39,11 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 describe('Test HanetManageAccess', () => {
   let tree, route, response;
 
   beforeEach(() => {
     mockedNavigate.mockClear();
-    axios.get.mockClear();
     route = {
       params: {
         hanetPlace: {
@@ -70,7 +72,8 @@ describe('Test HanetManageAccess', () => {
         ],
       },
     };
-    axios.get.mockImplementationOnce(async () => response);
+
+    mock.onGet(API.CAMERA.HANET.PLACE_MEMBERS(1)).reply(200, response.data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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);
   });
 });