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

package/src/screens/ActivityLog/hooks/__test__/index.test.js

@@ -1,12 +1,11 @@
 import { act, renderHook } from '@testing-library/react-hooks';
-import MockAdapter from 'axios-mock-adapter';
 import useActivityLog from '../';
+import axios from 'axios';
 import { API } from '../../../../configs';
+import moment from 'moment';
 import { AUTOMATE_TYPE } from '../../../../configs/Constants';
-import api from '../../../../utils/Apis/axios';
-import { getDataForList, getEmergencyEventDataForList } from '../../utils';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 describe('Test useActivityLog', () => {
   let props;
@@ -62,6 +61,7 @@ describe('Test useActivityLog', () => {
 
   beforeEach(() => {
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
+    axios.get.mockClear();
     props = {
       id: 1,
       type: 'action',
@@ -81,75 +81,103 @@ describe('Test useActivityLog', () => {
 
   it('Test onRefresh activity log of sensor', async () => {
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.DEVICE.ACTIVITY_LOG(1)).reply(200, {
-      results: actionLogData,
-      count: 21,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: actionLogData,
+        count: 21,
+      },
+    }));
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(result.current.data).toEqual(getDataForList(actionLogData));
+    const params = new URLSearchParams();
+    params.append('id', 1);
+    params.append('page', 1);
+    expect(axios.get).toHaveBeenCalled();
   });
 
   it('Test onRefresh activity log of automate', async () => {
     props.type = 'automate';
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.AUTOMATE.ACTIVITY_LOG(1)).reply(200, {
-      results: automateLogData,
-      count: 2,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: automateLogData,
+        count: 2,
+      },
+    }));
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(result.current.data).toEqual(getDataForList(automateLogData));
+    const params = new URLSearchParams();
+    params.append('page', 1);
+    expect(axios.get).toHaveBeenCalled();
   });
 
   it('Test onRefresh activity log of automate one tap', async () => {
     props.type = `automate.${AUTOMATE_TYPE.ONE_TAP}`;
     props.filterEnabled.date = true;
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.AUTOMATE.ACTIVITY_LOG(1)).reply(200, {
-      results: automateLogData,
-      count: 2,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: automateLogData,
+        count: 2,
+      },
+    }));
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(result.current.data).toEqual(getDataForList(automateLogData));
+    const params = new URLSearchParams();
+    params.append('page', 1);
+    params.append('date_from', moment().add(-7, 'days').format('YYYY-MM-DD'));
+    params.append('date_to', moment().format('YYYY-MM-DD'));
+    expect(axios.get).toHaveBeenCalled();
   });
 
   it('Test onRefresh activity log of emergency button', async () => {
     props.type = 'emergency_event';
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.EMERGENCY_BUTTON.ACTIVITY_LOG()).reply(200, {
-      results: emergencyEventLogData,
-      count: 2,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: emergencyEventLogData,
+        count: 2,
+      },
+    }));
     await act(async () => {
       await result.current.onRefresh();
     });
-    expect(result.current.data).toEqual(
-      getEmergencyEventDataForList(emergencyEventLogData)
-    );
+    const params = new URLSearchParams();
+    params.append('device_id', 1);
+    params.append('page', 1);
+    expect(axios.get).toHaveBeenCalled();
   });
 
   it('Test onLoadMore', async () => {
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.DEVICE.ACTIVITY_LOG(1)).reply(200, {
-      results: actionLogData,
-      count: 21,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: actionLogData,
+        count: 1,
+      },
+    }));
     await act(async () => {
       await result.current.onLoadMore();
     });
-    mock.onGet(API.DEVICE.ACTIVITY_LOG(2)).reply(200, {
-      results: actionLogData,
-      count: 21,
-    });
+    const params = new URLSearchParams();
+    params.append('id', 1);
+    params.append('page', 2);
+    expect(axios.get).toHaveBeenCalled();
+
+    axios.get.mockClear();
+
     await act(async () => {
       await result.current.onLoadMore();
     });
