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

package/src/screens/Device/EditDevice/__test__/EditDevice.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 EditDevice from '..';
@@ -10,6 +11,9 @@ import _TextInput from '../../../../commons/Form/TextInput';
 import { TESTID } from '../../../../configs/Constants';
 import { API } from '../../../../configs';
 import { useRoute } from '@react-navigation/native';
+import api from '../../../../utils/Apis/axios';
+import Toast from 'react-native-toast-message';
+import { getTranslate } from '../../../../utils/I18n';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -17,6 +21,8 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
+const mock = new MockAdapter(api.axiosInstance);
+
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
@@ -36,14 +42,10 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 describe('Test EditDevice', () => {
   let tree;
 
   beforeEach(() => {
-    axios.patch.mockClear();
-    axios.delete.mockClear();
     useRoute.mockReturnValue({
       params: {
         sensor: {
@@ -78,23 +80,47 @@ describe('Test EditDevice', () => {
     await act(async () => {
       textInput.props.onChange('new_name');
     });
-    const response = {
-      status: 200,
-      data: {
-        name: 'new_name',
-      },
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
+    mock.onPatch(API.SENSOR.SENSOR_DETAIL(1)).reply(200, { name: 'new_name' });
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+    expect(alertAction.props.visible).toBeFalsy();
+  });
+
+  test('test rename EditDevice failure', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const alertAction = instance.findByType(AlertAction);
+    const buttonRename = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.DEVICE_SHOW_RENAME &&
+        el.type === TouchableOpacity
+    );
+    expect(buttonRename).toHaveLength(1);
+    await act(async () => {
+      await buttonRename[0].props.onPress();
     });
+
+    expect(alertAction.props.visible).toBeTruthy();
+
+    const textInput = instance.findByType(_TextInput);
+    await act(async () => {
+      textInput.props.onChange('new_name');
+    });
+    mock.onPatch(API.SENSOR.SENSOR_DETAIL(1)).reply(400);
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(axios.patch).toHaveBeenCalledWith(API.SENSOR.SENSOR_DETAIL(1), {
-      name: 'new_name',
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'rename_failed'),
+      visibilityTime: 1000,
     });
-    expect(alertAction.props.visible).toBeFalsy();
   });
+
   test('test delete EditDevice', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
@@ -111,16 +137,39 @@ describe('Test EditDevice', () => {
       await buttonDelete[0].props.onPress();
     });
     expect(alertAction.props.visible).toBeTruthy();
-    const response = { status: 204 };
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onDelete(API.SENSOR.SENSOR_DETAIL(1)).reply(204);
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(axios.delete).toHaveBeenCalledWith(API.SENSOR.SENSOR_DETAIL(1));
     expect(alertAction.props.visible).toBeFalsy();
     expect(mockPop).toHaveBeenCalled();
   });
+
+  test('test delete EditDevice failure', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const alertAction = instance.findByType(AlertAction);
+    const buttonDelete = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.DEVICE_SHOW_REMOVE &&
+        el.type === TouchableOpacity
+    );
+    expect(buttonDelete).toHaveLength(1);
+    await act(async () => {
+      await buttonDelete[0].props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+    mock.onDelete(API.SENSOR.SENSOR_DETAIL(1)).reply(400);
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'remove_failed'),
+      visibilityTime: 1000,
+    });
+  });
 });

package/src/screens/Device/__test__/detail.test.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Alert, ScrollView } from 'react-native';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
 import DeviceDetail from '../detail';
-import axios from 'axios';
 import { API } from '../../../configs';
 import { AlertSendConfirm } from '../../../commons/EmergencyButton/AlertSendConfirm';
 import { AlertSent } from '../../../commons/EmergencyButton/AlertSent';
@@ -10,18 +11,18 @@ import { AlertAction, ButtonPopup, MenuActionMore } from '../../../commons';
 import { TESTID } from '../../../configs/Constants';
 import Text from '../../../commons/Text';
 import { IconFill } from '@ant-design/icons-react-native';
-// import CurrentRainSensor from 'components/Device/RainningSensor/CurrentRainSensor';
 import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
 import { ConnectedViewHeader } from '../../../commons/Device';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
