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

package/src/screens/SubUnit/ManageSubUnit.js

@@ -20,14 +20,13 @@ import Routes from '../../utils/Route';
 import { RowItem } from '../../commons/RowItem';
 import NoSubUnitImage from '../../../assets/images/Illustrations.svg';
 import useManageSubUnit from './hooks/useManageSubUnit';
-import { TESTID } from '../../configs/Constants';
 
 const ManageSubUnit = memo((props) => {
   const t = useTranslations();
   const { unit } = props.route.params;
   const navigation = useNavigation();
   const isFocused = useIsFocused();
-  const { stations, isRefresh, isLoading, onRefresh } = useManageSubUnit(unit);
+  const { station, isRefresh, isLoading, onRefresh } = useManageSubUnit(unit);
 
   const addSubUnit = useCallback(() => {
     navigation.navigate(Routes.AddSubUnitStack, {
@@ -36,7 +35,7 @@ const ManageSubUnit = memo((props) => {
     });
   }, [navigation, unit]);
 
-  const goToEditSubUnit = (station) => {
+  const goToEditSubUnit = (station, unit) => {
     navigation.navigate(Routes.UnitStack, {
       screen: Routes.EditSubUnit,
       params: {
@@ -49,11 +48,7 @@ const ManageSubUnit = memo((props) => {
   const rightComponent = useMemo(
     () => (
       <View style={styles.rightComponent}>
-        <TouchableOpacity
-          testID={TESTID.ADD_SUB_UNIT}
-          onPress={addSubUnit}
-          style={styles.headerButton}
-        >
+        <TouchableOpacity onPress={addSubUnit} style={styles.headerButton}>
           <Icon name={'plus'} size={27} color={Colors.Black} />
         </TouchableOpacity>
         <TouchableOpacity
@@ -86,11 +81,10 @@ const ManageSubUnit = memo((props) => {
             refreshControl={
               <RefreshControl refreshing={false} onRefresh={onRefresh} />
             }
-            scrollIndicatorInsets={{ right: 1 }}
           >
             <View>
-              {!!stations.length &&
-                stations.map((item, index) => {
+              {!!station.length &&
+                station.map((item, index) => {
                   return (
                     <RowItem
                       type={'noneBG'}
@@ -105,7 +99,7 @@ const ManageSubUnit = memo((props) => {
                       }
                       text={item.name}
                       subtext={`${
-                        item.devices ? item.devices.length : '0'
+                        item.sensors ? item.sensors.length : '0'
                       }  devices`}
                       onPress={() => goToEditSubUnit(item, unit)}
                       rightComponent={
@@ -118,7 +112,7 @@ const ManageSubUnit = memo((props) => {
                     />
                   );
                 })}
-              {!stations.length && !isRefresh && !isLoading && (
+              {!station.length && !isRefresh && !isLoading && (
                 <View style={styles.NoSubUnit}>
                   <NoSubUnitImage />
                   <Text semibold type="H4" center>

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Image, TouchableWithoutFeedback } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
-
+import axios from 'axios';
 import { ImagePicker, ViewButtonBottom } from '../../../commons';
 import { act, create } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
@@ -12,8 +11,6 @@ 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({})}>
@@ -25,7 +22,7 @@ const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 const mockedGoBack = jest.fn();
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 jest.mock('react-native-toast-message');
 jest.mock('react-native-image-resizer');
 
@@ -36,20 +33,13 @@ jest.mock('react-redux', () => {
   };
 });
 
-const mockNavigationDispatch = jest.fn();
-const mockReplace = jest.fn();
-
 jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
     useNavigation: () => ({
       navigate: mockedNavigate,
       goBack: mockedGoBack,
-      dispatch: mockNavigationDispatch,
     }),
-    StackActions: {
-      replace: () => mockReplace,
-    },
   };
 });
 
@@ -70,8 +60,8 @@ describe('Test AddSubUnit', () => {
   afterEach(() => {
     mockedDispatch.mockClear();
     mockedNavigate.mockClear();
-    mockNavigationDispatch.mockClear();
     Toast.show.mockClear();
+    axios.post.mockClear();
   });
   let tree;
 
@@ -149,7 +139,15 @@ describe('Test AddSubUnit', () => {
   });
 
   test('validateData then send api success', async () => {
-    mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {});
+    const response = {
+      status: 200,
+      data: {},
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -158,16 +156,33 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.UnitDetail,
+      params: {
+        unitId: route.params.unit.id,
+        unitData: route.params.unit,
+        routeName: 'DashboardStack',
+        isAddSubUnit: true,
+      },
+    });
     expect(Toast.show).toHaveBeenCalledWith({
-      type: 'error',
+      type: 'success',
       position: 'bottom',
-      text1: getTranslate('en', 'text_create_sub_unit_fail'),
+      text1: getTranslate('en', 'text_create_sub_unit_success'),
       visibilityTime: 1000,
     });
   });
 
   test('validateData then send api fail', async () => {
-    mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
+    const response = {
+      data: {},
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -176,6 +191,7 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
+    expect(axios.post).toHaveBeenCalled();
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
@@ -185,14 +201,23 @@ describe('Test AddSubUnit', () => {
   });
 
   test('test create Unit', async () => {
+    const response = {
+      success: true,
+      status: 200,
+      data: {
+        id: 2,
+      },
+    };
     route.params = {
       ...route.params,
       location: 'Unit address',
       isAddUnit: true,
     };
-    mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {
-      id: 2,
+
+    axios.post.mockImplementation(async () => {
+      return response;
     });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -203,7 +228,14 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockNavigationDispatch).toBeCalledWith(mockReplace);
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.UnitDetail,
+      params: {
+        unitId: response.data.id,
+        routeName: Routes.DashboardStack,
+      },
+    });
   });
 
   test('test choose Location', async () => {
@@ -227,20 +259,31 @@ describe('Test AddSubUnit', () => {
   });
 
   test('test create Unit Fail', async () => {
+    const response = {
+      success: false,
+      status: 400,
+    };
     route.params = {
       ...route.params,
       location: 'Unit address',
       isAddUnit: true,
     };
-    mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     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',
@@ -250,11 +293,20 @@ describe('Test AddSubUnit', () => {
   });
 
   test('test create sub-unit type AddHassiDevice', async () => {
+    const response = {
+      status: 200,
+      success: true,
+      data: {},
+    };
     route.params = {
       ...route.params,
       addType: 'AddHassiDevice',
     };
-    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT()).reply(200, {});
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -263,15 +315,25 @@ 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',
     };
-    mock.onPost(API.SUB_UNIT.CREATE_SUB_UNIT()).reply(200, {});
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -280,11 +342,9 @@ describe('Test AddSubUnit', () => {
     await act(async () => {
       await viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).not.toHaveBeenCalledWith(
-      Routes.AddCommonSelectSubUnit,
-      {
-        ...route.params,
-      }
-    );
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddCommonSelectSubUnit, {
+      ...route.params,
+    });
   });
 });

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

@@ -1,4 +1,5 @@
 /* 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';
@@ -9,8 +10,6 @@ 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();
@@ -18,6 +17,8 @@ const mockedDangerouslyGetState = jest.fn();
 const mockedDangerouslyGetStatePop = jest.fn();
 const mockedPop = jest.fn();
 
+jest.mock('axios');
+
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -106,6 +107,8 @@ describe('Test SubUnitDetail', () => {
   afterEach(() => {
     mockedDispatch.mockClear();
     Toast.show.mockClear();
+    axios.delete.mockClear();
+    axios.patch.mockClear();
   });
   let tree;
 
@@ -137,33 +140,7 @@ describe('Test SubUnitDetail', () => {
     });
     expect(mockedDangerouslyGetStatePop).toHaveBeenCalledWith(2);
   });
-
-  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);
-  });
 });
+
+// 71-72,78-84,90-91,97
+// 78-84,97

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 MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 import { AlertAction, ImagePicker, ViewButtonBottom } from '../../../commons';
 import { API } from '../../../configs';
 import { useSelector } from 'react-redux';
@@ -16,14 +16,13 @@ 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();
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 jest.mock('react-native-toast-message');
 
 jest.mock('react-redux', () => {
@@ -92,6 +91,8 @@ describe('Test EditSubUnit', () => {
   afterEach(() => {
     mockedDispatch.mockClear();
     Toast.show.mockClear();
+    axios.delete.mockClear();
+    axios.patch.mockClear();
   });
   let tree;
 
@@ -110,9 +111,12 @@ describe('Test EditSubUnit', () => {
   });
 
   test('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
-    mock
-      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
-      .reply(200);
+    const response = {
+      status: 200,
+    };
+    axios.delete.mockImplementation(async () => {
+      return response;
+    });
 
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [
@@ -132,12 +136,26 @@ 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 () => {
-    mock
-      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
-      .reply(200);
+    const response = {
+      status: 200,
+    };
+    axios.delete.mockImplementation(async () => {
+      return response;
+    });
+
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
     }));
@@ -150,13 +168,16 @@ describe('Test EditSubUnit', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(mockedPop).not.toBeCalled();
+    expect(mockedPop).toHaveBeenCalledWith(3);
   });
 
   test('alertAction rightButtonClick fail', async () => {
-    mock
-      .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
-      .reply(400);
+    const response = {
+      data: '',
+    };
+    axios.delete.mockImplementation(async () => {
+      return response;
+    });
 
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
@@ -229,9 +250,13 @@ describe('Test EditSubUnit', () => {
   });
 
   test('viewBottomButton onRightClick success', async () => {
-    mock
-      .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
-      .reply(200, { name: 'Station name' });
+    const response = {
+      status: 200,
+      data: { name: 'Station name' },
+    };
+    axios.patch.mockImplementation(async () => {
+      return response;
+    });
 
     act(() => {
       tree = create(wrapComponent(route));
@@ -247,11 +272,29 @@ 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 () => {
-    mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2)).reply(200);
+    const response = {
+      data: '',
+    };
+    axios.patch.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = create(wrapComponent(route));
     });
@@ -262,6 +305,12 @@ 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();
   });
@@ -317,9 +366,13 @@ describe('Test EditSubUnit', () => {
   });
 
   test('setImage and updateBackground success', async () => {
-    mock
-      .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
-      .reply(200, { name: 'Station name' });
+    const response = {
+      status: 200,
+      data: { name: 'Station name' },
+    };
+    axios.patch.mockImplementation(async () => {
+      return response;
+    });
 
     act(() => {
       tree = create(wrapComponent(route));
@@ -336,10 +389,23 @@ 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 () => {
-    mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1)).reply(400);
+    const response = {
+      data: '',
+    };
+    axios.patch.mockImplementation(async () => {
+      return response;
+    });
+
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -355,5 +421,7 @@ 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, TouchableOpacity } from 'react-native';
+import { ScrollView } from 'react-native';
 import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
 import ManageSubUnit from '../ManageSubUnit';
@@ -7,7 +7,6 @@ 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();
 
@@ -77,29 +76,4 @@ 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,
-    });
-  });
 });