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

package/src/screens/EmergencyContacts/__test__/EmergencyContactsSelectContacts.test.js

@@ -1,14 +1,18 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import Toast from 'react-native-toast-message';
+
 import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
 import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { API } from '../../../configs';
 import { ViewButtonBottom } from '../../../commons';
+import api from '../../../utils/Apis/axios';
+import { getTranslate } from '../../../utils/I18n';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockedNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -45,7 +49,6 @@ describe('test EmergencyContactsSelectContacts', () => {
       tree = create(wrapComponent(route));
     });
     const instance = tree.root;
-
     const rowUser = instance.findAllByProps(
       (item) => item.props.testID === TESTID.EMERGENCY_SELECT_CONTACT
     );
@@ -54,50 +57,41 @@ describe('test EmergencyContactsSelectContacts', () => {
 
   test('render emergencyContactsSelectContacts success', async () => {
     jest.useFakeTimers();
-    const response = {
-      status: 200,
-      data: {
-        data: {},
-      },
-    };
-    axios.get.mockImplementation(() => Promise.resolve(response));
-
-    act(() => {
-      tree = create(wrapComponent(route));
+    mock.onGet(API.SHARE.UNITS_MEMBERS(1, 1)).reply(200, {
+      id: 1,
+      name: 'test',
+      phone_number: 1,
     });
     act(() => {
-      jest.runOnlyPendingTimers();
+      tree = create(wrapComponent(route));
     });
-    expect(axios.get).toHaveBeenCalled();
-    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1, 1), {});
+    const instance = tree.root;
+    const rowUser = instance.findAllByProps(
+      (item) => item.props.testID === TESTID.EMERGENCY_SELECT_CONTACT + 0
+    );
+    expect(rowUser[0]).toBeDefined();
   });
 
   test('test onSave emergencyContactsSelectContacts', async () => {
-    const response = {
-      status: 200,
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(200);
     act(() => {
       tree = create(wrapComponent(route));
     });
     const instance = tree.root;
-
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
+    expect(Toast.show).toBeCalledWith({
+      type: 'success',
+      position: 'bottom',
+      text1: getTranslate('en', 'saving_contact_successful'),
+      visibilityTime: 1000,
+    });
   });
 
   test('test onSave emergencyContactsSelectContacts fail', async () => {
-    const response = {
-      status: 500,
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(500);
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -107,6 +101,11 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'create_contact_failed'),
+      visibilityTime: 1000,
+    });
   });
 });

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

@@ -1,15 +1,16 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 
 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';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -37,20 +38,11 @@ describe('Test EnterPassword', () => {
         el.type === TouchableOpacity
     );
   };
-  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 '';
-    }
-  };
+
+  beforeEach(() => {
+    mockNavigate.mockClear();
+  });
+
   test('test render EnterPassword button done', () => {
     const route = {
       params: { dataParams: {}, type: '' },
@@ -63,6 +55,16 @@ 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: '' },
@@ -102,11 +104,7 @@ describe('Test EnterPassword', () => {
         type: 'infoMemberUnit',
       },
     };
-    const responsePut = {
-      status: 200,
-      data: { id: 1, user_id: 1 },
-    };
-    await mockAxios(responsePut, 'put');
+    mock.onPut(API.UNIT.CHANGE_OWNER(1)).reply(200, { id: 1, user_id: 1 });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -115,10 +113,28 @@ describe('Test EnterPassword', () => {
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(axios.put).toHaveBeenCalledTimes(1);
-    expect(axios.put).toHaveBeenCalledWith(API.UNIT.CHANGE_OWNER(1), {
-      confirm_password: '',
-      new_owner: 1,
+    expect(mockNavigate).toBeCalled();
+  });
+
+  test('test EnterPassword button failure', async () => {
+    const route = {
+      params: {
+        dataParams: {
+          unit_id: 1,
+          member: { id: 1 },
+        },
+        type: 'infoMemberUnit',
+      },
+    };
+    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();
   });
 });

package/src/screens/GuestInfo/__test__/index.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 GuestInfo from '..';
@@ -11,6 +12,7 @@ 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({})}>
@@ -35,7 +37,7 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const getButton = (instance, testID, many = false) => {
   if (many) {
@@ -54,8 +56,6 @@ describe('Test GuestInfo', () => {
   let data;
 
   beforeEach(() => {
-    axios.get.mockClear();
-    axios.put.mockClear();
     mockGoBack.mockClear();
     route = {
       params: { id: 1 },
@@ -76,23 +76,14 @@ describe('Test GuestInfo', () => {
   });
 
   test('test render GuestInfo', async () => {
-    const response = {
-      status: 200,
-      data: data,
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     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,
@@ -101,21 +92,18 @@ 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();
     });
@@ -125,13 +113,7 @@ describe('Test GuestInfo', () => {
   });
 
   test('test open and close 2 modal', async () => {
-    const response = {
-      status: 200,
-      data: data,
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -197,13 +179,7 @@ describe('Test GuestInfo', () => {
 
   test('test save', async () => {
     data.access_schedule = 'recurring';
-    const response = {
-      status: 200,
-      data: data,
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+    mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -213,17 +189,14 @@ describe('Test GuestInfo', () => {
         el.props.testID === TESTID.SAVE_ACCESS_SCHEDULE &&
         el.type === TouchableOpacity
     );
-    axios.put.mockImplementation(async () => {
-      return { status: 200 };
-    });
+    mock.onPut(API.SHARED_SENSOR.ACCESS(1)).reply(200);
     await act(async () => {
       await saveButton.props.onPress();
     });
-    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],
-    });
+    const accessScheduleSheetDone = getButton(
+      instance,
+      `${TESTID.ACCESS_SCHEDULE_SHEET}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+    );
+    expect(accessScheduleSheetDone.props.isVisible).toBeFalsy();
   });
 });

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