-    expect(result.current.isLoading).toBeFalsy();
+    expect(axios.get).toHaveBeenCalledTimes(0);
   });
 
   it('Test fetchMembers', async () => {
@@ -157,20 +185,25 @@ describe('Test useActivityLog', () => {
     props.share = { id: 2 };
     props.filterEnabled.user = true;
     const { result } = renderHook(() => useActivityLog(props));
-    mock.onGet(API.SHARE.UNITS_MEMBERS(2)).reply(200, [
-      {
-        id: 1,
-        name: 'user 1',
-      },
-      {
-        id: 2,
-        name: 'user 2',
-      },
-    ]);
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: [
+        {
+          id: 1,
+          name: 'user 1',
+        },
+        {
+          id: 2,
+          name: 'user 2',
+        },
+      ],
+    }));
     await act(async () => {
       await result.current.fetchMembers();
     });
-    expect(result.current.data).toEqual([]);
+    const params = new URLSearchParams();
+    params.append('page', 1);
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(2), {});
   });
 
   it('Test filter by users', async () => {
@@ -185,10 +218,13 @@ describe('Test useActivityLog', () => {
         users: userIds,
       });
     });
-    mock.onGet(API.AUTOMATE.ACTIVITY_LOG(1)).reply(200, {
-      results: automateLogData,
-      count: 2,
-    });
+    axios.get.mockImplementation(() => ({
+      status: 200,
+      data: {
+        results: automateLogData,
+        count: 2,
+      },
+    }));
     await act(async () => {
       await result.current.onRefresh();
     });
@@ -196,6 +232,9 @@ describe('Test useActivityLog', () => {
     userIds.map((id) => {
       params.append('users', id);
     });
-    expect(result.current.data).toEqual(getDataForList(automateLogData));
+    params.append('date_from', moment().add(-7, 'days').format('YYYY-MM-DD'));
+    params.append('date_to', moment().format('YYYY-MM-DD'));
+    params.append('page', 1);
+    expect(axios.get).toHaveBeenCalled();
   });
 });

package/src/screens/ActivityLog/hooks/index.js

