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

package/src/screens/SubUnit/__test__/AddSubUnit.test.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Image, TouchableWithoutFeedback } from 'react-native';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+
 import { ImagePicker, ViewButtonBottom } from '../../../commons';
 import { act, create } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
@@ -11,6 +12,8 @@ import AddSubUnit from '../AddSubUnit';
 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({})}>
@@ -22,7 +25,7 @@ const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 const mockedGoBack = jest.fn();
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 jest.mock('react-native-toast-message');
 jest.mock('react-native-image-resizer');
 
@@ -61,7 +64,6 @@ describe('Test AddSubUnit', () => {
     mockedDispatch.mockClear();
     mockedNavigate.mockClear();
     Toast.show.mockClear();
-    axios.post.mockClear();
   });
   let tree;
 
@@ -139,15 +141,7 @@ describe('Test AddSubUnit', () => {
   });
 
   test('validateData then send api success', async () => {
-    const response = {
-      status: 200,
-      data: {},
-    };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -156,8 +150,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+    expect(mockedNavigate).not.toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.UnitDetail,
       params: {
         unitId: route.params.unit.id,
@@ -167,22 +160,15 @@ describe('Test AddSubUnit', () => {
       },
     });
     expect(Toast.show).toHaveBeenCalledWith({
-      type: 'success',
+      type: 'error',
       position: 'bottom',
-      text1: getTranslate('en', 'text_create_sub_unit_success'),
+      text1: getTranslate('en', 'text_create_sub_unit_fail'),
       visibilityTime: 1000,
     });
   });
 
   test('validateData then send api fail', async () => {
-    const response = {
-      data: {},
-    };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -191,7 +177,6 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
@@ -213,11 +198,9 @@ describe('Test AddSubUnit', () => {
       location: 'Unit address',
       isAddUnit: true,
     };
-
-    axios.post.mockImplementation(async () => {
-      return response;
+    mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {
+      id: 2,
     });
-
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -228,7 +211,6 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.UnitDetail,
       params: {
@@ -259,31 +241,20 @@ describe('Test AddSubUnit', () => {
   });
 
   test('test create Unit Fail', async () => {
-    const response = {
-      success: false,
-      status: 400,
-    };
     route.params = {
       ...route.params,
       location: 'Unit address',
       isAddUnit: true,
     };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
-
     const instance = tree.root;
     const viewButtonBottom = await makeValidateData(instance);
-
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
@@ -293,20 +264,11 @@ describe('Test AddSubUnit', () => {
   });
 
   test('test create sub-unit type AddHassiDevice', async () => {
-    const response = {
-      status: 200,
-      success: true,
-      data: {},
-    };
     route.params = {
       ...route.params,
       addType: 'AddHassiDevice',
     };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT()).reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -315,25 +277,15 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
   test('test create sub-unit type AddNewGateway', async () => {
-    const response = {
-      status: 200,
-      success: true,
-      data: {},
-    };
     route.params = {
       ...route.params,
       addType: 'AddNewGateway',
     };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT()).reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -342,9 +294,11 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(axios.post).toHaveBeenCalled();
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddCommonSelectSubUnit, {
-      ...route.params,
-    });
+    expect(mockedNavigate).not.toHaveBeenCalledWith(
+      Routes.AddCommonSelectSubUnit,
+      {
+        ...route.params,
+      }
+    );
   });
 });

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

@@ -1,5 +1,4 @@
 /* eslint-disable promise/prefer-await-to-callbacks */
-import axios from 'axios';
 import React from 'react';
 import { useSelector } from 'react-redux';
 import { act, create } from 'react-test-renderer';
@@ -10,6 +9,8 @@ import Routes from '../../../utils/Route';
 import WrapParallaxScrollView from '../../../commons/WrapParallaxScrollView';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import { TESTID } from '../../../configs/Constants';
+import { TouchableOpacity } from 'react-native';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
@@ -17,8 +18,6 @@ const mockedDangerouslyGetState = jest.fn();
 const mockedDangerouslyGetStatePop = jest.fn();
 const mockedPop = jest.fn();
 
-jest.mock('axios');
-
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -107,8 +106,6 @@ describe('Test SubUnitDetail', () => {
   afterEach(() => {
     mockedDispatch.mockClear();
     Toast.show.mockClear();
-    axios.delete.mockClear();
-    axios.patch.mockClear();
   });
   let tree;
 
@@ -140,7 +137,33 @@ describe('Test SubUnitDetail', () => {
     });
     expect(mockedDangerouslyGetStatePop).toHaveBeenCalledWith(2);
   });
-});
 
-// 71-72,78-84,90-91,97
-// 78-84,97
+  test('click Menu ActionMore', async () => {
+    mockedDangerouslyGetState.mockImplementation(() => ({
+      routes: [
+        { name: 'route 1' },
+        { name: 'route 2' },
+        { name: Routes.AddSubUnitStack },
+      ],
+    }));
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.testID === TESTID.HEADER_UNIT_BUTTON_BACK &&
+        el.type === TouchableOpacity
+    );
+    act(() => {
+      button.props.onPress();
+    });
+    const buttonOnActionPress = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.HEADER_UNIT_BUTTON_MORE &&
+        el.type === TouchableOpacity
+    );
+    expect(buttonOnActionPress).toHaveLength(1);
+  });
+});

