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

package/src/screens/Unit/__test__/ManageUnit.test.js

@@ -1,6 +1,7 @@
 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 { ToastBottomHelper } from '../../../utils/Utils';
 import { TESTID } from '../../../configs/Constants';
@@ -8,8 +9,11 @@ import { TESTID } from '../../../configs/Constants';
 import ManageUnit from '../ManageUnit';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+import { getTranslate } from '../../../utils/I18n';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -55,7 +59,6 @@ describe('Test Manage Unit', () => {
 
   beforeEach(() => {
     mockNavigate.mockClear();
-    axios.get.mockClear();
   });
 
   const getElement = (instance) => {
@@ -116,33 +119,28 @@ describe('Test Manage Unit', () => {
     await act(async () => {
       tree = create(wrapComponent(route));
     });
-
     const instance = tree.root;
     const { changeName, inputRename } = getElement(instance);
-
     await act(async () => {
       await changeName[0].props.onPress();
     });
-
     const bottomButton = instance.find(
       (item) =>
         item.props.testID ===
         `${TESTID.PREFIX.MANAGE_UNIT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
-
-    const response = {
-      data: {},
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPatch(API.UNIT.MANAGE_UNIT(1)).reply(200, {});
     await act(async () => {
       await inputRename[0].props.onChange('input station');
       await bottomButton.props.onPress();
     });
-
-    expect(axios.patch).toBeCalled();
+    expect(Toast.show).toBeCalledWith({
+      position: 'bottom',
+      text1: getTranslate('en', 'unit_updated_successfully'),
+      text2: undefined,
+      type: 'success',
+      visibilityTime: 1000,
+    });
   });
 
   test('remove Unit success', async () => {
@@ -162,23 +160,10 @@ describe('Test Manage Unit', () => {
         item.props.testID ===
         `${TESTID.PREFIX.MANAGE_UNIT_ALERT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
-
     expect(bottomButton).toBeDefined();
-
-    const response = {
-      status: 200,
-      success: true,
-      data: {},
-    };
-
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
-
     await act(async () => {
       await bottomButton.props.onPress();
     });
-
     expect(mockedDispatch).not.toBeCalled();
   });
 
@@ -200,29 +185,19 @@ describe('Test Manage Unit', () => {
         item.props.testID ===
         `${TESTID.PREFIX.MANAGE_UNIT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
-
-    const response = {
-      status: 200,
-      success: true,
-      data: {},
-    };
-
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
+    mock.onPatch(API.UNIT.MANAGE_UNIT(1)).reply(200);
 
     await act(async () => {
       await inputRename[0].props.onChange('input station');
       await bottomButton.props.onPress();
     });
 
-    expect(axios.patch).toBeCalled();
-
     expect(mockedDispatch).not.toBeCalled();
     expect(spyToast).toBeCalled();
     spyToast.mockReset();
     spyToast.mockRestore();
   });
+
   test('test onPress onUpdateImage', async () => {
     await act(async () => {
       tree = create(wrapComponent(route));
@@ -243,9 +218,9 @@ describe('Test Manage Unit', () => {
       imagePicker.props.setImageUrl('abc');
     });
 
-    expect(axios.patch).toBeCalled();
     expect(imagePicker.props.showImagePicker).toBeTruthy();
   });
+
   test('test onPress goSelectLocation', async () => {
     await act(async () => {
       tree = create(wrapComponent(route));
@@ -261,6 +236,7 @@ describe('Test Manage Unit', () => {
     });
     expect(mockNavigate).toBeCalled();
   });
+
   test('test onPress goToManageSubUnit', async () => {
     await act(async () => {
       tree = create(wrapComponent(route));

package/src/screens/Unit/__test__/SelectAddress.test.js

@@ -1,14 +1,22 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+import RNP from 'react-native-permissions';
+
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import SelectAddress from '../SelectAddress';
 import SearchBarLocation from '../../../commons/SearchLocation';
 import RowLocation from '../../../commons/SearchLocation/RowLocation';
 import BottomButtonView from '../../../commons/BottomButtonView';
-import axios from 'axios';
-import { API, SCConfig } from '../../../configs';
+import { API } from '../../../configs';
 import { TESTID } from '../../../configs/Constants';
+import api from '../../../utils/Apis/axios';
+import {
+  GEOLOCATION_ERROR,
+  OpenSetting,
+} from '../../../utils/Permission/common';
+import { RESULTS } from 'react-native-permissions';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -16,6 +24,8 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
+const mock = new MockAdapter(api.axiosInstance);
+
 const mockNavigate = jest.fn();
 const mockGoBack = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -52,29 +62,32 @@ jest.mock('react-native-maps', () => {
   };
 });
 
-jest.mock('@react-native-community/geolocation', () => {
-  const position = {
-    coords: {
-      latitude: 100,
-      longitude: 100,
-    },
-  };
-  return {
-    getCurrentPosition: (onSuccess, onError, options) => {
-      onSuccess(position);
-    },
-  };
+jest.mock('../../../utils/Permission/common');
+
+const position = {
+  coords: {
+    latitude: 100,
+    longitude: 100,
+  },
+};
+const mockGeolocation = {
+  getCurrentPosition: (onSuccess, onError, options) => {
+    onSuccess(position);
+  },
+};
+global.navigator.geolocation = mockGeolocation;
+
+jest.mock('react-native-permissions', () => {
+  return require('react-native-permissions/mock');
 });
 
-jest.mock('axios');
-
 describe('Test SelectAddress', () => {
   let tree;
   let route;
   const mockUpdateLocation = jest.fn();
 
   beforeAll(() => {
-    axios.get.mockClear();
+    RNP.check.mockClear();
     route = {
       params: {
         updateLocation: mockUpdateLocation,
@@ -100,8 +113,7 @@ describe('Test SelectAddress', () => {
         ],
       },
     };
-    axios.get.mockImplementation(async () => response);
-
+    mock.onGet(API.EXTERNAL.GOOGLE_MAP.AUTO_COMPLETE).reply(200, response.data);
     await act(async () => {
       await searchBars[0].props.onTextInput('');
     });
@@ -111,19 +123,8 @@ describe('Test SelectAddress', () => {
     await act(async () => {
       await searchBars[0].props.onTextInput('input');
     });
-    expect(axios.get).toBeCalledWith(API.EXTERNAL.GOOGLE_MAP.AUTO_COMPLETE, {
-      params: {
-        input: 'input',
-        key: SCConfig.GOOGLE_MAP_API_KEY,
-        sessiontoken: 123456324,
-        strictBounds: false,
-        types: ['establishment'],
-      },
-    });
     rowLocations = instance.findAllByType(RowLocation);
     expect(rowLocations).toHaveLength(3);
-
-    axios.get.mockClear();
     response = {
       status: 200,
       data: {
@@ -137,21 +138,13 @@ describe('Test SelectAddress', () => {
         },
       },
     };
-    axios.get.mockImplementation(async () => response);
+    mock
+      .onGet(API.EXTERNAL.GOOGLE_MAP.GET_LAT_LNG_BY_PLACE_ID)
+      .reply(200, response.data);
 
     await act(async () => {
       await rowLocations[0].props.onPress({ place_id: 1, description: '1' });
     });
-    expect(axios.get).toBeCalledWith(
-      API.EXTERNAL.GOOGLE_MAP.GET_LAT_LNG_BY_PLACE_ID,
-      {
-        params: {
-          place_id: 1,
-          key: SCConfig.GOOGLE_MAP_API_KEY,
-        },
-      }
-    );
-
     const bottomButton = instance.findByType(BottomButtonView);
     await act(async () => {
       await bottomButton.props.onPressMain();
@@ -160,7 +153,7 @@ describe('Test SelectAddress', () => {
     expect(mockGoBack).toBeCalled();
   });
 
-  test('test get current location', async () => {
+  test('test get current location success', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -185,19 +178,59 @@ describe('Test SelectAddress', () => {
         ],
       },
     };
-    axios.get.mockImplementation(async () => response);
+    mock
+      .onGet(API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG)
+      .reply(200, response.data);
     await act(async () => {
       await button.props.onPress();
     });
-    expect(axios.get).toBeCalledWith(
-      API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG,
-      {
-        params: {
-          latlng: '100,100',
-          key: SCConfig.GOOGLE_MAP_API_KEY,
-        },
-      }
+  });
+
+  test('test get current location failed permission denied', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
     );
+
+    global.navigator.geolocation = {
+      getCurrentPosition: (onSuccess, onError, options) => {
+        onError({ code: GEOLOCATION_ERROR.PERMISSION_DENIED });
+      },
+    };
+    RNP.check.mockImplementationOnce(() => RESULTS.BLOCKED);
+    OpenSetting.mockImplementationOnce(() => {});
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+    OpenSetting.mockClear();
+  });
+
+  test('test get current failed error not handle', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+    );
+
+    global.navigator.geolocation = {
+      getCurrentPosition: (onSuccess, onError, options) => {
+        onError({ code: GEOLOCATION_ERROR.TIMEOUT });
+      },
+    };
+    RNP.check.mockImplementationOnce(() => RESULTS.DENIED);
+    OpenSetting.mockImplementationOnce(() => {});
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+    expect(OpenSetting).toBeCalledTimes(0);
+    OpenSetting.mockClear();
   });
 
   test('test choose on map', async () => {

package/src/screens/Unit/__test__/SmartAccount.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -8,6 +8,8 @@ import ListSmartAccount from '../SmartAccount';
 import { SmartAccountItem } from '../SmartAccountItem';
 import { AlertAction, MenuActionMore } from '../../../commons';
 import Routes from '../../../utils/Route';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
 
 const wrapComponent = (route, navigation) => (
   <SCProvider initState={mockSCStore({})}>
@@ -15,6 +17,8 @@ const wrapComponent = (route, navigation) => (
   </SCProvider>
 );
 
+const mock = new MockAdapter(api.axiosInstance);
+
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {
@@ -33,7 +37,6 @@ jest.mock('react', () => {
   };
 });
 
-jest.mock('axios');
 describe('Test SmartAccount', () => {
   let tree;
   let route = {
@@ -42,7 +45,7 @@ describe('Test SmartAccount', () => {
     },
   };
   test('test render SmartAccount', async () => {
-    const reponse = {
+    const response = {
       status: 200,
       data: [
         {
@@ -65,7 +68,9 @@ describe('Test SmartAccount', () => {
         },
       ],
     };
-    axios.get.mockImplementationOnce(() => reponse);
+    mock
+      .onGet(API.SMART_ACCOUNT.LIST_SMART_ACCOUNT(1))
+      .reply(response.status, response.data);
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
@@ -74,13 +79,16 @@ describe('Test SmartAccount', () => {
     const smartAccountItem = instance.findAllByType(SmartAccountItem);
     expect(smartAccountItem.length).toEqual(3);
     act(() => {
-      smartAccountItem[0].props.gotoSmartAccountDetail(reponse.data[0]);
-      smartAccountItem[0].props.onShowMenuMore(reponse.data[0]);
+      smartAccountItem[0].props.gotoSmartAccountDetail(response.data[0]);
+      smartAccountItem[0].props.onShowMenuMore(response.data[0]);
     });
+    const alertAction = instance.findAllByType(AlertAction);
+    mock.onDelete(API.SMART_ACCOUNT.REMOVE_SMART_ACCOUNT(1)).reply(200);
+    await alertAction[0].props.leftButtonClick();
     expect(mockNavigate).toBeCalledWith(Routes.ListDeviceSmartAccount, {
-      username: reponse.data[0].username,
-      brand: reponse.data[0].brand,
-      smart_account_id: reponse.data[0].id,
+      username: response.data[0].username,
+      brand: response.data[0].brand,
+      smart_account_id: response.data[0].id,
       unit_id: route.params.unitId,
     });
   });

package/src/screens/Unit/__test__/SmartAccountItem.test.js

@@ -37,7 +37,6 @@ jest.mock('react', () => {
   };
 });
 
-jest.mock('axios');
 describe('Test SmartAccountItem', () => {
   let tree;
   test('test render SmartAccountItem', async () => {

package/src/screens/Unit/__test__/Summaries.test.js

@@ -0,0 +1,100 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import MockAdapter from 'axios-mock-adapter';
+import renderer, { act } from 'react-test-renderer';
+import { API } from '../../../configs';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import Summaries from '../Summaries';
+import SummaryItem from '../../../commons/SummaryItem';
+import api from '../../../utils/Apis/axios';
+import { useReceiveNotifications } from '../../../hooks';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const wrapComponent = (props) => (
+  <SCProvider initState={mockSCStore({})}>
+    <Summaries {...props} />
+  </SCProvider>
+);
+
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    memo: (x) => x,
+  };
+});
+
+const mockedNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useIsFocused: jest.fn(),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+    }),
+  };
+});
+
+jest.mock('react-native-onesignal', () => {
+  return {
+    setNotificationWillShowInForegroundHandler: jest.fn(),
+  };
+});
+
+jest.mock('../../../hooks', () => {
+  return {
+    ...jest.requireActual('../../../hooks'),
+    useReceiveNotifications: jest.fn(() => ({ dataNotification: null })),
+  };
+});
+
+describe('Test Summaries', () => {
+  let tree, props;
+
+  beforeEach(() => {
+    props = {
+      unit: {
+        id: 1,
+      },
+    };
+  });
+
+  test('render Summaries receive noti with summary_id then reload', async () => {
+    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
+    const dataNotification = {
+      params: {
+        summary_id: 1,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(props));
+    });
+    const instance = tree.root;
+    const scrollview = instance.findByType(ScrollView);
+    expect(scrollview).toBeDefined();
+    const items = instance.findAllByType(SummaryItem);
+    await act(async () => {
+      items[0].props.goToSummary({ id: 1 });
+    });
+    expect(mockedNavigate).toBeCalled();
+  });
+
+  test('render Summaries receive noti with summary_id then not reload', async () => {
+    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
+    const dataNotification = {
+      params: {
+        unit_id: 1,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(props));
+    });
+  });
+});

package/src/screens/Unit/components/MyAllUnit/__test__/MyAllUnit.test.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { SafeAreaView } from 'react-native';
+import { act, create } from 'react-test-renderer';
+import MyAllUnit from '../index';
+import { SCProvider } from '../../../../../context';
+import { mockSCStore } from '../../../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <MyAllUnit route={route} />
+  </SCProvider>
+);
+describe('Test MyAllUnit', () => {
+  let tree;
+  test('render MyAllUnit', async () => {
+    const route = {
+      params: {
+        myUnits: [
+          {
+            background: '',
+            name: '',
+            stations: [
+              { id: 1, name: 'station', sensors: [{ id: 1, name: 'sensor' }] },
+            ],
+          },
+        ],
+      },
+    };
+    act(() => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+});

package/src/screens/Unit/components/MyAllUnit/__test__/index.test.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { act, create } from 'react-test-renderer';
+import MyAllUnit from '../index';
+import Header from '../../Header';
+import { SCProvider } from '../../../../../context';
+import { mockSCStore } from '../../../../../context/mockStore';
+
+const wrapComponent = (props) => (
+  <SCProvider initState={mockSCStore({})}>
+    <MyAllUnit {...props} />
+  </SCProvider>
+);
+
+test('test MyAllUnit', () => {
+  let tree, props;
+  let mockGoBack = jest.fn();
+
+  props = {
+    route: {
+      params: {
+        myUnits: [
+          {
+            background: '',
+            name: 'name',
+            stations: [
+              {
+                name: 'station',
+                sensors: [
+                  {
+                    name: 'sensor',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    },
+    navigation: {
+      goBack: mockGoBack,
+    },
+  };
+
+  act(() => {
+    tree = create(wrapComponent(props));
+  });
+
+  const instance = tree.root;
+  const header = instance.findByType(Header);
+  act(() => {
+    header.props.goBack();
+  });
+  expect(mockGoBack).toBeCalled();
+});

package/src/screens/Unit/components/SharedUnit/index.js

@@ -39,6 +39,7 @@ const SharedUnit = ({
   }, [renewItem, index, unit, item]);
   const addPinSharedUnit = useCallback(async () => {
     const { success } = await axiosPost(API.UNIT.PIN_UNIT(unit.id));
+
     if (success) {
       item.is_pin = true;
       renewItem(index);