@eohjsc/react-native-smart-city 0.3.0 → 0.3.3

package/src/screens/Unit/Summaries.js

@@ -5,6 +5,7 @@ import Routes from '../../utils/Route';
 import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { axiosGet } from '../../utils/Apis/axios';
 import { API } from '../../configs';
+import { useReceiveNotifications } from '../../hooks';
 
 const Summaries = memo(({ unit }) => {
   const [unitSummaries, setUnitSummaries] = useState([]);
@@ -33,6 +34,8 @@ const Summaries = memo(({ unit }) => {
   const goToSummary = useCallback(
     (summary) => {
       navigation.navigate(Routes.UnitSummary, {
+        summaryId: summary.id,
+        unitId: unit.id,
         summaryData: summary,
         unitData: unit,
       });
@@ -50,7 +53,7 @@ const Summaries = memo(({ unit }) => {
     if (success) {
       localState.timeoutId = setTimeout(() => {
         continuousFetchSummary();
-      }, 5000);
+      }, 10000);
     }
   }, [localState, fetchUnitSummary]);
 
@@ -82,6 +85,19 @@ const Summaries = memo(({ unit }) => {
     };
   }, [localState, continuousFetchSummary, isFocused]);
 
+  const { dataNotification } = useReceiveNotifications();
+
+  useEffect(() => {
+    if (dataNotification) {
+      const { params = {} } = dataNotification;
+      const { summary_id } = params;
+      if (summary_id) {
+        fetchUnitSummary();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dataNotification]);
+
   return (
     <>
       {!unitSummaries || !unitSummaries.length ? null : (

package/src/screens/Unit/__test__/CheckSendEmail.test.js

@@ -24,7 +24,9 @@ jest.mock('react-redux', () => ({
 
 jest.mock('../../../iot/RemoteControl/GoogleHome', () => ({
   ...jest.requireActual('../../../iot/RemoteControl/GoogleHome'),
-  googleHomeConnect: jest.fn(() => false),
+  googleHomeConnect: jest.fn(async () => ({
+    [1]: {},
+  })),
 }));
 
 jest.mock('@react-native-community/netinfo', () => {
@@ -37,6 +39,12 @@ jest.mock('@react-native-community/netinfo', () => {
   };
 });
 
+jest.mock('react-native-onesignal', () => {
+  return {
+    setNotificationWillShowInForegroundHandler: jest.fn(),
+  };
+});
+
 const wrapComponent = (route, unitData, account) => (
   <SCProvider initState={mockSCStore({})}>
     <UnitDetail

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import MockAdapter from 'axios-mock-adapter';
 import renderer, { act } from 'react-test-renderer';
-import { createConnection, getStates } from 'home-assistant-js-websocket';
 import ParallaxScrollView from '../../../libs/react-native-parallax-scroll-view';
 import { BleManager } from 'react-native-ble-plx';
 import { useIsFocused } from '@react-navigation/native';
@@ -55,11 +54,19 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('home-assistant-js-websocket', () => {
+const mockConnectGoogleHome = jest.fn();
+jest.mock('../../../hooks/IoT', () => {
   return {
-    ...jest.requireActual('home-assistant-js-websocket'),
-    createConnection: jest.fn(),
-    getStates: jest.fn(),
+    ...jest.requireActual('../../../hooks/IoT'),
+    useGGHomeConnection: () => ({
+      connectGoogleHome: mockConnectGoogleHome,
+    }),
+  };
+});
+
+jest.mock('react-native-onesignal', () => {
+  return {
+    setNotificationWillShowInForegroundHandler: jest.fn(),
   };
 });
 
@@ -197,21 +204,12 @@ describe('Test UnitDetail', () => {
         ],
       },
     };
-    jest.useFakeTimers();
-
-    createConnection.mockImplementation(async () => ({
-      subscribeEvents: jest.fn(),
-      addEventListener: jest.fn(),
-    }));
-
     await act(async () => {
       renderer.create(
         wrapComponent({ params: { ...route.params, unitData } }, account)
       );
     });
-
-    expect(createConnection).toHaveBeenCalled();
-    expect(getStates).toHaveBeenCalled();
+    expect(mockConnectGoogleHome).toBeCalled();
   });
 
   test('when unit has bluetooth action then scan for devices', async () => {
@@ -361,6 +359,7 @@ describe('Test UnitDetail', () => {
     expect(fullView).toHaveLength(1);
     expect(fullView[0].props.isVisible).toEqual(false);
   });
+
   test('onPress subunit camera devices', async () => {
     const unitData = {
       stations: [
@@ -405,6 +404,7 @@ describe('Test UnitDetail', () => {
     });
     expect(mockedNavigate).not.toHaveBeenCalled();
   });
+
   test('render subunit favorites', async () => {
     const unitData = {
       stations: [
@@ -423,6 +423,7 @@ describe('Test UnitDetail', () => {
     const favorites = instance.findAllByType(SubUnitFavorites);
     expect(favorites).toHaveLength(1);
   });
+
   test('render navbar', async () => {
     mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, {
       stations: [],

package/src/screens/Unit/__test__/SelectAddress.test.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
+import RNP from 'react-native-permissions';
 
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -11,6 +12,11 @@ import BottomButtonView from '../../../commons/BottomButtonView';
 import { API } from '../../../configs';
 import { TESTID } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
+import {
+  GEOLOCATION_ERROR,
+  OpenSetting,
+} from '../../../utils/Permission/common';
+import { RESULTS } from 'react-native-permissions';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -56,18 +62,23 @@ jest.mock('react-native-maps', () => {
   };
 });
 
-jest.mock('@react-native-community/geolocation', () => {
-  const position = {
-    coords: {
-      latitude: 100,
-      longitude: 100,
-    },
-  };
-  return {
-    getCurrentPosition: (onSuccess, onError, options) => {
-      onSuccess(position);
-    },
-  };
+jest.mock('../../../utils/Permission/common');
+
+const position = {
+  coords: {
+    latitude: 100,
+    longitude: 100,
+  },
+};
+const mockGeolocation = {
+  getCurrentPosition: (onSuccess, onError, options) => {
+    onSuccess(position);
+  },
+};
+global.navigator.geolocation = mockGeolocation;
+
+jest.mock('react-native-permissions', () => {
+  return require('react-native-permissions/mock');
 });
 
 describe('Test SelectAddress', () => {
@@ -76,6 +87,7 @@ describe('Test SelectAddress', () => {
   const mockUpdateLocation = jest.fn();
 
   beforeAll(() => {
+    RNP.check.mockClear();
     route = {
       params: {
         updateLocation: mockUpdateLocation,
@@ -141,7 +153,7 @@ describe('Test SelectAddress', () => {
     expect(mockGoBack).toBeCalled();
   });
 
-  test('test get current location', async () => {
+  test('test get current location success', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -174,6 +186,53 @@ describe('Test SelectAddress', () => {
     });
   });
 
+  test('test get current location failed permission denied', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+    );
+
+    global.navigator.geolocation = {
+      getCurrentPosition: (onSuccess, onError, options) => {
+        onError({ code: GEOLOCATION_ERROR.PERMISSION_DENIED });
+      },
+    };
+    RNP.check.mockImplementationOnce(() => RESULTS.BLOCKED);
+    OpenSetting.mockImplementationOnce(() => {});
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+    OpenSetting.mockClear();
+  });
+
+  test('test get current failed error not handle', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+    );
+
+    global.navigator.geolocation = {
+      getCurrentPosition: (onSuccess, onError, options) => {
+        onError({ code: GEOLOCATION_ERROR.TIMEOUT });
+      },
+    };
+    RNP.check.mockImplementationOnce(() => RESULTS.DENIED);
+    OpenSetting.mockImplementationOnce(() => {});
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+    expect(OpenSetting).toBeCalledTimes(0);
+    OpenSetting.mockClear();
+  });
+
   test('test choose on map', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));

package/src/screens/Unit/__test__/SmartAccount.test.js

@@ -69,7 +69,7 @@ describe('Test SmartAccount', () => {
       ],
     };
     mock
-      .onGet(API.SMART_ACCOUNT.LIST_SMART_ACCOUNT())
+      .onGet(API.SMART_ACCOUNT.LIST_SMART_ACCOUNT(1))
       .reply(response.status, response.data);
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));

package/src/screens/Unit/__test__/Summaries.test.js

@@ -0,0 +1,100 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import MockAdapter from 'axios-mock-adapter';
+import renderer, { act } from 'react-test-renderer';
+import { API } from '../../../configs';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import Summaries from '../Summaries';
+import SummaryItem from '../../../commons/SummaryItem';
+import api from '../../../utils/Apis/axios';
+import { useReceiveNotifications } from '../../../hooks';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const wrapComponent = (props) => (
+  <SCProvider initState={mockSCStore({})}>
+    <Summaries {...props} />
+  </SCProvider>
+);
+
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    memo: (x) => x,
+  };
+});
+
+const mockedNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useIsFocused: jest.fn(),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+    }),
+  };
+});
+
+jest.mock('react-native-onesignal', () => {
+  return {
+    setNotificationWillShowInForegroundHandler: jest.fn(),
+  };
+});
+
+jest.mock('../../../hooks', () => {
+  return {
+    ...jest.requireActual('../../../hooks'),
+    useReceiveNotifications: jest.fn(() => ({ dataNotification: null })),
+  };
+});
+
+describe('Test Summaries', () => {
+  let tree, props;
+
+  beforeEach(() => {
+    props = {
+      unit: {
+        id: 1,
+      },
+    };
+  });
+
+  test('render Summaries receive noti with summary_id then reload', async () => {
+    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
+    const dataNotification = {
+      params: {
+        summary_id: 1,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(props));
+    });
+    const instance = tree.root;
+    const scrollview = instance.findByType(ScrollView);
+    expect(scrollview).toBeDefined();
+    const items = instance.findAllByType(SummaryItem);
+    await act(async () => {
+      items[0].props.goToSummary({ id: 1 });
+    });
+    expect(mockedNavigate).toBeCalled();
+  });
+
+  test('render Summaries receive noti with summary_id then not reload', async () => {
+    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
+    const dataNotification = {
+      params: {
+        unit_id: 1,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(props));
+    });
+  });
+});

package/src/screens/Unit/hook/useUnitConnectRemoteDevices.js

@@ -0,0 +1,50 @@
+import { useEffect, useCallback } from 'react';
+import { scanBluetoothDevices } from '../../../iot/RemoteControl/Bluetooth';
+import { lgThinqConnect } from '../../../iot/RemoteControl/LG';
+import { useGGHomeConnection } from '../../../hooks/IoT';
+import { useSCContextSelector } from '../../../context';
+
+export const useUnitConnectRemoteDevices = (unit) => {
+  const { isNetworkConnected } = useSCContextSelector((state) => state.app);
+
+  const { connectGoogleHome } = useGGHomeConnection();
+
+  let lgThinqConnected = false;
+
+  const handleLgThinqConnect = useCallback(async (options) => {
+    if (lgThinqConnected) {
+      return;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    lgThinqConnected = true;
+    await lgThinqConnect(options);
+  }, []);
+
+  useEffect(() => {
+    if (unit.remote_control_options && unit.remote_control_options.bluetooth) {
+      scanBluetoothDevices(unit.remote_control_options.bluetooth);
+    }
+  }, [unit]);
+
+  useEffect(() => {
+    if (
+      unit.remote_control_options &&
+      unit.remote_control_options.googlehome?.length &&
+      isNetworkConnected
+    ) {
+      (async () => {
+        await connectGoogleHome(unit.remote_control_options.googlehome);
+      })();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [unit, isNetworkConnected]);
+
+  useEffect(() => {
+    if (unit.remote_control_options && unit.remote_control_options.lg_thinq) {
+      (async () => {
+        await handleLgThinqConnect(unit.remote_control_options.lg_thinq);
+      })();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [unit]);
+};

package/src/screens/Unit/styles.js

@@ -80,4 +80,8 @@ export default StyleSheet.create({
     height: heightItem,
     marginVertical: 0,
   },
+  camera: {
+    width: 1,
+    height: 1,
+  },
 });

package/src/screens/UnitSummary/__test__/index.test.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
+import { RefreshControl } from 'react-native';
 
 import Routes from '../../../utils/Route';
 import UnitSummary from '..';
 import { API } from '../../../configs';
-import { RefreshControl } from 'react-native';
 import { TESTID } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
 import AirQuality from '../../../commons/UnitSummary/AirQuality';
@@ -15,6 +15,7 @@ import RunningDevices from '../components/RunningDevices';
 import Temperature from '../components/Temperature';
 import UvIndex from '../components/UvIndex';
 import WaterQuality from '../components/WaterQuality';
+import { useReceiveNotifications } from '../../../hooks';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
@@ -32,6 +33,19 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('react-native-onesignal', () => {
+  return {
+    setNotificationWillShowInForegroundHandler: jest.fn(),
+  };
+});
+
+jest.mock('../../../hooks', () => {
+  return {
+    ...jest.requireActual('../../../hooks'),
+    useReceiveNotifications: jest.fn(() => ({ dataNotification: null })),
+  };
+});
+
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <UnitSummary route={route} />
@@ -42,6 +56,7 @@ describe('Test UnitSummary', () => {
   let route;
 
   beforeEach(() => {
+    mock.resetHistory();
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
     route = {
       params: {
@@ -49,6 +64,7 @@ describe('Test UnitSummary', () => {
         unitData: {
           id: 1,
         },
+        summaryId: 1,
         summaryData: {
           id: 1,
           name: '',
@@ -121,6 +137,44 @@ describe('Test UnitSummary', () => {
     expect(refreshControl).toBeDefined();
   });
 
+  test('test receive notification with summary_id then reload data', async () => {
+    jest.useFakeTimers();
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    const dataNotification = {
+      params: {
+        summary_id: 1,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    act(() => {
+      tree = create(wrapComponent(route));
+    });
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
+  test('test receive notification with other summary_id then not reload data', async () => {
+    jest.useFakeTimers();
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    const dataNotification = {
+      params: {
+        summary_id: 2,
+      },
+    };
+    useReceiveNotifications.mockImplementationOnce(() => ({
+      dataNotification,
+    }));
+    act(() => {
+      tree = create(wrapComponent(route));
+    });
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   let list_value = [
     Routes.AirQuality,
     Routes.PowerConsumption,

package/src/screens/UnitSummary/components/3PPowerConsumption/__test__/3PPowerConsumption.test.js

@@ -1,10 +1,23 @@
-import React from 'react';
+import React, { useState } from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { TESTID } from '../../../../../configs/Constants';
-import { Colors } from '../../../../../configs';
+import { API, Colors } from '../../../../../configs';
 import PowerConsumption from '../index';
 import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
+import MockAdapter from 'axios-mock-adapter';
+import api from '../../../../../utils/Apis/axios';
+
+const mock = new MockAdapter(api.axiosInstance);
+const mockSetState = jest.fn();
+
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    useState: jest.fn(),
+  };
+});
+useState.mockImplementation((init) => [init, mockSetState]);
 
 const wrapComponent = (summaryDetail) => (
   <SCProvider initState={mockSCStore({})}>
@@ -64,4 +77,20 @@ describe('Test 3PPowerConsumption', () => {
     ];
     expect(listIndicator.props.data).toEqual(resultList);
   });
+
+  test('render 3PPowerConsumption with total_power', async () => {
+    mock.onGet(API.VALUE_CONSUME.DISPLAY_HISTORY()).reply(200, [{}]);
+    const summaryDetail = {
+      volt1Value: 200,
+      current1Value: 20,
+      activePowerValue: 10,
+      powerFactor1Value: 30,
+      totalPowerValue: 20,
+      listConfigs: { total_power: 1 },
+    };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(summaryDetail));
+    });
+    expect(mockSetState).toHaveBeenCalledWith([{}]);
+  });
 });

package/src/screens/UnitSummary/components/PowerConsumeHistoryChart/index.js

@@ -4,6 +4,7 @@ import moment from 'moment';
 import { API } from '../../../../configs';
 import HistoryChart from '../../../../commons/Device/HistoryChart';
 import { axiosGet } from '../../../../utils/Apis/axios';
+import { updateConfigChart } from '../../../../commons/UnitSummary/ConfigHistoryChart';
 
 export const dateTimeType = {
   date: 'date',
@@ -30,19 +31,7 @@ const ConfigHistoryChart = memo(({ configs }) => {
       const { success, data } = await axiosGet(API.CONFIG.DISPLAY_HISTORY, {
         params,
       });
-      if (success) {
-        for (let i = 0; i < data.length; i++) {
-          for (let j = 0; j < data[i].data.length; j++) {
-            data[i].data[j].x = moment(data[i].data[j].x).toDate();
-          }
-        }
-        setChartData(
-          configuration.map((config) => {
-            config.data = data.find((k) => k.config === config.id).data;
-            return config;
-          })
-        );
-      }
+      updateConfigChart(success, data, configuration, setChartData);
     };
     fetchData();
   }, [startDate, endDate, configs]);

package/src/screens/UnitSummary/components/PowerConsumption/__test__/ItemPower.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable promise/prefer-await-to-callbacks */
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import Text from '../../../../../commons/Text';

package/src/screens/UnitSummary/components/RunningDevices/__test__/index.test.js

@@ -13,7 +13,6 @@ const wrapComponent = (unit, summaryDetail) => (
 );
 
 const mockedNavigate = jest.fn();
-
 jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
@@ -23,6 +22,16 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const mockConnectGoogleHome = jest.fn();
+jest.mock('../../../../../hooks/IoT', () => {
+  return {
+    ...jest.requireActual('../../../../../hooks/IoT'),
+    useGGHomeConnection: () => ({
+      connectGoogleHome: mockConnectGoogleHome,
+    }),
+  };
+});
+
 describe('test RunningDevices', () => {
   afterEach(() => {
     mockedNavigate.mockClear();
@@ -73,6 +82,7 @@ describe('test RunningDevices', () => {
       act(() => {
         button[0].props.onPress();
       });
+      expect(mockConnectGoogleHome).toBeCalled();
     });
   });
 
@@ -112,7 +122,6 @@ describe('test RunningDevices', () => {
       button[0].props.onPress();
     });
     expect(mockedNavigate).toBeCalledWith('DeviceDetail', {
-      isGGHomeConnected: false,
       sensorData: summaryDetail.devices[0],
       station: 'station',
       title: undefined,