@eohjsc/react-native-smart-city 0.6.2 → 0.7.3-rc1

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

@@ -9,19 +9,6 @@ import { mockSCStore } from '../../../../context/mockStore';
 import { ViewButtonBottom } from '../../../../commons';
 import Routes from '../../../../utils/Route';
 
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => ({}),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <FirstWarning route={route} />
@@ -32,7 +19,7 @@ describe('Test FirstWarning', () => {
   let tree;
 
   beforeEach(async () => {
-    mockedNavigate.mockClear();
+    global.mockedNavigate.mockClear();
   });
 
   it('create', async () => {
@@ -58,21 +45,27 @@ describe('Test FirstWarning', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   };
 
   it('test ViewButtonBottom onRightClick from dashboard', async () => {
     await rightClick({});
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceUnit);
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceUnit
+    );
   });
 
   it('test ViewButtonBottom onRightClick from unit', async () => {
     await rightClick({ unitId: 1 });
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceType);
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceType
+    );
   });
 
   it('test ViewButtonBottom onRightClick from sub-unit', async () => {
     await rightClick({ unitId: 1, stationId: 1 });
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceType);
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceType
+    );
   });
 });

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

@@ -8,19 +8,7 @@ import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import { ViewButtonBottom } from '../../../../commons';
 import Routes from '../../../../utils/Route';
