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

package/src/commons/Connecting/__test__/Connecting.test.js

@@ -5,13 +5,19 @@ import Text from '../../Text';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (route) => (
+const wrapComponent = (route, isLoading, isConnect, isPercentConnect) => (
   <SCProvider initState={mockSCStore({})}>
-    <Connecting route={route} />
+    <Connecting
+      route={route}
+      isLoading={isLoading}
+      isConnect={isConnect}
+      isPercentConnect={isPercentConnect}
+    />
   </SCProvider>
 );
 describe('Test Connecting', () => {
   let tree;
+
   test('create Connecting', () => {
     act(() => {
       tree = renderer.create(wrapComponent());
@@ -20,4 +26,15 @@ describe('Test Connecting', () => {
     const text = instance.findAllByType(Text);
     expect(text).toHaveLength(4);
   });
+
+  test('isLoading = true', () => {
+    jest.useFakeTimers();
+    act(() => {
+      tree = renderer.create(wrapComponent({}, true));
+    });
+    jest.runAllTimers();
+    const instance = tree.root;
+    const text = instance.findAllByType(Text);
+    expect(text).toHaveLength(4);
+  });
 });

package/src/commons/ConnectingProcess/DeviceItem/DeviceItem.js

@@ -2,13 +2,17 @@ import React, { memo } from 'react';
 import { View } from 'react-native';
 import styles from './DeviceItemStyles';
 import FImage from '../../FImage';
-import Text from '../../Text';
+import _TextInput from '../../Form/TextInput';
 
-const DeviceItem = memo(({ icon, name }) => {
+const DeviceItem = memo(({ icon, name, setNewName }) => {
   return (
     <View style={styles.container}>
       {!!icon && <FImage source={{ uri: icon }} style={styles.iconSensor} />}
-      <Text style={styles.textItem}>{name}</Text>
+      <_TextInput
+        value={name}
+        textInputStyle={styles.textItem}
+        onChange={setNewName}
+      />
     </View>
   );
 });

package/src/commons/ConnectingProcess/DeviceItem/DeviceItemStyles.js

@@ -1,23 +1,14 @@
 import { StyleSheet } from 'react-native';
-import { Constants, Colors } from '../../../configs';
-
-const marginItem = 12;
-const marginHorizontal = 5;
-const widthItem = (Constants.width - marginHorizontal * 2 - marginItem) / 2;
-const heightItem = (widthItem / 166) * 60;
+import { Colors } from '../../../configs';
 
 export default StyleSheet.create({
   container: {
-    paddingHorizontal: 15,
     borderRadius: 10,
     width: 250,
-    height: heightItem,
     borderWidth: 1,
     borderColor: Colors.Gray4,
     backgroundColor: Colors.White,
     justifyContent: 'center',
-    alignItems: 'center',
-    marginBottom: 16,
     flexDirection: 'row',
     shadowColor: Colors.Shadow,
     shadowOffset: {
@@ -36,7 +27,13 @@ export default StyleSheet.create({
     resizeMode: 'contain',
   },
   textItem: {
-    marginLeft: 15,
+    borderWidth: 0,
+    borderBottomWidth: 1,
+    borderBottomColor: Colors.Primary,
+    textAlign: 'center',
+    marginTop: -10,
+    padding: 5,
     fontSize: 16,
+    height: 50,
   },
 });

package/src/commons/ConnectingProcess/__test__/Connecting.test.js

@@ -1,18 +1,35 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
 import ConnectingProcess from '../index';
 import { SafeAreaView } from 'react-native';
 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({})}>
     <ConnectingProcess route={route} />
   </SCProvider>
 );
+
+const mock = new MockAdapter(api.axiosInstance);
+
 describe('Test ConnectingProcess', () => {
   let tree;
-  test('create ConnectingProcess', () => {
+
+  test('render without params', () => {
+    act(() => {
+      tree = renderer.create(wrapComponent({}));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = SENSOR call api success', async () => {
     const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
     const devicePrefixName = 'SENSOR';
     const gateway = { id: 1, name: 'gateway' };
@@ -20,8 +37,124 @@ describe('Test ConnectingProcess', () => {
     const route = {
       params: { scan_sensor_data, gateway, station, devicePrefixName },
     };
-    act(() => {
-      tree = renderer.create(wrapComponent(route));
+    mock.onPost(API.SUB_UNIT.SENSOR_SCAN(1)).reply(200);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = SENSOR call api fail', async () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const devicePrefixName = 'SENSOR';
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = {
+      params: { scan_sensor_data, gateway, station, devicePrefixName },
+    };
+    mock.onPost(API.SUB_UNIT.SENSOR_SCAN(1)).reply(400);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = ROBOT call api success', async () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const devicePrefixName = 'ROBOT';
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = {
+      params: {
+        scan_sensor_data,
+        gateway,
+        station,
+        devicePrefixName,
+        unit_id: 1,
+        unit: {
+          id: 1,
+        },
+      },
+    };
+    mock.onPost(API.UNIT.CHIP_SCAN(1)).reply(200);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = ROBOT call api fail', async () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const devicePrefixName = 'ROBOT';
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = {
+      params: {
+        scan_sensor_data,
+        gateway,
+        station,
+        devicePrefixName,
+        unit_id: 1,
+        unit: {
+          id: 1,
+        },
+      },
+    };
+    mock.onPost(API.UNIT.CHIP_SCAN(1)).reply(400);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = LITE call api success', async () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const devicePrefixName = 'LITE';
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = {
+      params: {
+        scan_sensor_data,
+        gateway,
+        station,
+        devicePrefixName,
+        unit_id: 1,
+      },
+    };
+    mock.onPost(API.UNIT.ADD_GATEWAY(1)).reply(200);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('create ConnectingProcess with devicePrefixName = LITE call api fail', async () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const devicePrefixName = 'LITE';
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = {
+      params: {
+        scan_sensor_data,
+        gateway,
+        station,
+        devicePrefixName,
+        unit_id: 1,
+      },
+    };
+    mock.onPost(API.UNIT.ADD_GATEWAY(1)).reply(400);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const safeAreaView = instance.findAllByType(SafeAreaView);

package/src/commons/ConnectingProcess/__test__/DeviceItem.test.js

@@ -2,7 +2,8 @@ import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import DeviceItem from '../DeviceItem/DeviceItem';
 import FImage from '../../FImage';
-import Text from '../../Text';
+import _TextInput from '../../Form/TextInput';
+
 describe('Test DeviceItem button', () => {
   let tree;
   test('create DeviceItem button', () => {
@@ -11,7 +12,7 @@ describe('Test DeviceItem button', () => {
     });
     const instance = tree.root;
     const image = instance.findAllByType(FImage);
-    const text = instance.findAllByType(Text);
+    const text = instance.findAllByType(_TextInput);
     expect(image).toHaveLength(0);
     expect(text).toHaveLength(1);
   });

package/src/commons/ConnectingProcess/index.js

@@ -6,12 +6,13 @@ import { useNavigation } from '@react-navigation/native';
 import ImageSuccessfully from '../../Images/Common/SuccessfullyConnected.svg';
 
 import Text from '../Text';
-import { axiosPost } from '../../utils/Apis/axios';
+import { axiosPatch, axiosPost } from '../../utils/Apis/axios';
 import { API, Colors } from '../../configs';
 import styles from './styles';
 import DeviceItem from './DeviceItem/DeviceItem';
 import Connecting from '../Connecting';
 import { useSCContextSelector } from '../../context';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 const ConnectingProcess = ({ route }) => {
   const { navigate, goBack } = useNavigation();
@@ -27,29 +28,30 @@ const ConnectingProcess = ({ route }) => {
     devicePrefixName,
     wifi_ssid,
     wifi_pass,
-    chip_id,
-  } = route.params;
+  } = route.params || {};
   const [isLoading, setIsLoading] = useState(true);
   const [sensor, setSensor] = useState(null);
   const user = useSCContextSelector((state) => state?.auth?.account?.user);
+  const [newName, setNewName] = useState('');
 
   const ConnectingDevice = useCallback(async () => {
     setIsLoading(true);
     switch (devicePrefixName) {
-      case 'SENSOR':
-        {
-          const body = { imei: scan_sensor_data?.imei, chip: gateway?.id };
-          const { success, data } = await axiosPost(
-            API.SUB_UNIT.SENSOR_SCAN(station.id),
-            body
-          );
-          if (success) {
-            setSensor(data);
-          } else {
-            goBack();
-          }
+      case 'SENSOR': {
+        const body = { imei: scan_sensor_data?.imei, chip: gateway?.id };
+        const { success, data } = await axiosPost(
+          API.SUB_UNIT.SENSOR_SCAN(station.id),
+          body
+        );
+        if (success) {
+          setSensor(data);
+        } else {
+          ToastBottomHelper.error(JSON.stringify(data));
+          goBack();
         }
+
         break;
+      }
       case 'ROBOT': {
         const { success, data } = await axiosPost(API.UNIT.CHIP_SCAN(unit.id), {
           imei: gateway?.imei,
@@ -63,19 +65,23 @@ const ConnectingProcess = ({ route }) => {
         if (success) {
           setSensor(data);
         } else {
+          ToastBottomHelper.error(JSON.stringify(data));
           goBack();
         }
         break;
       }
       case 'LITE': {
-        const { success } = await axiosPost(API.UNIT.ADD_GATEWAY(unit_id), {
-          chip: chip_id,
-          imei: gateway?.imei,
-          chip_name: gateway?.model,
-        });
+        const { success, data } = await axiosPost(
+          API.UNIT.ADD_GATEWAY(unit_id),
+          {
+            imei: gateway?.imei,
+            chip_name: gateway?.model,
+          }
+        );
         if (success) {
           setSensor({ name: gateway?.model });
         } else {
+          ToastBottomHelper.error(JSON.stringify(data));
           goBack();
         }
         break;
@@ -95,7 +101,6 @@ const ConnectingProcess = ({ route }) => {
     wifi_pass,
     user?.phone_number,
     unit_id,
-    chip_id,
   ]);
 
   const ConnectingSuccess = useCallback(() => {
@@ -110,12 +115,46 @@ const ConnectingProcess = ({ route }) => {
             station?.name !== undefined ? '- ' + station?.name : ''
           }`}
         </Text>
-        <DeviceItem icon={sensor?.icon_kit} name={sensor?.name} />
+        <DeviceItem
+          icon={sensor?.icon_kit}
+          name={newName}
+          setNewName={setNewName}
+        />
       </View>
     );
-  }, [sensor?.icon_kit, sensor?.name, station?.name, t, unit?.name, unit_name]);
+  }, [newName, sensor?.icon_kit, station?.name, t, unit?.name, unit_name]);
+
+  const handleDone = useCallback(async () => {
+    let result, message;
+    switch (devicePrefixName) {
+      case 'SENSOR': {
+        const { success, data } = await axiosPatch(
+          API.SENSOR.SENSOR_DETAIL(sensor?.id),
+          {
+            name: newName,
+          }
+        );
+        result = success;
+        message = data;
+        break;
+      }
+      case 'ROBOT':
+      case 'LITE': {
+        const { success, data } = await axiosPatch(
+          API.CHIP.CHIP_DETAIL(sensor?.id),
+          {
+            name: newName,
+          }
+        );
+        result = success;
+        message = data;
+        break;
+      }
+    }
 
-  const handleDone = useCallback(() => {
+    if (!result) {
+      ToastBottomHelper.error(JSON.stringify(message));
+    }
     navigate(Routes.UnitStack, {
       screen: Routes.UnitDetail,
       params: {
@@ -125,7 +164,15 @@ const ConnectingProcess = ({ route }) => {
         stationId: station?.id,
       },
     });
-  }, [navigate, station?.id, unit, unit_id]);
+  }, [
+    devicePrefixName,
+    navigate,
+    newName,
+    sensor?.id,
+    station?.id,
+    unit,
+    unit_id,
+  ]);
 
   useEffect(() => {
     ConnectingDevice();

package/src/commons/Dashboard/MyPinnedSharedUnit/__test__/MyPinnedSharedUnit.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
 
 import MyPinnedSharedUnit from '../index';
 import { Text } from 'react-native';
@@ -9,9 +10,9 @@ import { mockSCStore } from '../../../../context/mockStore';
 import { TESTID } from '../../../../configs/Constants';
 import { API } from '../../../../configs';
 import { TouchableOpacity } from 'react-native';
-import axios from 'axios';
+import api from '../../../../utils/Apis/axios';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockedNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -32,21 +33,14 @@ const wrapComponent = (route) => (
 
 describe('Test MyPinnedSharedUnit', () => {
   let tree;
-  afterEach(() => {
-    axios.get.mockClear();
-  });
 
   test('create', async () => {
-    const response = {
-      status: 200,
-      data: [{ id: 1 }],
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+    mock.onGet(API.UNIT.SHARED_UNITS()).reply(200, [{ id: 1 }]);
+
     await act(async () => {
       tree = await create(wrapComponent());
     });
+
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
     expect(texts).toHaveLength(4);
@@ -65,6 +59,15 @@ describe('Test MyPinnedSharedUnit', () => {
       goToAllSharedUnits.props.onPress();
     });
     expect(mockedNavigate).toHaveBeenCalled();
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.SHARED_UNITS(), {});
+  });
+
+  test('render without item', async () => {
+    mock.onGet(API.UNIT.SHARED_UNITS()).reply(400, []);
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const texts = instance.findAllByType(Text);
+    expect(texts).toHaveLength(4);
   });
 });

package/src/commons/Dashboard/MyPinnedSharedUnit/index.js

@@ -60,7 +60,7 @@ const MyPinnedSharedUnit = () => {
         {sharedUnits &&
           Boolean(sharedUnits.length) &&
           sharedUnits
-            .filter((sharedUnit) => sharedUnit.is_pin)
+            .filter((sharedUnit) => sharedUnit?.is_pin)
             .map((item, index) => (
               <View key={item.id}>
                 <SharedUnit

package/src/commons/Dashboard/MyUnit/__test__/MyUnit.test.js

@@ -4,9 +4,7 @@ import MyUnit from '..';
 import { TESTID } from '../../../../configs/Constants';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
-import axios from 'axios';
 
-jest.mock('axios');
 const mockedNavigate = jest.fn();
 const mockUseIsFocused = jest.fn();
 const mockedDispatch = jest.fn();
@@ -36,9 +34,6 @@ const wrapComponent = () => (
 
 describe('Test MyUnit', () => {
   let tree;
-  beforeEach(() => {
-    axios.get.mockClear();
-  });
   const getElement = (instance) => {
     const goToDetail = instance.findAll(
       (item) => item.props.testID === TESTID.MY_UNIT_GO_TO_DETAIL

package/src/commons/Device/ConnectedViewHeader.js

@@ -29,7 +29,7 @@ const ConnectedViewHeader = memo(
     const t = useTranslations();
     const lastUpdatedStr = lastUpdated
       ? timeDifference(new Date(), lastUpdated)
-      : null;
+      : `5 ${t('seconds_ago')}`;
     return (
       <View style={styles.statusContainer}>
         <View style={styles.connectStatus}>

package/src/commons/Device/Hanet/ItemHanetDevice.test.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { TouchableWithoutFeedback } from 'react-native';
+import renderer, { act } from 'react-test-renderer';
+import ItemHanetDevice from './ItemHanetDevice';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (props) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ItemHanetDevice {...props} />
+  </SCProvider>
+);
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+    }),
+  };
+});
+
+describe('Test ItemHanetDevice', () => {
+  let tree, props;
+
+  beforeEach(() => {
+    props = {
+      svgMain: 'icon',
+      title: 'title',
+      sensor: {},
+      unit: {},
+      station: {},
+    };
+  });
+
+  test('render ItemHanetDevice', () => {
+    act(() => {
+      tree = renderer.create(wrapComponent(props));
+    });
+    const instance = tree.root;
+    const touches = instance.findAllByType(TouchableWithoutFeedback);
+    act(() => {
+      tree = touches[0].props.onPress();
+    });
+    expect(mockNavigate).toBeCalled();
+  });
+
+  test('render ItemHanetDevice sensor has icon', () => {
+    props.sensor.icon_kit = 'icon';
+    act(() => {
+      tree = renderer.create(wrapComponent(props));
+    });
+    const instance = tree.root;
+    const touches = instance.findAllByType(TouchableWithoutFeedback);
+    expect(touches.length).toBeGreaterThan(0);
+  });
+});

package/src/commons/Device/HistoryChart.js

@@ -151,12 +151,12 @@ const HistoryChart = memo(
       if (configuration.config !== 'power_consumption') {
         return null;
       }
-      const { price } = chartConfig;
-      if (price === '' || isNaN(price)) {
+      const { price: chartPrice } = chartConfig;
+      if (chartPrice === '' || isNaN(chartPrice)) {
         return null;
       }
       const sum = datas[0].data.reduce((a, b) => a + b.y, 0);
-      const roundedSum = sum * price;
+      const roundedSum = sum * chartPrice;
       return roundedSum.toFixed();
     }, [configuration, datas, chartConfig]);
 

package/src/commons/Device/ItemDevice.js

@@ -11,8 +11,9 @@ import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import ItemQuickAction from '../../commons/Action/ItemQuickAction';
 import Text from '../../commons/Text';
-import { isDeviceConnected } from '../../iot/RemoteControl/Bluetooth';
+import { isDeviceConnected as isBluetoothDeviceConnected } from '../../iot/RemoteControl/Bluetooth';
 import { useSCContextSelector } from '../../context';
+import { useGGHomeDeviceConnected } from '../../hooks/Common';
 
 import { Colors } from '../../configs';
 import { TESTID, DEVICE_TYPE, DEVICE_SIZE } from '../../configs/Constants';
@@ -26,7 +27,6 @@ const ItemDevice = memo(
     sensor,
     unit,
     station,
-    isGGHomeConnected,
     serverDown,
     status,
     wrapStyle,
@@ -39,6 +39,7 @@ const ItemDevice = memo(
     const isNetworkConnected = useSCContextSelector(
       (state) => state.app.isNetworkConnected
     );
+    const { isConnected: isGGHomeConnected } = useGGHomeDeviceConnected(sensor);
 
     const goToSensorDisplay = useCallback(() => {
       navigation.navigate(Routes.DeviceDetail, {
@@ -46,24 +47,27 @@ const ItemDevice = memo(
         station,
         sensorData: sensor,
         title,
-        isGGHomeConnected,
       });
-    }, [navigation, sensor, station, title, unit, isGGHomeConnected]);
+    }, [navigation, sensor, station, title, unit]);
 
     const isConnectedViaInternet =
       status === undefined
         ? !serverDown && isNetworkConnected && sensor.is_connected
         : !serverDown && isNetworkConnected && status.is_connected;
+
     const isConnectedViaBLE =
       isBluetoothEnabled &&
-      isDeviceConnected(sensor?.remote_control_options?.bluetooth?.address);
-    const isConnectedViaGGHome =
-      !!sensor &&
-      sensor?.is_other_device &&
-      !sensor?.device_type !== DEVICE_TYPE.LG_THINQ &&
-      isGGHomeConnected;
+      isBluetoothDeviceConnected(
+        sensor?.remote_control_options?.bluetooth?.address
+      );
+
     const isConnected =
-      isConnectedViaInternet || isConnectedViaGGHome || isConnectedViaBLE;
+      !!sensor && sensor?.is_other_device
+        ? sensor?.device_type === DEVICE_TYPE.LG_THINQ
+          ? true
+          : isGGHomeConnected
+        : isConnectedViaInternet || isConnectedViaBLE;
+
     const borderColor = isConnected ? Colors.Gray4 : Colors.Red6;
     const textConnected = isConnected ? t('connected') : t('disconnected');