@eohjsc/react-native-smart-city 0.3.37 → 0.3.39

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

@@ -30,7 +30,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
-    useFocusEffect: jest.fn(),
+    useIsFocused: () => true,
   };
 });
 
@@ -58,6 +58,7 @@ describe('Test UnitSummary', () => {
 
   beforeEach(() => {
     mock.resetHistory();
+
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
     route = {
       params: {
@@ -101,7 +102,9 @@ describe('Test UnitSummary', () => {
 
   it('render fetchSummaryDetail success', async () => {
     jest.useFakeTimers();
-    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    mock
+      .onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1))
+      .reply(200, { data: { last_updated: '' } });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -110,7 +113,35 @@ describe('Test UnitSummary', () => {
     });
     const instance = tree.root;
     const refreshControl = instance.findByType(RefreshControl);
+    const wrapHeader = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.WRAP_HEADER_SCROLL,
+    });
+
     expect(refreshControl).toBeDefined();
+    expect(wrapHeader.props.subTitle).toEqual(null);
+  });
+
+  it('render fetchUnitSummary success', async () => {
+    route.params.summaryData = null;
+    jest.useFakeTimers();
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200, { data: {} });
+    mock
+      .onGet(API.UNIT.UNIT_SUMMARY(1))
+      .reply(200, [{ id: 1, screen: Routes.AirQuality }]);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+    const instance = tree.root;
+    const componentName = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.COMPONENT_NAME,
+    });
+
+    expect(componentName).toBeDefined();
+    expect(componentName.props.summaryDetail).toEqual({});
+    expect(componentName.props.unit).toEqual({ id: 1 });
   });
 
   it('render fetchUnitDetail success', async () => {
@@ -184,6 +215,7 @@ describe('Test UnitSummary', () => {
     Routes.UvIndex,
     Routes.WaterQuality,
     Routes.ThreePhasePowerConsumption,
+    null,
   ];
   let list_result = [
     {
@@ -213,6 +245,10 @@ describe('Test UnitSummary', () => {
     {
       componentName: ThreePhasePowerConsumption,
     },
+    {
+      guideName: null,
+      componentName: null,
+    },
   ];
 
   list_value.forEach((value, index) => {

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

@@ -19,7 +19,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
-    useFocusEffect: jest.fn(),
+    useIsFocused: () => true,
   };
 });
 

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

@@ -1,27 +1,13 @@
-import React, { memo, useEffect } from 'react';
+import React, { memo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import ItemDevice from '../../../../commons/Device/ItemDevice';
-import { scanBluetoothDevices } from '../../../../iot/RemoteControl/Bluetooth';
-import { useHomeAssistantConnection } from '../../../../hooks/IoT';
 import { useDevicesStatus } from '../../../../hooks/Common';
+import { useUnitConnectRemoteDevices } from '../../../Unit/hook/useUnitConnectRemoteDevices';
 
 const RunningDevices = memo(({ unit, summaryDetail }) => {
   const { devices } = summaryDetail;
 
-  const { connectHomeAssistant } = useHomeAssistantConnection();
-
-  useEffect(() => {
-    if (unit.remote_control_options) {
-      if (unit.remote_control_options.bluetooth) {
-        scanBluetoothDevices(unit.remote_control_options.bluetooth);
-      }
-      if (unit.remote_control_options.googlehome) {
-        (async () =>
-          await connectHomeAssistant(unit.remote_control_options.googlehome))();
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [unit]);
+  useUnitConnectRemoteDevices(unit);
 
   useDevicesStatus(unit, devices);
 

package/src/screens/UnitSummary/index.js

@@ -166,6 +166,7 @@ const UnitSummary = memo(({ route }) => {
   return (
     <View style={[styles.container]}>
       <WrapHeaderScrollable
+        accessibilityLabel={AccessibilityLabel.WRAP_HEADER_SCROLL}
         title={summary?.name}
         subTitle={lastUpdatedStr}
         rightComponent={
@@ -188,7 +189,11 @@ const UnitSummary = memo(({ route }) => {
         onRefresh={onRefresh}
       >
         {ComponentName && (
-          <ComponentName summaryDetail={summaryDetail} unit={unit} />
+          <ComponentName
+            summaryDetail={summaryDetail}
+            unit={unit}
+            accessibilityLabel={AccessibilityLabel.COMPONENT_NAME}
+          />
         )}
       </WrapHeaderScrollable>
     </View>

package/src/utils/Apis/axios.js

@@ -52,6 +52,7 @@ const parseErrorResponse = async (error) => {
     if (message?.message) {
       message = message.message;
     }
+    message = `${firstKey}: ${message}`;
   } else {
     message = error.data || error.problem;
   }

package/src/utils/__test__/Utils.test.js

@@ -1,4 +1,10 @@
-import { validateEmail, formatMoney } from '../Utils';
+import {
+  validateEmail,
+  formatMoney,
+  insertToString,
+  removeFromString,
+  isObjectEmpty,
+} from '../Utils';
 
 describe('Test utils', () => {
   it('test validateEmail', async () => {
@@ -9,4 +15,16 @@ describe('Test utils', () => {
     const result = formatMoney(10000);
     expect(result).toEqual('10.000 đ');
   });
+  it('test insertToString', async () => {
+    const result = insertToString('test', 1, 2);
+    expect(result).toEqual('t2est');
+  });
+  it('test removeFromString', async () => {
+    const result = removeFromString('test', 1);
+    expect(result).toEqual('tst');
+  });
+  it('test isObjectEmpty', async () => {
+    const result = isObjectEmpty({ id: 1 });
+    expect(result).toEqual(false);
+  });
 });

package/src/screens/SmartAccount/SuccessfullyConnected/DeviceItem.js

@@ -1,37 +0,0 @@
-import React, { memo, useCallback, useState } from 'react';
-import { View } from 'react-native';
-
-import FImage from '../../../commons/FImage';
-import { API } from '../../../configs';
-import { axiosPatch } from '../../../utils/Apis/axios';
-import _TextInput from '../../../commons/Form/TextInput';
-import AccessibilityLabel from '../../../configs/AccessibilityLabel';
-import styles from './DeviceItemStyles';
-
-const DeviceItem = memo(({ icon, name, itemId }) => {
-  const [newName, setNewName] = useState(name);
-
-  const handleBlur = useCallback(async () => {
-    await axiosPatch(API.DEVICE.END_DEVICE_DETAIL(itemId), {
-      name: newName,
-    });
-  }, [itemId, newName]);
-
-  return (
-    <View style={styles.container}>
-      <FImage source={{ uri: icon }} style={styles.iconSensor} />
-      <_TextInput
-        value={newName}
-        textInputStyle={styles.textItem}
-        onChange={setNewName}
-        onBlur={handleBlur}
-        maxLength={64}
-        accessibilityLabel={
-          AccessibilityLabel.ON_CHANGE_NAME_DEVICE_SMART_ACCOUNT
-        }
-      />
-    </View>
-  );
-});
-
-export default DeviceItem;

package/src/screens/SmartAccount/SuccessfullyConnected/DeviceItemStyles.js

@@ -1,49 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Colors, Constants } from '../../../configs';
-
-const marginItem = 12;
-const marginHorizontal = 5;
-const widthItem = (Constants.width - marginHorizontal * 2 - marginItem) / 2;
-const heightItem = (widthItem / 166) * 60;
-
-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: {
-      width: 0,
-      height: 2,
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 3,
-    elevation: 6,
-    paddingLeft: 30,
-    paddingRight: 30,
-  },
-  iconSensor: {
-    width: 32,
-    height: 32,
-    resizeMode: 'contain',
-  },
-  textItem: {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 0,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Primary,
-    textAlign: 'center',
-    marginTop: -10,
-    fontSize: 16,
-  },
-});

package/src/screens/SmartAccount/SuccessfullyConnected/__test__/DeviceItem.test.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-import _TextInput from '../../../../commons/Form/TextInput';
-import { API } from '../../../../configs';
-import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import MockAdapter from 'axios-mock-adapter';
-import DeviceItem from '../DeviceItem';
-import api from '../../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const wrapComponent = (props) => (
-  <SCProvider initState={mockSCStore({})}>
-    <DeviceItem {...props} />
-  </SCProvider>
-);
-
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
-describe('Test SmartAccount', () => {
-  let tree;
-  it('test DeviceItem', async () => {
-    let props = {
-      icon: '',
-      name: 'test',
-      itemId: 2,
-    };
-    await act(async () => {
-      tree = await create(wrapComponent(props));
-    });
-    const instance = tree.root;
-    const texts = instance.findAllByType(_TextInput);
-    expect(texts).toHaveLength(1);
-  });
-
-  it('test onchange name device', async () => {
-    let props = {
-      icon: '',
-      name: 'test',
-      itemId: 2,
-    };
-    await act(async () => {
-      tree = await create(wrapComponent(props));
-    });
-    const instance = tree.root;
-    const textInput = instance.find(
-      (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.ON_CHANGE_NAME_DEVICE_SMART_ACCOUNT &&
-        el.type === _TextInput
-    );
-    await act(async () => {
-      await textInput.props.onBlur('new name');
-    });
-    mock.onPatch(API.DEVICE.END_DEVICE_DETAIL(1)).reply(200);
-    expect(textInput).toBeDefined();
-  });
-});