-
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => ({}),
-  };
-});
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -30,10 +18,7 @@ const wrapComponent = (route) => (
 
 describe('Test ZigbeeDeviceConnectGuide', () => {
   let tree;
-
-  beforeEach(async () => {
-    mockedNavigate.mockClear();
-  });
+  const { navigate } = useNavigation();
 
   it('create', async () => {
     await act(async () => {
@@ -58,13 +43,11 @@ describe('Test ZigbeeDeviceConnectGuide', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(navigate).toHaveBeenCalled();
   };
 
   it('test click next', async () => {
     await rightClick();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(
-      Routes.ConnectingZigbeeDevice
-    );
+    expect(navigate.mock.calls[0][0]).toEqual(Routes.ConnectingZigbeeDevice);
   });
 });

package/src/screens/AddNewGateway/RenameNewDevices.js

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useEffect, useState, useMemo } from 'react';
 import { ScrollView, TouchableOpacity, View } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { CommonActions, useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Colors } from '../../configs';
@@ -357,7 +357,7 @@ const RenameNewDevices = memo(({ route }) => {
       />
       <View style={styles.content}>
         <View style={styles.viewIconSuccess}>
-          <IconOutline name="check-circle" size={28} color={Colors.Green6} />
+          <AntDesign name="check-circle" size={28} color={Colors.Green6} />
           <Text
             semibold
             color={Colors.Black}

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

@@ -112,7 +112,7 @@ describe('Test AddNewGateway', () => {
     await act(async () => {
       viewButtonBottom.props.onLeftClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(global.mockedGoBack).toHaveBeenCalled();
   });
 
   it('ViewButtonBottom onRightClick without select stationId', async () => {
@@ -124,7 +124,7 @@ describe('Test AddNewGateway', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   it('ViewButtonBottom onRightClick with stationId', async () => {
@@ -147,6 +147,6 @@ describe('Test AddNewGateway', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
   });
 });

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

@@ -15,27 +15,10 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-  };
-});
-
 describe('Test connecting modbus device', () => {
   let tree;
   let route;
 
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
-
   beforeEach(() => {
     route = {
       params: {

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

@@ -11,6 +11,7 @@ import api from '../../../utils/Apis/axios';
 import Processing from '../../../commons/Processing';
 import ConnectingDevice from '../ConnectingDevice';
 import { API } from '../../../configs';
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -20,31 +21,15 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 jest.spyOn(Alert, 'alert').mockImplementation(() => {});
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-  };
-});
 
 describe('Test connecting wifi device', () => {
   let tree;
   let route;
+  const { goBack } = useNavigation();
 
-  afterEach(() => {
-    mockedNavigate.mockClear();
-    mockedGoBack.mockClear();
+  beforeEach(() => {
     Alert.alert.mockReset();
     mock.reset();
-  });
-
-  beforeEach(() => {
     jest.useFakeTimers();
     route = {
       params: {
@@ -96,6 +81,6 @@ describe('Test connecting wifi device', () => {
     await act(async () => {
       Alert.alert.mock.calls[1][2][0].onPress();
     });
-    expect(mockedGoBack).toBeCalled();
+    expect(goBack).toBeCalled();
   });
 });

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

@@ -10,19 +10,7 @@ import ConnectingWifiGuide from '../ConnectingWifiGuide';
 import InteractSmartphoneIcon from '../../../../assets/images/AddNewDevice/interact-smartphone-icon.svg';
 import AccessibilityLabel from '../../../configs/AccessibilityLabel';
 
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
 jest.spyOn(Alert, 'alert').mockImplementation(() => {});
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -146,7 +134,7 @@ describe('test share wifi password', () => {
     await act(async () => {
       Alert.alert.mock.calls[0][2][0].onPress();
     });
-    expect(mockedGoBack).toBeCalled();
+    expect(global.mockedGoBack).toBeCalled();
   });
 
   it('fail connect to wifi android show error push retry', async () => {
@@ -244,7 +232,7 @@ describe('test share wifi password', () => {
     });
     // todo Bang should test wifi display
     expect(socket.close).toBeCalled();
-    expect(mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toBeCalledWith(
       'ShareWifiPassword',
       expect.objectContaining({
         qrData: {
@@ -262,7 +250,7 @@ describe('test share wifi password', () => {
       })
     );
 
-    // expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ShareWifiPassword);
+    // expect(global.mockedNavigate.mock.calls[0][0]).toEqual(Routes.ShareWifiPassword);
   });
 
   it('got error while request wifi list from device', async () => {

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

@@ -18,38 +18,12 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react-native', () => {
-  const RN = jest.requireActual('react-native');
-  return Object.setPrototypeOf(
-    {
-      Alert: {
-        ...RN.Alert,
-        alert: jest.fn(),
-      },
-    },
-    RN
-  );
-});
-
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-  };
-});
-
 describe('Test connecting modbus device', () => {
   let tree;
   let route;
 
   beforeEach(() => {
     getPusher().resetMock();
-    mockedNavigate.mockClear();
   });
 
   beforeEach(() => {
@@ -108,18 +82,21 @@ describe('Test connecting modbus device', () => {
     await act(async () => {
       await channel.trigger('progress', { success: 1 });
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.RenameNewDevices, {
-      addDeviceType: undefined,
-      unit: {
-        id: 1,
-      },
-      subUnit: {
-        id: 2,
-        station: 'Station 2',
-      },
-      chipId: 3,
-      sensorId: 1,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.RenameNewDevices,
+      {
+        addDeviceType: undefined,
+        unit: {
+          id: 1,
+        },
+        subUnit: {
+          id: 2,
+          station: 'Station 2',
+        },
+        chipId: 3,
+        sensorId: 1,
+      }
+    );
   });
 
   it('receive sensor from channel after rejoin zigbee', async () => {
@@ -142,18 +119,21 @@ describe('Test connecting modbus device', () => {
     await act(async () => {
       await channel.trigger('progress', { success: 1 });
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.RenameNewDevices, {
-      addDeviceType: undefined,
-      unit: {
-        id: 1,
-      },
-      subUnit: {
-        id: 2,
-        station: 'Station 2',
-      },
-      chipId: 3,
-      sensorId: 1,
-      isRejoin: true,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.RenameNewDevices,
+      {
+        addDeviceType: undefined,
+        unit: {
+          id: 1,
+        },
+        subUnit: {
+          id: 2,
+          station: 'Station 2',
+        },
+        chipId: 3,
+        sensorId: 1,
+        isRejoin: true,
+      }
+    );
   });
 });

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

@@ -12,6 +12,7 @@ import Text from '../../../commons/Text';
 import _TextInput from '../../../commons/Form/TextInput';
 import API from '../../../configs/API';
 import { CheckBoxCustom } from '../../Sharing/Components';
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -21,22 +22,8 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-const mockedDispatch = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-      dispatch: mockedDispatch,
-    }),
-  };
-});
-
 describe('Test rename new devices', () => {
+  const { navigate } = useNavigation();
   let tree;
   let route;
   const listItemComponent = (instance) => {
@@ -74,7 +61,7 @@ describe('Test rename new devices', () => {
     }
   };
   const mockedDispatchNavigate = () => {
-    expect(mockedDispatch).toBeCalledWith({
+    expect(global.mockedDispatch).toBeCalledWith({
       payload: {
         index: 0,
         routes: [
@@ -115,12 +102,9 @@ describe('Test rename new devices', () => {
     expect(button).toHaveLength(1);
   };
 
-  afterEach(() => {
-    mockedNavigate.mockClear();
-    mock.reset();
-  });
-
   beforeEach(() => {
+    navigate.mockClear();
+    mock.reset();
     route = {
       params: {
         unitId: 1,
@@ -452,7 +436,10 @@ describe('Test rename new devices', () => {
     );
     await act(async () => {
       doneButton.props.onPress();
-      jest.advanceTimersByTime(3000);
+    });
+
+    await act(async () => {
+      jest.runOnlyPendingTimers();
     });
 
     expect(mock.history.post).toHaveLength(0);

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

@@ -8,19 +8,7 @@ import QRScan from '../../ScanChipQR/components/QRScan';
 import { getTranslate } from '../../../utils/I18n';
 import Routes from '../../../utils/Route';
 import { ViewButtonBottom } from '../../../commons';
-
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -30,6 +18,7 @@ const wrapComponent = (route) => (
 
 describe('test scan gateway device QR', () => {
   let tree;
+  const { goBack, navigate } = useNavigation();
 
   it('render scan gateway device', async () => {
     const route = { params: {} };
@@ -51,17 +40,18 @@ describe('test scan gateway device QR', () => {
     const instance = tree.root;
     const qrScan = instance.findByType(QRScan);
     await act(async () => {
-      qrScan.props.onScan(JSON.stringify(data), jest.fn());
+      qrScan.props.onScan(data, jest.fn());
     });
   };
 
   it('on scan wrong QR code', async () => {
-    await scanQRCode({ imei: 'SAMSUNG-xxx' });
+    await scanQRCode('wrong json data');
 
     const instance = tree.root;
     const bottomSheet = instance.findByProps({
       title: getTranslate('en', 'invalid_qr_code'),
     });
+    expect(bottomSheet.props.isVisible).toBe(true);
 
     const buttonBottom = instance.findByType(ViewButtonBottom);
     await act(async () => {
@@ -72,12 +62,15 @@ describe('test scan gateway device QR', () => {
     await act(async () => {
       await buttonBottom.props.onLeftClick();
     });
-    expect(mockedGoBack).toBeCalled();
+    expect(goBack).toBeCalled();
   });
 
   it('on scan correct QR code', async () => {
-    await scanQRCode({ org_slug: 'eoh', prefix: 'lite' }, jest.fn());
-    expect(mockedNavigate).toHaveBeenCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
+    await scanQRCode(
+      JSON.stringify({ org_slug: 'eoh', prefix: 'lite' }),
+      jest.fn()
+    );
+    expect(navigate).toHaveBeenCalled();
+    expect(navigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
   });
 });

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

@@ -8,19 +8,7 @@ import QRScan from '../../ScanChipQR/components/QRScan';
 import { getTranslate } from '../../../utils/I18n';
 import Routes from '../../../utils/Route';
 import ViewButtonBottom from '../../../commons/ViewButtonBottom';
-
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -43,6 +31,7 @@ describe('test scan modbus QR', () => {
   });
 
   it('cancel scan modbus device', async () => {
+    const { goBack } = useNavigation();
     const route = { params: {} };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
@@ -53,7 +42,7 @@ describe('test scan modbus QR', () => {
     await act(async () => {
       qrScanComponent.props.onLeftClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(goBack).toHaveBeenCalled();
   });
 
   const scanQRCode = async (data) => {
@@ -79,8 +68,9 @@ describe('test scan modbus QR', () => {
   });
 
   it('on scan correct QR code', async () => {
+    const { navigate } = useNavigation();
     await scanQRCode({ imei: 'SENSOR-xxx' }, jest.fn());
-    expect(mockedNavigate).toHaveBeenCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectModbusGateway);
+    expect(navigate).toHaveBeenCalled();
+    expect(navigate.mock.calls[0][0]).toEqual(Routes.SelectModbusGateway);
   });
 });

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

@@ -7,19 +7,6 @@ import { mockSCStore } from '../../../context/mockStore';
 import QRScan from '../../ScanChipQR/components/QRScan';
 import Routes from '../../../utils/Route';
 
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ScanWifiDeviceQR route={route} />
@@ -55,7 +42,9 @@ describe('test scan wifi device QR', () => {
 
   it('on scan correct QR code', async () => {
     await scanQRCode({ prefix: 'robot', org_slug: 'eoh' }, jest.fn());
-    expect(mockedNavigate).toHaveBeenCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
+    expect(global.mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.ConnectingWifiGuide
+    );
   });
 });

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

@@ -35,7 +35,7 @@ describe('Test SelectSubUnit', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
   it('test ViewButtonBottom onRightClick MODBUS', async () => {
     const route = { params: { deviceType: DEVICE_TYPE.MODBUS } };
@@ -47,7 +47,7 @@ describe('Test SelectSubUnit', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
   it('test ViewButtonBottom onRightClick ZIGBEE', async () => {
     const route = { params: { deviceType: DEVICE_TYPE.ZIGBEE } };
@@ -59,6 +59,6 @@ describe('Test SelectSubUnit', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 });