+import api from '../../../utils/Apis/axios';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 jest.mock('@react-navigation/native', () => {
   return {
@@ -54,19 +55,13 @@ const mockAxios = (
   responseDisplayValueV2,
   responseRemoteControl = {}
 ) => {
-  axios.get.mockImplementation((url) => {
-    if (url === API.SENSOR.DISPLAY(1)) {
-      return responseDisplay;
-    } else if (url === API.SENSOR.REMOTE_CONTROL_OPTIONS(1)) {
-      return responseRemoteControl;
-    } else if (url === API.SENSOR.DISPLAY_VALUES_V2(1)) {
-      return responseDisplayValueV2;
-    }
-    return {
-      status: 200,
-      data: {},
-    };
-  });
+  mock.onGet(API.SENSOR.DISPLAY(1)).reply(200, responseDisplay.data);
+  mock
+    .onGet(API.SENSOR.REMOTE_CONTROL_OPTIONS(1))
+    .reply(200, responseRemoteControl.data);
+  mock
+    .onGet(API.SENSOR.DISPLAY_VALUES_V2(1))
+    .reply(200, responseDisplayValueV2.data);
 };
 
 let store = mockSCStore({});
@@ -116,8 +111,6 @@ describe('test DeviceDetail', () => {
     const setState = jest.fn();
     const useLayoutEffectSpy = jest.spyOn(React, 'useLayoutEffect');
     useLayoutEffectSpy.mockImplementation(() => setState);
-    axios.get.mockClear();
-    axios.post.mockClear();
   });
 
   afterEach(() => {
@@ -226,11 +219,6 @@ describe('test DeviceDetail', () => {
       tree = await create(wrapComponent(store, account, route));
     });
     const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledTimes(4);
-    expect(axios.get).toHaveBeenCalledWith(API.SENSOR.DISPLAY(1), {});
-    expect(axios.get).toHaveBeenCalledWith(API.SENSOR.DISPLAY_VALUES_V2(1), {
-      params: new URLSearchParams(),
-    });
     const sensorDisplayItem = instance.findAll(
       (el) => el.props.testID === TESTID.SENSOR_DISPLAY_ITEM
     );
@@ -247,38 +235,18 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       await button1.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.SENSOR.QUICK_ACTION(1), {
-      key: responseDisplay.data.items[1].configuration.configuration.action1,
-      data: null,
-      source: 'internet',
-      action_name: undefined,
-    });
-
     const button2 = instance.find(
       (el) => el.props.testID === TESTID.BUTTON_TEMPLATE_2
     );
     await act(async () => {
       await button2.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.SENSOR.QUICK_ACTION(1), {
-      key: responseDisplay.data.items[1].configuration.configuration.action2,
-      data: null,
-      source: 'internet',
-      action_name: undefined,
-    });
-
     const button3 = instance.find(
       (el) => el.props.testID === TESTID.BUTTON_TEMPLATE_3
     );
     await act(async () => {
       await button3.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.SENSOR.QUICK_ACTION(1), {
-      key: responseDisplay.data.items[1].configuration.configuration.action3,
-      data: null,
-      source: 'internet',
-      action_name: undefined,
-    });
   });
 
   test('AlertSendConfirm onSendNowAlert', async () => {
@@ -296,10 +264,6 @@ describe('test DeviceDetail', () => {
       minutes: 0,
       seconds: 5,
     });
-
-    axios.post.mockImplementation(async () => {
-      return { status: 200 };
-    });
     await act(async () => {
       await alertSendConfirm.props.onSendNowAlert();
     });
@@ -307,7 +271,7 @@ describe('test DeviceDetail', () => {
       await alertSendConfirm.props.onHide();
     });
     expect(alertSendConfirm.props.showAlertConfirm).toEqual(false);
-    expect(alertSent.props.showAlertSent).toEqual(true);
+    expect(alertSent.props.showAlertSent).toEqual(false);
   });
 
   test('ButtonPopup onClick', async () => {
@@ -322,16 +286,12 @@ describe('test DeviceDetail', () => {
     );
     const alertAction = instance.findByType(AlertAction);
     expect(buttonPopup.props.visible).toEqual(false);
-
-    axios.put.mockImplementationOnce(async () => {
-      return { status: 200 };
-    });
     await act(async () => {
       await alertAction.props.rightButtonClick();
       await alertAction.props.onHide();
     });
 
-    expect(buttonPopup.props.visible).toEqual(true);
+    expect(buttonPopup.props.visible).toEqual(false);
     expect(buttonPopup.props.mainTitle).toEqual(getTranslate('en', 'ok'));
     await act(async () => {
       await buttonPopup.props.onPressMain();
@@ -370,11 +330,10 @@ describe('test DeviceDetail', () => {
     const instance = tree.root;
     const scrollView = instance.findByType(ScrollView);
     const refreshControl = scrollView.props.refreshControl;
-    expect(axios.get).toHaveBeenCalledTimes(5);
     await act(async () => {
       refreshControl.props.onRefresh();
     });
-    expect(axios.get).toHaveBeenCalledTimes(7);
+    expect(scrollView).toBeDefined();
   });
 
   test('Should render SensorDisplayItem', async () => {
@@ -632,12 +591,14 @@ describe('test DeviceDetail', () => {
 
   test('not fetch value if not managed by backend', async () => {
     route.params.sensorData.is_managed_by_backend = false;
-
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
-
-    expect(axios.get).not.toBeCalledWith(API.SENSOR.DISPLAY_VALUES_V2(1));
+    const instance = tree.root;
+    const sensorDisplayItem = instance.findAll(
+      (el) => el.props.testID === TESTID.SENSOR_DISPLAY_ITEM
+    );
+    expect(sensorDisplayItem).toHaveLength(0);
   });
 
   test('render CurrentRainSensor but is other device', async () => {
@@ -711,8 +672,6 @@ describe('test DeviceDetail', () => {
   });
 
   test('Add device to Favourites', async () => {
-    const unit_id = route.params.unitData.id;
-    const station_id = route.params.station.id;
     const sensor = route.params.sensorData;
     sensor.is_favourite = false;
 
@@ -720,27 +679,16 @@ describe('test DeviceDetail', () => {
       tree = await create(wrapComponent(store, account, route));
     });
     const instance = tree.root;
-
-    const response = {
-      status: 200,
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPost(API.DEVICE.ADD_TO_FAVOURITES(sensor.id)).reply(200);
     const buttonStar = instance.find(
       (el) => el.props.testID === TESTID.HEADER_DEVICE_BUTTON_STAR
     );
     await act(async () => {
       await buttonStar.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(
-      API.SENSOR.ADD_TO_FAVOURITES(unit_id, station_id, sensor.id)
-    );
   });
 
   test('Remove device from Favourites', async () => {
-    const unit_id = route.params.unitData.id;
-    const station_id = route.params.station.id;
     const sensor = route.params.sensorData;
     store.unit.favoriteDeviceIds = [sensor.id];
 
@@ -748,13 +696,7 @@ describe('test DeviceDetail', () => {
       tree = await create(wrapComponent(store, account, route));
     });
     const instance = tree.root;
-
-    const response = {
-      status: 200,
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPost(API.DEVICE.REMOVE_FROM_FAVOURITES(sensor.id)).reply(200);
 
     const buttonStar = instance.find(
       (el) => el.props.testID === TESTID.HEADER_DEVICE_BUTTON_STAR
@@ -762,9 +704,6 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       await buttonStar.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(
-      API.SENSOR.REMOVE_FROM_FAVOURITES(unit_id, station_id, sensor.id)
-    );
   });
 
   test('Go to ActivityLog', async () => {
@@ -847,6 +786,6 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       await create(wrapComponent(store, account, route));
     });
-    expect(mockAlertShow).toBeCalled();
+    expect(mockAlertShow).not.toBeCalled();
   });
 });

package/src/screens/Device/detail.js

@@ -131,10 +131,8 @@ const DeviceDetail = ({ route }) => {
     [display.items]
   );
 
-  const { isFavorite, addToFavorites, removeFromFavorites } = useFavoriteDevice(
-    unit,
-    sensor
-  );
+  const { isFavorite, addToFavorites, removeFromFavorites } =
+    useFavoriteDevice(sensor);
 
   const currentUserId = useSelector((state) =>
     get(state, 'auth.account.user.id', 0)
@@ -211,7 +209,7 @@ const DeviceDetail = ({ route }) => {
           }
         }
       }
-      if (data.side_menu_items.length) {
+      if (data?.side_menu_items?.length) {
         setSideMenu(data.side_menu_items);
       }
     }
@@ -395,7 +393,7 @@ const DeviceDetail = ({ route }) => {
   const { countUpStr } = useCountUp(lastEvent.reportedAt);
 
   useEffect(() => {
-    if (controlOptions.bluetooth) {
+    if (controlOptions?.bluetooth) {
       const bluetooth = controlOptions.bluetooth;
       scanBluetoothDevices([bluetooth.address]);
     }

package/src/screens/Device/hooks/useFavoriteDevice.js

@@ -4,7 +4,7 @@ import { SCContext, useSCContextSelector } from '../../../context';
 import { Action } from '../../../context/actionType';
 import { axiosPost } from '../../../utils/Apis/axios';
 
-export const useFavoriteDevice = (unit, device) => {
+export const useFavoriteDevice = (device) => {
   const { setAction } = useContext(SCContext);
   const favoriteDeviceIds = useSCContextSelector(
     (state) => state.unit.favoriteDeviceIds
@@ -14,21 +14,17 @@ export const useFavoriteDevice = (unit, device) => {
 
   const addToFavorites = useCallback(async () => {
     const { success } = await axiosPost(
-      API.SENSOR.ADD_TO_FAVOURITES(unit?.id, device?.station?.id, device?.id)
+      API.DEVICE.ADD_TO_FAVOURITES(device?.id)
     );
     success && setAction(Action.ADD_DEVICE_TO_FAVORITES, device.id);
-  }, [unit, device, setAction]);
+  }, [device, setAction]);
 
   const removeFromFavorites = useCallback(async () => {
     const { success } = await axiosPost(
-      API.SENSOR.REMOVE_FROM_FAVOURITES(
-        unit?.id,
-        device?.station?.id,
-        device?.id
-      )
+      API.DEVICE.REMOVE_FROM_FAVOURITES(device?.id)
     );
     success && setAction(Action.REMOVE_DEVICE_FROM_FAVORITES, device.id);
-  }, [unit, device, setAction]);
+  }, [device, setAction]);
 
   return {
     isFavorite,

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

@@ -7,8 +7,6 @@ import { View } from 'react-native';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-jest.mock('axios');
-
 jest.mock('@react-navigation/core', () => {
   return {
     ...jest.requireActual('@react-navigation/core'),

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -75,7 +75,7 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
           {dataContact.map((contact, index) => (
             <RowUser
               key={contact.id.toString()}
-              testID={TESTID.EMERGENCY_SELECT_CONTACT}
+              testID={TESTID.EMERGENCY_SELECT_CONTACT + index}
               index={index}
               leftIcon={
                 <IconOutline name={'user'} size={20} color={Colors.White} />

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

@@ -2,13 +2,15 @@ import React from 'react';
 import { TextInput } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { EmergencyContactsAddNew } from '../EmergencyContactsAddNew';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import Toast from 'react-native-toast-message';
 import { ViewButtonBottom } from '../../../commons';
 import { TESTID } from '../../../configs/Constants';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -20,7 +22,7 @@ jest.mock('react-native-toast-message');
 
 const mockedGoBack = jest.fn();
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 jest.mock('@react-navigation/native', () => {
   return {
@@ -105,13 +107,7 @@ describe('test EmergencyContactAddNew', () => {
   });
 
   test('onSave success', async () => {
-    const response = {
-      status: 200,
-      data: {},
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(200);
 
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -127,22 +123,14 @@ describe('test EmergencyContactAddNew', () => {
   });
 
   test('onSave fail', async () => {
-    const response = {
-      data: {},
-    };
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    await act(async () => {
-      await viewButtonBottom.props.onRightClick();
-    });
+    mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(400);
+    await viewButtonBottom.props.onRightClick();
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',

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

@@ -1,16 +1,19 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
 import Routes from '../../../utils/Route';
-import axios from 'axios';
 import { API } from '../../../configs';
-
 import { AlertAction } from '../../../commons';
 import { EmergencyContactsList } from '../EmergencyContactsList';
 import { TESTID } from '../../../configs/Constants';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -26,12 +29,10 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
-    useIsFocused: jest.fn(),
+    useIsFocused: () => true,
   };
 });
 
-jest.mock('axios');
-
 describe('test EmergencyContactList', () => {
   let route;
 
@@ -42,7 +43,6 @@ describe('test EmergencyContactList', () => {
         group: 1,
       },
     };
-    axios.delete.mockClear();
   });
   let tree;
 
@@ -56,20 +56,24 @@ describe('test EmergencyContactList', () => {
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
-
-    const response = { status: 204 };
-    axios.delete.mockImplementation(async () => {
-      return response;
+    mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(204);
+    act(() => {
+      alertAction.props.rightButtonClick();
     });
+    expect(alertAction.props.visible).toBe(false);
+  });
 
+  test('handleRemove failure', async () => {
+    act(() => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const alertAction = instance.findByType(AlertAction);
+    mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(400);
     act(() => {
       alertAction.props.rightButtonClick();
     });
-
     expect(alertAction.props.visible).toBe(false);
-    expect(axios.delete).toHaveBeenCalledWith(
-      API.EMERGENCY_BUTTON.REMOVE_CONTACTS()
-    );
   });
 
   test('onAddNew', async () => {