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

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

@@ -1,16 +1,15 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import EnterPassword from '../index';
 import { TESTID } from '../../../configs/Constants';
 import { API } from '../../../configs';
-import api from '../../../utils/Apis/axios';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -38,11 +37,20 @@ describe('Test EnterPassword', () => {
         el.type === TouchableOpacity
     );
   };
-
-  beforeEach(() => {
-    mockNavigate.mockClear();
-  });
-
+  const mockAxios = (response, method) => {
+    switch (method) {
+      case 'get':
+        return axios.get.mockImplementation(async () => {
+          return response;
+        });
+      case 'put':
+        return axios.put.mockImplementation(async () => {
+          return response;
+        });
+      default:
+        return '';
+    }
+  };
   test('test render EnterPassword button done', () => {
     const route = {
       params: { dataParams: {}, type: '' },
@@ -55,16 +63,6 @@ describe('Test EnterPassword', () => {
     expect(button).toHaveLength(1);
   });
 
-  test('test render EnterPassword has not params', () => {
-    const route = {};
-    act(() => {
-      tree = create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const button = buttonDone(instance);
-    expect(button).toHaveLength(1);
-  });
-
   test('test render EnterPassword text input password', () => {
     const route = {
       params: { dataParams: {}, type: '' },
@@ -104,37 +102,23 @@ describe('Test EnterPassword', () => {
         type: 'infoMemberUnit',
       },
     };
-    mock.onPut(API.UNIT.CHANGE_OWNER(1)).reply(200, { id: 1, user_id: 1 });
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const button = buttonDone(instance);
-    await act(async () => {
-      await button[0].props.onPress();
-    });
-    expect(mockNavigate).toBeCalled();
-  });
-
-  test('test EnterPassword button failure', async () => {
-    const route = {
-      params: {
-        dataParams: {
-          unit_id: 1,
-          member: { id: 1 },
-        },
-        type: 'infoMemberUnit',
-      },
+    const responsePut = {
+      status: 200,
+      data: { id: 1, user_id: 1 },
     };
+    await mockAxios(responsePut, 'put');
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = buttonDone(instance);
-    mock.onPut(API.UNIT.CHANGE_OWNER(1)).reply(400);
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(mockNavigate).not.toBeCalled();
+    expect(axios.put).toHaveBeenCalledTimes(1);
+    expect(axios.put).toHaveBeenCalledWith(API.UNIT.CHANGE_OWNER(1), {
+      confirm_password: '',
+      new_owner: 1,
+    });
   });
 });

package/src/screens/Explore/index.js

@@ -92,7 +92,6 @@ const Explore = ({ navigation }) => {
             horizontal={true}
             contentContainerStyle={styles.locationContent}
             showsHorizontalScrollIndicator={false}
-            scrollIndicatorInsets={{ right: 1 }}
           >
             {!!unitsNearMe &&
               unitsNearMe.map((item) => (
@@ -135,7 +134,6 @@ const Explore = ({ navigation }) => {
           onEndReachedThreshold={0.01}
           onMomentumScrollBegin={() => setOnEndReached(false)}
           onEndReached={handleEndReachUnitPublic}
-          scrollIndicatorInsets={{ right: 1 }}
         />
       </Animated.View>
     </SafeAreaView>

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
+import axios from 'axios';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import GuestInfo from '..';
@@ -12,7 +11,6 @@ import WheelDateTimePicker from '../../../commons/WheelDateTimePicker';
 import Text from '../../../commons/Text';
 import { TESTID } from '../../../configs/Constants';
 import { API } from '../../../configs';
-import api from '../../../utils/Apis/axios';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -37,7 +35,7 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const getButton = (instance, testID, many = false) => {
   if (many) {
@@ -56,6 +54,8 @@ describe('Test GuestInfo', () => {
   let data;
 
   beforeEach(() => {
+    axios.get.mockClear();
+    axios.put.mockClear();
     mockGoBack.mockClear();
     route = {
       params: { id: 1 },
@@ -76,14 +76,23 @@ describe('Test GuestInfo', () => {
   });
 
   test('test render GuestInfo', async () => {
-    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
+    const response = {
+      status: 200,
+      data: data,
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
+
+    expect(axios.get).toHaveBeenCalledWith(API.SHARED_SENSOR.ACCESS(1), {});
     const texts = instance.findAllByType(Text);
     expect(texts[4].props.children).toBe(data.user.id);
     expect(texts[6].props.children).toBe('Always');
+
     const accessScheduleItems = instance.findAllByType(AccessScheduleItem);
     const radioButtons = getButton(
       instance,
@@ -92,18 +101,21 @@ describe('Test GuestInfo', () => {
     );
     expect(accessScheduleItems).toHaveLength(3);
     expect(radioButtons).toHaveLength(3);
+
     const always = accessScheduleItems[0];
     const recurring = accessScheduleItems[1];
     const temporary = accessScheduleItems[2];
     expect(always.props.isSelected).toBeTruthy();
     expect(recurring.props.isSelected).toBeFalsy();
     expect(temporary.props.isSelected).toBeFalsy();
+
     await act(async () => {
       await radioButtons[1].props.onPress();
     });
     expect(always.props.isSelected).toBeFalsy();
     expect(recurring.props.isSelected).toBeTruthy();
     expect(temporary.props.isSelected).toBeFalsy();
+
     await act(async () => {
       await radioButtons[2].props.onPress();
     });
@@ -113,7 +125,13 @@ describe('Test GuestInfo', () => {
   });
 
   test('test open and close 2 modal', async () => {
-    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
+    const response = {
+      status: 200,
+      data: data,
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -134,7 +152,7 @@ describe('Test GuestInfo', () => {
     );
     const dateTimePickerDone = getButton(
       instance,
-      `${TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+      `${TESTID.WHEEL_DATE_TIME_PICKER}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
 
     // show AccessScheduleSheet
@@ -179,7 +197,13 @@ describe('Test GuestInfo', () => {
 
   test('test save', async () => {
     data.access_schedule = 'recurring';
-    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
+    const response = {
+      status: 200,
+      data: data,
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -189,14 +213,17 @@ describe('Test GuestInfo', () => {
         el.props.testID === TESTID.SAVE_ACCESS_SCHEDULE &&
         el.type === TouchableOpacity
     );
-    mock.onPut(API.SHARED_SENSOR.ACCESS(1)).reply(200);
+    axios.put.mockImplementation(async () => {
+      return { status: 200 };
+    });
     await act(async () => {
       await saveButton.props.onPress();
     });
-    const accessScheduleSheetDone = getButton(
-      instance,
-      `${TESTID.ACCESS_SCHEDULE_SHEET}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
-    );
-    expect(accessScheduleSheetDone.props.isVisible).toBeFalsy();
+    expect(axios.put).toHaveBeenCalledWith(API.SHARED_SENSOR.ACCESS(1), {
+      access_schedule: 'recurring',
+      recurring_time_start: '07:00:00',
+      recurring_time_end: '07:00:00',
+      recurring_time_repeat: [0, 1, 2],
+    });
   });
 });

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

@@ -47,7 +47,6 @@ 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_START_TEXT_BUTTON}
+        testID={TESTID.TEMPORARY_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_END_TEXT_BUTTON}
+        testID={TESTID.TEMPORARY_TEXT_BUTTON}
       >
         <Text type="Body" color={Colors.Orange} style={styles.value}>
           {moment(temporaryTimeEnd).format('hh:mm A DD/MM/YYYY')}

package/src/screens/HanetCamera/Detail.js

@@ -39,7 +39,7 @@ const HanetCameraDetail = ({ route }) => {
 
   const fetchDisplayConfig = useCallback(async () => {
     const { success, data } = await axiosGet(
-      API.DEVICE.DISPLAY(sensor?.id),
+      API.SENSOR.DISPLAY(sensor?.id),
       {},
       true
     );

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

@@ -1,15 +1,11 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 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({})}>
@@ -36,6 +32,8 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('axios');
+
 const mockSetAvatar = jest.fn();
 describe('Test HanetCaptureFaceID', () => {
   let tree, route;
@@ -44,6 +42,7 @@ describe('Test HanetCaptureFaceID', () => {
     mockedNavigate.mockClear();
     mockedGoBack.mockClear();
     mockSetAvatar.mockClear();
+    axios.patch.mockClear();
     route = {
       params: {
         title: 'title',
@@ -97,15 +96,20 @@ describe('Test HanetCaptureFaceID', () => {
 
     // capture face id
     await captureFaceID(instance);
-    mock.onPatch(API.CAMERA.HANET.UPDATE_FACE_ID(1, 1)).reply(200, {
-      avatar_uri: 'avatar_uri',
-    });
+
+    axios.patch.mockImplementationOnce(async () => ({
+      status: 200,
+      data: {
+        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,8 +1,7 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
+import axios from 'axios';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import HanetCameraDetail from '../Detail';
@@ -10,9 +9,6 @@ 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({})}>
@@ -20,19 +16,6 @@ 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'),
@@ -40,11 +23,14 @@ 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: {
@@ -101,14 +87,20 @@ describe('Test HanetCameraDetail', () => {
   });
 
   test('Test render HanetCameraDetail', async () => {
-    mock.onGet(API.DEVICE.DISPLAY(1)).reply(200, responseDisplay.data);
-    mock.onGet(API.CAMERA.HANET.CHECKIN(2)).reply(200, responseCheckin.data);
+    axios.get.mockImplementationOnce(async () => {
+      return responseDisplay;
+    });
+    axios.get.mockImplementationOnce(async () => {
+      return responseCheckin;
+    });
     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
     );
@@ -117,33 +109,50 @@ 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 () => {
-    mock.onGet(API.DEVICE.DISPLAY(1)).reply(200, responseDisplay.data);
-    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
+    axios.get.mockImplementationOnce(async () => {
+      return responseDisplay;
+    });
+    axios.get.mockImplementationOnce(async () => {
+      return responseCheckin;
+    });
     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
-    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
+    axios.get.mockImplementationOnce(async () => {
+      return responseCheckin;
+    });
     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();
@@ -151,6 +160,9 @@ 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();
@@ -159,12 +171,15 @@ describe('Test HanetCameraDetail', () => {
     expect(calendar.props.isVisible).toBe(true);
 
     // choose date on calendar
-    mock.onGet(API.CAMERA.HANET.CHECKIN(1)).reply(200, responseCheckin.data);
+    axios.get.mockImplementationOnce(async () => {
+      return responseCheckin;
+    });
     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,8 +1,7 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
+import axios from 'axios';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import HanetManageAccess from '../ManageAccess';
@@ -10,10 +9,6 @@ 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({})}>
@@ -39,11 +34,14 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('axios');
+
 describe('Test HanetManageAccess', () => {
   let tree, route, response;
 
   beforeEach(() => {
     mockedNavigate.mockClear();
+    axios.get.mockClear();
     route = {
       params: {
         hanetPlace: {
@@ -72,8 +70,7 @@ describe('Test HanetManageAccess', () => {
         ],
       },
     };
-
-    mock.onGet(API.CAMERA.HANET.PLACE_MEMBERS(1)).reply(200, response.data);
+    axios.get.mockImplementationOnce(async () => response);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });