@eohjsc/react-native-smart-city 0.3.48 → 0.3.49

package/src/screens/AddNewAction/__test__/SelectAction.test.js

@@ -23,13 +23,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <SelectAction route={route} />
@@ -101,7 +94,8 @@ describe('Test SelectAction', () => {
     const config1 = 1,
       config2 = 2,
       config3 = 3,
-      config4 = 4;
+      config4 = 4,
+      config5 = 5;
     const response = {
       status: 200,
       success: true,
@@ -152,13 +146,25 @@ describe('Test SelectAction', () => {
             text_format: '{number} \u00b0C',
           },
         },
+        {
+          title: '',
+          template: 'NumberUpDownActionTemplate',
+          configuration: {
+            config: config4,
+            allow_config_store_value: true,
+            action: '11111111-6c1a-452d-a1d1-87a314c20528',
+            min_value: 12,
+            max_value: 20,
+            text_format: '{number} \u00b0C',
+          },
+        },
         {
           title: '',
           template: 'StatesGridActionTemplate',
           configuration: {
             options: [
               {
-                config: config4,
+                config: config5,
                 is_on_value: 1,
                 action: '800ff454-4e2a-4a38-bad6-1bded728193e',
                 allow_config_store_value: true,
@@ -179,7 +185,7 @@ describe('Test SelectAction', () => {
     const renderActionItem = instance.find(
       (el) => el.props.accessibilityLabel === AccessibilityLabel.ACTION_ITEM
     );
-    expect(renderActionItem.props.data.length).toBe(4);
+    expect(renderActionItem.props.data.length).toBe(5);
 
     const simpleActionOn = instance.find(
       (el) =>
@@ -209,22 +215,27 @@ describe('Test SelectAction', () => {
       await touchOpacity.props.onPress();
     });
 
-    const buttonNumberUp = instance.find(
+    const buttonNumberUp = instance.findAll(
       (item) =>
         item.props.accessibilityLabel ===
           AccessibilityLabel.NUMBER_UP_DOWN_ACTION_UP &&
         item.type === TouchableOpacity
     );
-    const buttonSaveNumberAction = instance.find(
+    expect(buttonNumberUp).toHaveLength(2);
+
+    const buttonSaveNumberAction = instance.findAll(
       (item) =>
         item.props.accessibilityLabel ===
           AccessibilityLabel.NUMBER_UP_DOWN_ACTION_DONE &&
         item.type === TouchableOpacity
     );
+    expect(buttonSaveNumberAction).toHaveLength(2);
 
     await act(async () => {
-      await buttonNumberUp.props.onPress();
-      await buttonSaveNumberAction.props.onPress();
+      await buttonNumberUp[0].props.onPress();
+      await buttonNumberUp[1].props.onPress();
+      await buttonSaveNumberAction[0].props.onPress();
+      await buttonSaveNumberAction[1].props.onPress();
     });
 
     const chooseMode = instance.find(
@@ -234,7 +245,7 @@ describe('Test SelectAction', () => {
         item.type === TouchableOpacity
     );
     await act(async () => {
-      await chooseMode.props.onPress(response.data[3].configuration.options[0]);
+      await chooseMode.props.onPress(response.data[4].configuration.options[0]);
     });
 
     mock.onPost(API.AUTOMATE.ADD_SCRIPT_ACTION(1)).reply(200);
@@ -275,9 +286,17 @@ describe('Test SelectAction', () => {
               config_value: 29,
             },
           },
+          {
+            action: '11111111-6c1a-452d-a1d1-87a314c20528',
+            data: {
+              temperature: 28,
+              config_id: config4,
+              config_value: 28,
+            },
+          },
           {
             action: '800ff454-4e2a-4a38-bad6-1bded728193e',
-            data: { config_id: config4, config_value: 1 },
+            data: { config_id: config5, config_value: 1 },
           },
         ],
         unit: 1,

package/src/screens/AddNewAction/__test__/SelectSensorDevices.test.js

@@ -32,13 +32,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <SelectSensorDevices route={route} />

package/src/screens/AddNewDevice/__test__/AddNewDevice.test.js

@@ -22,10 +22,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/ConnectingZigbeeDevice.js

@@ -1,5 +1,5 @@
 import { useNavigation } from '@react-navigation/native';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Alert } from 'react-native';
 import API from '../../configs/API';
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -17,7 +17,7 @@ const ConnectingZigbeeDevice = ({ route }) => {
       Alert.alert(t('fail_add_zigbee_device'), message, [
         {
           text: t('ok'),
-          onPress: () => goBack(),
+          onPress: goBack,
         },
       ]);
     },
@@ -39,11 +39,24 @@ const ConnectingZigbeeDevice = ({ route }) => {
         fail(JSON.stringify(problem || data));
         return;
       }
-      setSensorId(data.id);
     },
-    [chipId, fail, subUnit, unitId]
+    [chipId, fail, subUnit?.id, unitId]
   );
 
+  useEffect(() => {
+    const timeOut = setTimeout(() => {
+      setSensorId((value) => {
+        if (!value) {
+          fail(t('no_zigbee_device_join_timeout'));
+        }
+        return value;
+      });
+    }, 120 * 1000); // when test, it takes more than 1 min
+    return () => {
+      clearTimeout(timeOut);
+    };
+  }, [fail, t]);
+
   return (
     <ConnectingDevice
       title={t('connect_device')}

package/src/screens/AddNewGateway/__test__/AddNewGateway.test.js

@@ -20,10 +20,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/ConnectingModbusDevice.test.js

@@ -15,10 +15,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/ConnectingWifiDevice.test.js

@@ -18,10 +18,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/ConnectingZigbeeDevice.test.js

@@ -17,10 +17,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 
@@ -67,9 +63,7 @@ describe('Test connecting modbus device', () => {
   });
 
   it('receive sensor-id from channel then rename sensor-id', async () => {
-    mock.onPost().reply(200, {
-      id: 1,
-    });
+    mock.onPost().reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -80,6 +74,9 @@ describe('Test connecting modbus device', () => {
         channel = channels[key];
       }
     }
+    await act(async () => {
+      await channel.trigger('progress', { data: { sensorId: 1 } });
+    });
     await act(async () => {
       await channel.trigger('progress', { success: 1 });
     });

package/src/screens/AddNewGateway/__test__/RenameNewDevices.test.js

@@ -18,13 +18,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/SelectDeviceType.test.js

@@ -15,10 +15,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/SelectModbusGateway.test.js

@@ -13,10 +13,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewGateway/__test__/SelectZigbeeGateway.test.js

@@ -13,10 +13,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return { ...jest.requireActual('react'), memo: (x) => x };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 

package/src/screens/AddNewOneTap/__test__/AddNewOneTap.test.js

@@ -36,13 +36,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 let tree;
 
 describe('test AddNewOneTap', () => {

package/src/screens/ConfirmUnitDeletion/__test__/ConfirmUnitDeletion.test.js

@@ -35,7 +35,6 @@ jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
     useState: jest.fn((init) => [init, mockSetState]),
-    memo: (x) => x,
   };
 });
 

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

@@ -23,13 +23,6 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockPop = jest.fn();
 const mockSetSensorDetail = jest.fn();
 jest.mock('@react-navigation/native', () => {

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

@@ -735,7 +735,7 @@ describe('test DeviceDetail', () => {
   });
 
   it('Open popup ble when server down', async () => {
-    store.app.isBluetoothEnabled = false;
+    store.bluetooth.isEnabled = false;
     data_sensor_display.items[1].configuration.configuration.action1_data.command_prefer_over_bluetooth = true;
     const responseDisplay = {
       status: 200,

package/src/screens/Device/detail.js

@@ -101,7 +101,7 @@ const DeviceDetail = ({ route }) => {
     (state) => state.app.isNetworkConnected
   );
   const isBluetoothEnabled = useSCContextSelector((state) => {
-    return state.app.isBluetoothEnabled;
+    return state.bluetooth.isEnabled;
   });
 
   const { isConnected: isEoHBackendConnected } =
@@ -181,7 +181,15 @@ const DeviceDetail = ({ route }) => {
 
   const { connectHomeAssistant } = useHomeAssistantConnection();
 
-  const { bluetoothScanDevices } = useBluetoothConnection();
+  const {
+    permissionsGranted: bluetoothPermGranted,
+    requestPerm: requestBluetoothPerm,
+    bluetoothScanDevices,
+  } = useBluetoothConnection();
+
+  useEffect(() => {
+    isDeviceHasBle && isBluetoothEnabled && requestBluetoothPerm();
+  }, [isDeviceHasBle, isBluetoothEnabled, requestBluetoothPerm]);
 
   useEffect(() => {
     if (
@@ -202,7 +210,7 @@ const DeviceDetail = ({ route }) => {
       bluetoothScanDevices([bluetooth.address]);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isBluetoothEnabled, controlOptions, unit]);
+  }, [isBluetoothEnabled, bluetoothPermGranted, controlOptions, unit]);
 
   const fetchSensorDetail = useCallback(async () => {
     const { success, data, resp_status } = await axiosGet(

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

@@ -1,10 +1,12 @@
 import { useNavigation } from '@react-navigation/native';
-import { useCallback, useEffect } from 'react';
-import { Alert, Linking, Platform } from 'react-native';
+import { useState, useCallback, useEffect } from 'react';
+import { Linking, Platform } from 'react-native';
+import AlertAsync from 'react-native-alert-async';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { useSCContextSelector } from '../../../context';
-import { enableBluetoothForAndroid } from '../../../iot/RemoteControl/Bluetooth';
 import { ToastBottomHelper } from '../../../utils/Utils';
+import { enableBluetoothForAndroid } from '../../../iot/RemoteControl/Bluetooth';
+import { useBluetoothConnection } from '../../../hooks/IoT';
 
 export const useDisconnectedDevice = (
   sensorName,
@@ -12,10 +14,27 @@ export const useDisconnectedDevice = (
   serverDown
 ) => {
   const t = useTranslations();
+  const { goBack } = useNavigation();
+  const [allowEnableBluetooth, setAllowEnableBluetooth] = useState(false);
+
   const openBluetoothIOS = () => {
     Linking.openURL('App-Prefs:Bluetooth');
   };
-  const { goBack } = useNavigation();
+
+  const {
+    permissionsGranted: bluetoothPermGranted,
+    requestPerm: requestBluetoothPerm,
+  } = useBluetoothConnection();
+
+  useEffect(() => {
+    allowEnableBluetooth && bluetoothPermGranted && enableBluetoothForAndroid();
+  }, [allowEnableBluetooth, bluetoothPermGranted]);
+
+  const enableBluetooth = async () => {
+    setAllowEnableBluetooth(true);
+    !bluetoothPermGranted && (await requestBluetoothPerm());
+  };
+
   const actions =
     Platform.OS === 'ios'
       ? [
@@ -35,12 +54,12 @@ export const useDisconnectedDevice = (
           },
           {
             text: 'Open',
-            onPress: () => enableBluetoothForAndroid(),
+            onPress: () => enableBluetooth(),
           },
         ];
 
   const isBluetoothEnabled = useSCContextSelector(
-    (state) => state.app.isBluetoothEnabled
+    (state) => state.bluetooth.isEnabled
   );
   const isNetworkConnected = useSCContextSelector(
     (state) => state.app.isNetworkConnected
@@ -61,7 +80,7 @@ export const useDisconnectedDevice = (
             })
           );
         } else if (isBluetoothEnabled === false) {
-          Alert.alert(
+          AlertAsync(
             '',
             t(
               'your_connection_to_the_server_was_disconnected_please_open_the_bluetooth_to_continue'

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { act, renderHook } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
+import { useAlertRemoveEmergencyContact, useEmeragencyContacts } from '../hook';
+import API from '../../../configs/API';
+import api from '../../../utils/Apis/axios';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const mockedSetAction = jest.fn();
+
+const wrapper = ({ children }) => <SCProvider>{children}</SCProvider>;
+
+const mockUseContext = jest.fn().mockImplementation(() => ({
+  stateData: mockSCStore({}),
+  setAction: mockedSetAction,
+}));
+
+React.useContext = mockUseContext;
+
+describe('Test EmergencyContacts', () => {
+  it('render useAlertRemoveEmergencyContact onPressRemoveContact', async () => {
+    const { result } = renderHook(() => useAlertRemoveEmergencyContact(), {
+      wrapper,
+    });
+    expect(result.current.stateAlertRemoveContact).toEqual({
+      leftButton: 'Cancel',
+      member: {},
+      message: '',
+      rightButton: '',
+      title: '',
+      visible: false,
+    });
+    await act(async () => {
+      await result.current.onPressRemoveContact({ id: 1, name: 123 })();
+    });
+    expect(result.current.stateAlertRemoveContact).toEqual({
+      leftButton: 'Cancel',
+      member: { id: 1, name: 123 },
+      message: '',
+      rightButton: 'Remove',
+      title: 'Remove 123?',
+      visible: true,
+    });
+  });
+
+  it('render useAlertRemoveEmergencyContact hideAlertRemoveContact', async () => {
+    const { result } = renderHook(() => useAlertRemoveEmergencyContact(), {
+      wrapper,
+    });
+    await act(() => {
+      result.current.stateAlertRemoveContact = {
+        ...result.current.stateAlertRemoveContact,
+        visible: true,
+      };
+    });
+    await act(async () => {
+      await result.current.hideAlertRemoveContact();
+    });
+    expect(result.current.stateAlertRemoveContact.visible).toEqual(false);
+  });
+
+  it('render useEmeragencyContacts getListContacts', async () => {
+    mock
+      .onGet(API.EMERGENCY_BUTTON.CONTACTS(), {
+        params: {
+          group: 1,
+        },
+      })
+      .reply(200, [{ id: 1, name: 'json' }]);
+    const { result } = renderHook(() => useEmeragencyContacts());
+    await act(async () => {
+      await result.current.getListContacts(1);
+    });
+    expect(result.current.listContacts).toEqual([{ id: 1, name: 'json' }]);
+  });
+});

package/src/screens/Gateway/DetailConfigActionModbus/__test__/index.test.js

@@ -0,0 +1,138 @@
+import React from 'react';
+import { create, act } from 'react-test-renderer';
+import { useRoute } from '@react-navigation/native';
+
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import DetailConfigAction from '../../components/DetailConfigAction';
+import DetailActionModbus from '../../components/DetailActionModbus';
+import Routes from '../../../../utils/Route';
+import DetailConfigActionModbus from '..';
+
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <DetailConfigActionModbus />
+  </SCProvider>
+);
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+  };
+});
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+      pop: jest.fn(),
+    }),
+    useRoute: jest.fn(),
+    useIsFocused: () => true,
+  };
+});
+
+describe('Test DetailConfigActionZigbee', () => {
+  let tree;
+  it('test render DetailConfigActionZigbee isConfigRead', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        isConfigRead: true,
+        isConfigWrite: false,
+        isAction: false,
+        isChildAction: false,
+        itemActionConfig: {
+          id: 1,
+          name: 'config1',
+          func: 5,
+          sa1: 1,
+          sa2: 2,
+          len1: 1,
+          len2: 1,
+        },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailConfigAction = instance?.findAllByType(DetailConfigAction);
+    expect(detailConfigAction).toHaveLength(1);
+  });
+  it('test render DetailConfigActionZigbee isConfigWrite', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        isConfigRead: false,
+        isConfigWrite: true,
+        isAction: false,
+        isChildAction: false,
+        itemActionConfig: {
+          id: 1,
+          name: 'config1',
+          func: 5,
+          sa1: 1,
+          sa2: 2,
+          len1: 1,
+          len2: 1,
+        },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailConfigAction = instance?.findAllByType(DetailConfigAction);
+    expect(detailConfigAction).toHaveLength(1);
+  });
+  it('test render DetailConfigActionZigbee isAction', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        isConfigRead: false,
+        isConfigWrite: false,
+        isAction: true,
+        isChildAction: false,
+        itemActionConfig: {
+          actionName: '123',
+          config: { id: 1, delay: 5, index: 1, ex: '', len1: 1, len2: 1 },
+        },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailActionModbus = instance?.findAllByType(DetailActionModbus);
+    expect(detailActionModbus).toHaveLength(1);
+    await act(async () => {
+      await detailActionModbus[0].props.onPressRow({
+        id: 1,
+        actionName: 'action',
+      })();
+    });
+    expect(detailActionModbus).toHaveLength(1);
+    expect(mockNavigate).toBeCalledWith(Routes.DetailChildConfigActionModbus, {
+      isChildAction: true,
+      itemActionConfig: { actionName: 'action', id: 1 },
+    });
+  });
+  it('test render DetailConfigActionZigbee isChildAction', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        isConfigRead: false,
+        isConfigWrite: false,
+        isAction: false,
+        isChildAction: true,
+        itemActionConfig: { config: { id: 1, name: 'config1' } },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailConfigAction = instance?.findAllByType(DetailConfigAction);
+    expect(detailConfigAction).toHaveLength(1);
+  });
+});