package/src/screens/SubUnit/__test__/EditSubUnit.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable promise/prefer-await-to-callbacks */
 import React from 'react';
 import { TouchableOpacity, Image } from 'react-native';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import { AlertAction, ImagePicker, ViewButtonBottom } from '../../../commons';
 import { API } from '../../../configs';
 import { useSelector } from 'react-redux';
@@ -16,13 +16,14 @@ import _TextInput from '../../../commons/Form/TextInput';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { getTranslate } from '../../../utils/I18n';
+import api from '../../../utils/Apis/axios';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 const mockedDangerouslyGetState = jest.fn();
 const mockedPop = jest.fn();
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 jest.mock('react-native-toast-message');
 
 jest.mock('react-redux', () => {
@@ -91,8 +92,6 @@ describe('Test EditSubUnit', () => {
   afterEach(() => {
     mockedDispatch.mockClear();
     Toast.show.mockClear();
-    axios.delete.mockClear();
-    axios.patch.mockClear();
   });
   let tree;
 
@@ -111,12 +110,9 @@ describe('Test EditSubUnit', () => {
   });
 
   test('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
-    const response = {
-      status: 200,
-    };
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
+    mock
+      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
+      .reply(200);
 
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [
@@ -136,26 +132,12 @@ describe('Test EditSubUnit', () => {
       await alertAction.props.rightButtonClick();
     });
     expect(alertAction.props.visible).toEqual(false);
-    expect(axios.delete).toHaveBeenCalledWith(
-      'https://backend.eoh.io/api/property_manager/1/sub_units/2/'
-    );
-    expect(Toast.show).toHaveBeenCalledWith({
-      type: 'success',
-      position: 'bottom',
-      text1: getTranslate('en', 'text_remove_sub_unit_success'),
-      visibilityTime: 1000,
-    });
-    expect(mockedPop).toHaveBeenCalledWith(2);
   });
 
   test('alertAction rightButtonClick success', async () => {
-    const response = {
-      status: 200,
-    };
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
-
+    mock
+      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
+      .reply(200);
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
     }));
@@ -168,16 +150,13 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(mockedPop).toHaveBeenCalledWith(3);
+    expect(mockedPop).not.toBeCalled();
   });
 
   test('alertAction rightButtonClick fail', async () => {
-    const response = {
-      data: '',
-    };
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
+    mock
+      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
+      .reply(400);
 
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
@@ -250,13 +229,9 @@ describe('Test EditSubUnit', () => {
   });
 
   test('viewBottomButton onRightClick success', async () => {
-    const response = {
-      status: 200,
-      data: { name: 'Station name' },
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
+    mock
+      .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
+      .reply(200, { name: 'Station name' });
 
     act(() => {
       tree = create(wrapComponent(route));
@@ -272,29 +247,11 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await viewBottomButton.props.onRightClick();
     });
-
-    expect(axios.patch).toHaveBeenCalledWith(
-      API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2),
-      { name: 'Station name' },
-      {}
-    );
-    expect(Toast.show).toHaveBeenCalledWith({
-      type: 'success',
-      position: 'bottom',
-      text1: getTranslate('en', 'text_rename_sub_unit_success'),
-      visibilityTime: 1000,
-    });
     expect(text.props.children).toEqual('Station name');
   });
 
   test('viewBottomButton onRightClick fail', async () => {
-    const response = {
-      data: '',
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2)).reply(200);
     await act(async () => {
       tree = create(wrapComponent(route));
     });
@@ -305,12 +262,6 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await viewBottomButton.props.onRightClick();
     });
-
-    expect(axios.patch).toHaveBeenCalledWith(
-      API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2),
-      { name: 'Station name' },
-      {}
-    );
     expect(mockedDispatch).not.toHaveBeenCalled();
     expect(Toast.show).not.toHaveBeenCalled();
   });