@@ -9,7 +9,7 @@ import { getDataForList, getEmergencyEventDataForList } from '../utils';
 
 const apiMaps = {
   ['action']: {
-    url: () => API.DEVICE.ACTIVITY_LOG(),
+    url: () => API.SENSOR.ACTIVITY_LOG(),
     params: (id) => ({ id: id }),
     standardizeData: getDataForList,
     memberUrl: (id) => API.SHARE.UNITS_MEMBERS(id),

package/src/screens/ActivityLog/index.js

@@ -23,7 +23,7 @@ const keyExtractor = (item) => item.id;
 
 const ActivityLogScreen = ({ route }) => {
   const t = useTranslations();
-  const { id, type, share, filterEnabled } = route.params || {};
+  const { id, type, share, filterEnabled } = route.params;
   const {
     data,
     isLoading,
@@ -118,7 +118,7 @@ const ActivityLogScreen = ({ route }) => {
           onMomentumScrollBegin={onMomentumScrollBegin}
         />
       </View>
-      {(filterEnabled?.user || filterEnabled?.date) && (
+      {(filterEnabled.user || filterEnabled.date) && (
         <FilterPopup
           isVisible={showFilterPopup}
           onHide={setHideFilterPopup}

package/src/screens/AddCommon/SelectSubUnit.js

@@ -174,7 +174,6 @@ const AddCommonSelectSubUnit = ({ route }) => {
         <ScrollView
           style={styles.scrollContainer}
           showsVerticalScrollIndicator={false}
-          scrollIndicatorInsets={{ right: 1 }}
         >
           <Section type={'border'}>
             {subUnits.map((item, index) => (

package/src/screens/AddCommon/SelectUnit.js

@@ -159,7 +159,6 @@ const AddCommonSelectUnit = ({ route }) => {
         <ScrollView
           style={styles.scrollContainer}
           showsVerticalScrollIndicator={false}
-          scrollIndicatorInsets={{ right: 1 }}
         >
           <Section type={'border'}>
             {units.map((item, index) => (

package/src/screens/AddCommon/__test__/SelectSubUnit.test.js

@@ -1,18 +1,15 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
-
 import AddCommonSelectSubUnit from '../SelectSubUnit';
 import { ViewButtonBottom } from '../../../commons';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import Text from '../../../commons/Text';
+import axios from 'axios';
 import { TESTID } from '../../../configs/Constants';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockedGoBack = jest.fn();
 const mockedNavigate = jest.fn();
@@ -98,10 +95,18 @@ describe('Test SelectSubUnit container', () => {
     });
     test(`press next to navigate ${type}`, async () => {
       const route = { params: { addType: type } };
-      mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, [
-        { id: 1, name: 'Unit 1' },
-        { id: 2, name: 'Unit 2' },
-      ]);
+      const response = {
+        status: 200,
+        success: true,
+        data: [
+          { id: 1, name: 'Unit 1' },
+          { id: 2, name: 'Unit 2' },
+        ],
+      };
+
+      axios.get.mockImplementation(async () => {
+        return response;
+      });
 
       await act(async () => {
         tree = renderer.create(wrapComponent(route));
@@ -154,13 +159,19 @@ describe('Test SelectSubUnit container', () => {
           break;
         case 'AddDeviceNewFlow':
           expect(mockedNavigate).toBeCalledWith('ConnectingProcess', {
-            devicePrefixName: undefined,
             gateway: undefined,
             scan_sensor_data: undefined,
             station: undefined,
-            unit: [],
-            wifi_pass: undefined,
-            wifi_ssid: undefined,
+            unit: [
+              {
+                id: 1,
+                name: 'Unit 1',
+              },
+              {
+                id: 2,
+                name: 'Unit 2',
+              },
+            ],
           });
           break;
         default:

package/src/screens/AddCommon/__test__/SelectUnit.test.js

@@ -1,17 +1,15 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { TouchableOpacity, Platform } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 
 import AddCommonSelectUnit from '../SelectUnit';
 import Text from '../../../commons/Text';
 import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockedGoBack = jest.fn();
 const mockedNavigate = jest.fn();
@@ -88,7 +86,11 @@ describe('Test SelectUnit container', () => {
           { id: 2, name: 'Unit 2' },
         ],
       };
-      mock.onGet(API.SHARE.UNITS()).reply(200, response.data);
+
+      axios.get.mockImplementation(async () => {
+        return response;
+      });
+
       await act(async () => {
         tree = renderer.create(wrapComponent(route));
       });
@@ -149,6 +151,10 @@ describe('Test SelectUnit container', () => {
 describe('test single SelectUnit', () => {
   let tree;
 
+  beforeEach(() => {
+    axios.get.mockClear();
+  });
+
   test('fetch Unit success', async () => {
     Platform.OS = 'android';
     const route = { params: { addType: 'AddSubUnit' } };
@@ -160,10 +166,15 @@ describe('test single SelectUnit', () => {
         { id: 2, name: 'Unit 2' },
       ],
     };
-    mock.onGet(API.SHARE.UNITS()).reply(200, response.data);
+
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
     });
+
     const instance = tree.root;
     const unitName = instance.findAll(
       (item) =>
@@ -172,23 +183,35 @@ describe('test single SelectUnit', () => {
     const radioButton = instance.findAll(
       (item) => item.props.testID === TESTID.SELECT_UNIT_RADIO_BUTTON
     );
+
     expect(unitName[0].props.children).toBe('Unit 1');
     expect(unitName[1].props.children).toBe('Unit 2');
     expect(radioButton[0].props.active).toBeFalsy();
     expect(radioButton[1].props.active).toBeFalsy();
+
     const selectUnit = instance.findAll(
       (item) => item.props.testID === TESTID.SELECT_UNIT_SELECT
     );
+
     await act(async () => {
       selectUnit[0].props.onPress();
     });
+
     expect(radioButton[0].props.active).toBeTruthy();
   });
 
   test('fetch Unit not success', async () => {
     Platform.OS = 'ios';
     const route = { params: { addType: 'AddSubUnit' } };
-    mock.onGet(500);
+    const response = {
+      status: 500,
+      success: false,
+    };
+
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
     });
@@ -201,8 +224,9 @@ describe('test single SelectUnit', () => {
     const radioButton = instance.findAll(
       (item) => item.props.testID === TESTID.SELECT_UNIT_RADIO_BUTTON
     );
-    expect(unitName).toHaveLength(2);
-    expect(radioButton).toHaveLength(2);
+
+    expect(unitName).toHaveLength(0);
+    expect(radioButton).toHaveLength(0);
   });
 
   test('click goBack', async () => {

package/src/screens/AddLocationMaps/index.js

@@ -45,9 +45,9 @@ const AddLocationMaps = memo(() => {
     goBack();
   }, [goBack]);
 
-  const onTextInput = useCallback(async (newValue) => {
-    setInput(newValue);
-    if (!newValue) {
+  const onTextInput = useCallback(async (input) => {
+    setInput(input);
+    if (!input) {
       setSearchData([]);
       setSearchedLocation(null);
       return;
@@ -55,7 +55,7 @@ const AddLocationMaps = memo(() => {
     try {
       const config = {
         params: {
-          input: newValue,
+          input: input,
           key: SCConfig.GOOGLE_MAP_API_KEY,
           sessiontoken: 123456324,
           strictBounds: false,
@@ -70,7 +70,6 @@ const AddLocationMaps = memo(() => {
       if (success) {
         setSearchData(data.predictions);
       }
-      // eslint-disable-next-line no-empty
     } catch (error) {}
   }, []);
 
@@ -170,10 +169,7 @@ const AddLocationMaps = memo(() => {
         </Text>
         <View style={styles.searchLocation}>
           <SearchBarLocation input={input} onTextInput={onTextInput} />
-          <ScrollView
-            style={styles.searchData}
-            scrollIndicatorInsets={{ right: 1 }}
-          >
+          <ScrollView style={styles.searchData}>
             {searchData.map((item) => (
               <RowLocation item={item} onPress={onPressRowLocation} />
             ))}

package/src/screens/AddNewAction/SelectAction.js

@@ -21,7 +21,7 @@ import { TitleCheckBox } from '../Sharing/Components';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import { popAction } from '../../navigations/utils';
 import { LoadingSelectAction } from './Components';
-import { notImplemented, ToastBottomHelper } from '../../utils/Utils';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 const SelectAction = memo(({ route }) => {
   const t = useTranslations();
@@ -48,10 +48,10 @@ const SelectAction = memo(({ route }) => {
   const fetchData = useCallback(async () => {
     isSelectSensor && setIsLoading(true);
     setIsfetched(true);
-    const { success, data: automateData } = await axiosGet(
+    const { success, data } = await axiosGet(
       isSelectSensor
         ? API.AUTOMATE.GET_SENSOR_CONFIG(device.id)
-        : API.DEVICE.DISPLAY_ACTIONS(device.id),
+        : API.SENSOR.DISPLAY_ACTIONS(device.id),
       isSelectSensor && {},
       isSelectSensor && true
     );
@@ -78,21 +78,21 @@ const SelectAction = memo(({ route }) => {
           const condition = conditionType.find((item) => {
             return item.conditionValue === automate.condition;
           });
-          const updateSensorData = automateData.map((obj) =>
+          const updateSensorData = data.map((obj) =>
             obj.id === automate.config_id
               ? { ...obj, value: automate.value, ...condition }
               : obj
           );
-          let selectSensor = automateData.find((config) => {
+          let selectSensor = data.find((config) => {
             return config.id === automate.config_id;
           });
           setSensorData(updateSensorData);
           setCheckedItem(selectSensor);
         } else {
-          setSensorData(automateData);
+          setSensorData(data);
         }
       } else {
-        setData(automateData);
+        setData(data);
       }
     }
     setIsfetched(false);
@@ -265,7 +265,7 @@ const SelectAction = memo(({ route }) => {
       dispatch(popAction(3));
       isAutomateTab && goBack();
     } else {
-      notImplemented(t);
+      alert(t('feature_under_development'));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [route.params]);

package/src/screens/AddNewAction/SelectSensorDevices.js

@@ -28,7 +28,6 @@ const SelectSensorDevices = memo(({ route }) => {
     isAutomateTab,
     isCreateNewAction,
     isMultiUnits,
-    oldType,
   } = route.params;
 
   const [listStation, setListStation] = useState([]);
@@ -138,7 +137,7 @@ const SelectSensorDevices = memo(({ route }) => {
       navigate(Routes.ScriptDetail, {
         id: automateId,
         name: scriptName,
-        type: oldType,
+        type: type,
         havePermission: true,
         unit,
         isMultiUnits,
@@ -176,7 +175,6 @@ const SelectSensorDevices = memo(({ route }) => {
       <ScrollView
         style={styles.wrap}
         contentContainerStyle={styles.contentContainerStyle}
-        scrollIndicatorInsets={{ right: 1 }}
       >
         <Text bold type="H2" style={styles.title}>
           {t(title)}
@@ -218,11 +216,7 @@ const SelectSensorDevices = memo(({ route }) => {
         style={styles.bottomButtonView}
         mainTitle={t('continue')}
         onPressMain={onPressContinue}
-        typeMain={
-          Object.keys(selectedDevice || {}).length === 0
-            ? 'disabled'
-            : 'primary'
-        }
+        typeMain={selectedDevice ? 'primary' : 'disabled'}
       />
     </View>
   );

package/src/screens/AddNewAction/SetupSensor.js

@@ -45,13 +45,13 @@ const SetUpSensor = () => {
   const [isShowModal, setIsShowModal] = useState(false);
   const [itemActiveModal, setItemActiveModal] = useState(modalData[0]);
   const [value, setValue] = useState(parseFloat(item?.value || 0));
-  const [minimum] = useState(isHasLimit ? parseInt(item?.range_min, 10) : 0);
+  const [minimum] = useState(isHasLimit ? parseInt(item?.range_min) : 0);
   const [maximum, setMaximum] = useState(
     value === 0
       ? 100
       : isHasLimit
-      ? (parseInt(item?.range_max, 10) - minimum) * 10 + minimum
-      : (parseInt(item?.value, 10) + 20 - minimum) * 10 + minimum
+      ? (parseInt(item?.range_max) - minimum) * 10 + minimum
+      : (parseInt(item?.value) + 20 - minimum) * 10 + minimum
   );
 
   const onOpenModal = useCallback(() => {
@@ -62,8 +62,8 @@ const SetUpSensor = () => {
     setIsShowModal(false);
   }, []);
 
-  const onChooseCondition = (selectedItem) => () => {
-    setItemActiveModal(selectedItem);
+  const onChooseCondition = (item) => () => {
+    setItemActiveModal(item);
     onCloseModal();
   };
 
@@ -74,9 +74,9 @@ const SetUpSensor = () => {
   }, []);
 
   const onChangeValue = useCallback(
-    (newValue) => {
+    (value) => {
       setValue(
-        (parseFloat(newValue / 128) + parseFloat(minimum)).toFixed(
+        (parseFloat(value / 128) + parseFloat(minimum)).toFixed(
           item?.decimal_behind || 1
         )
       );