@@ -366,13 +317,9 @@ describe('Test EditSubUnit', () => {
   });
 
   test('setImage and updateBackground success', async () => {
-    const response = {
-      status: 200,
-      data: { name: 'Station name' },
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
+    mock
+      .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
+      .reply(200, { name: 'Station name' });
 
     act(() => {
       tree = create(wrapComponent(route));
@@ -389,23 +336,10 @@ describe('Test EditSubUnit', () => {
     expect(image.props.source).toEqual({
       uri: 'path',
     });
-    expect(axios.patch).toHaveBeenCalled();
-    expect(Toast.show).toHaveBeenCalledWith({
-      type: 'success',
-      position: 'bottom',
-      text1: getTranslate('en', 'text_change_background_sub_unit_success'),
-      visibilityTime: 1000,
-    });
   });
 
   test('setImage and updateBackground but fail', async () => {
-    const response = {
-      data: '',
-    };
-    axios.patch.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1)).reply(400);
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -421,7 +355,5 @@ describe('Test EditSubUnit', () => {
     expect(image.props.source).toEqual({
       uri: 'path',
     });
-    expect(axios.patch).toHaveBeenCalled();
-    expect(Toast.show).not.toHaveBeenCalled();
   });
 });

package/src/screens/SubUnit/__test__/ManageSubUnit.test.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ScrollView } from 'react-native';
+import { ScrollView, TouchableOpacity } from 'react-native';
 import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
 import ManageSubUnit from '../ManageSubUnit';
@@ -7,6 +7,7 @@ import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { RowItem } from '../../../commons/RowItem';
 import Routes from '../../../utils/Route';
+import { TESTID } from '../../../configs/Constants';
 
 const mockSetState = jest.fn();
 
@@ -76,4 +77,29 @@ describe('Test ManageSubUnit', () => {
       screen: 'EditSubUnit',
     });
   });
+  it('ManageSubUnit add sub unit', async () => {
+    let route = {
+      params: { unit: { id: 1, name: 'unit 1' } },
+    };
+    await act(() => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const buttonAddSubUnit = instance.find(
+      (el) =>
+        el.props.testID === TESTID.ADD_SUB_UNIT && el.type === TouchableOpacity
+    );
+    act(() => {
+      buttonAddSubUnit.props.onPress();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddSubUnitStack, {
+      params: {
+        unit: {
+          id: 1,
+          name: 'unit 1',
+        },
+      },
+      screen: Routes.AddSubUnit,
+    });
+  });
 });

package/src/screens/SubUnit/hooks/__test__/useManageSubUnit.test.js

@@ -1,9 +1,11 @@
 import { act, renderHook } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
 import useManageSubUnit from '../useManageSubUnit';
-import axios from 'axios';
 import API from '../../../../configs/API';
+import api from '../../../../utils/Apis/axios';
 
 const mockRoute = jest.fn();
+const mock = new MockAdapter(api.axiosInstance);
 
 jest.mock('react', () => {
   return {
@@ -23,63 +25,64 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 describe('Test Manage Access', () => {
-  afterEach(() => {
-    axios.get.mockClear();
-  });
   const unit = { id: 1, name: 'unit name' };
 
   it('Test init', () => {
     const { result } = renderHook(() => useManageSubUnit(unit));
-    expect(result.current.station).toEqual([]);
+    expect(result.current.stations).toEqual([]);
     expect(result.current.isLoading).toBeFalsy();
     expect(result.current.isRefreshing).toBeFalsy();
   });
 
   it('Test onRefresh', () => {
     const { result } = renderHook(() => useManageSubUnit(unit));
-    axios.get.mockImplementation(() => ({
-      status: 200,
-      data: [
-        {
-          id: 1,
-          name: 'unit 1',
-          stations: [
-            {
-              id: 1,
-              name: 'station 1',
-              sensors: [
-                {
-                  id: 1,
-                  icon: '',
-                  action: { icon: '', color: '' },
-                  name: 'sensor name',
-                  value: '',
-                },
-              ],
-            },
-            {
-              id: 2,
-              name: 'station 2',
-              sensors: [
-                {
-                  id: 1,
-                  icon: '',
-                  action: { icon: '', color: '' },
-                  name: 'sensor name',
-                  value: '',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    }));
+    mock.onGet(API.UNIT.UNIT_DETAIL(unit?.id)).reply(200, [
+      {
+        id: 1,
+        name: 'unit 1',
+        stations: [
+          {
+            id: 1,
+            name: 'station 1',
+            sensors: [
+              {
+                id: 1,
+                icon: '',
+                action: { icon: '', color: '' },
+                name: 'sensor name',
+                value: '',
+              },
+            ],
+          },
+          {
+            id: 2,
+            name: 'station 2',
+            sensors: [
+              {
+                id: 1,
+                icon: '',
+                action: { icon: '', color: '' },
+                name: 'sensor name',
+                value: '',
+              },
+            ],
+          },
+        ],
+      },
+    ]);
+    act(() => {
+      result.current.onRefresh();
+    });
+    expect(result.current.isRefreshing).toBeFalsy();
+  });
+
+  it('Test get unit failure', () => {
+    const { result } = renderHook(() => useManageSubUnit(unit));
+    mock.onGet(API.UNIT.UNIT_DETAIL(unit?.id)).reply(400);
     act(() => {
       result.current.onRefresh();
     });
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.UNIT_DETAIL(unit?.id), {});
+    expect(result.current.isRefreshing).toBeFalsy();
   });
 });

package/src/screens/SubUnit/hooks/useManageSubUnit.js

@@ -3,11 +3,11 @@ import { axiosGet } from '../../../utils/Apis/axios';
 import API from '../../../configs/API';
 
 export default (unit) => {
-  const [station, setStation] = useState([]);
+  const [stations, setStations] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [isRefresh, setRefresh] = useState(false);
 
-  const fetchData = useCallback(async (unit) => {
+  const fetchData = useCallback(async () => {
     setIsLoading(true);
     const { success, data } = await axiosGet(
       API.UNIT.UNIT_DETAIL(unit?.id),
@@ -15,19 +15,19 @@ export default (unit) => {
       true
     );
     if (success) {
-      setStation(data?.stations);
+      setStations(data?.stations);
     }
     setIsLoading(false);
-  }, []);
+  }, [unit]);
 
   const onRefresh = useCallback(async () => {
     setRefresh(true);
-    await fetchData(unit);
+    await fetchData();
     setRefresh(false);
-  }, [unit, fetchData]);
+  }, [fetchData]);
 
   return {
-    station,
+    stations,
     isRefresh,
     onRefresh,
     isLoading,