@eohjsc/react-native-smart-city 0.6.2 → 0.7.0

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();
   });
 });

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

@@ -108,8 +108,10 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
+    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceSubUnit
+    );
   });
 
   it('select zigbee', async () => {
@@ -124,8 +126,10 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
+    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceSubUnit
+    );
   });
 
   it('select zigbee reach limit', async () => {
@@ -146,7 +150,7 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
       getTranslate('en', 'reach_max_configs_per_unit', { length: 1 }),
       '',
@@ -166,8 +170,10 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ScanGatewayQR);
+    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.ScanGatewayQR
+    );
   });
 
   it('select gateway reach limit', async () => {
@@ -187,7 +193,7 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
       getTranslate('en', 'reach_max_chips_per_unit', { length: 1 }),
       '',
@@ -283,7 +289,9 @@ describe('Test select device type', () => {
         },
       },
     });
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
+    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.SelectDeviceSubUnit
+    );
   });
 });

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

@@ -41,6 +41,6 @@ describe('test single SelectUnit', () => {
     await act(async () => {
       goBack.props.onPress();
     });
-    expect(mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toBeCalled();
   });
 });

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

@@ -60,14 +60,17 @@ describe('Test select modbus gateway', () => {
       selectGateway.props.onPressNext({ id: 3 });
     });
 
-    expect(mockedNavigate).toBeCalledWith(Routes.ConnectingModbusDevice, {
-      unit: {
-        id: 1,
-      },
-      subUnit: {
-        id: 2,
-      },
-      chipId: 3,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.ConnectingModbusDevice,
+      {
+        unit: {
+          id: 1,
+        },
+        subUnit: {
+          id: 2,
+        },
+        chipId: 3,
+      }
+    );
   });
 });

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

@@ -60,14 +60,17 @@ describe('Test select zigbee gateway', () => {
       selectGateway.props.onPressNext({ id: 3 });
     });
 
-    expect(mockedNavigate).toBeCalledWith(Routes.ZigbeeDeviceConnectGuide, {
-      unit: {
-        id: 1,
-      },
-      subUnit: {
-        id: 2,
-      },
-      chipId: 3,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.ZigbeeDeviceConnectGuide,
+      {
+        unit: {
+          id: 1,
+        },
+        subUnit: {
+          id: 2,
+        },
+        chipId: 3,
+      }
+    );
   });
 });

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

@@ -14,24 +14,12 @@ import Routes from '../../../utils/Route';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { HeaderCustom } from '../../../commons/Header';
 import { flushPromises } from '../../AllGateway/test-utils';
+import { useNavigation } from '@react-navigation/native';
 
-const mockedGoBack = jest.fn();
-const mockedNavigate = jest.fn();
 const mockedReconnectWifiSSID = jest.fn();
 jest.spyOn(Alert, 'alert').mockImplementation(() => {});
 jest.mock('@react-native-community/netinfo');
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ShareWifiPassword route={route} />
@@ -40,6 +28,7 @@ const wrapComponent = (route) => (
 
 describe('test share wifi password', () => {
   let tree;
+  const { navigate } = useNavigation();
 
   beforeEach(() => {
     const socket = dgram.createSocket({});
@@ -48,7 +37,6 @@ describe('test share wifi password', () => {
     socket.send.mockClear();
     socket.close.mockClear();
     Alert.alert.mockReset();
-    mockedNavigate.mockClear();
   });
 
   it('render share wifi', async () => {
@@ -170,8 +158,8 @@ describe('test share wifi password', () => {
     await act(async () => {
       Alert.alert.mock.calls[1][2][0].onPress();
     });
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
+    expect(navigate).toBeCalled();
+    expect(navigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
   });
 
   it('close socket after gateway success connect to wifi', async () => {
@@ -195,10 +183,8 @@ describe('test share wifi password', () => {
       jest.runOnlyPendingTimers();
     });
     await new Promise(jest.requireActual('timers').setImmediate);
-    expect(mockedNavigate).toBeCalled();
-    expect(mockedNavigate.mock.calls[0][0]).toEqual(
-      Routes.ConnectingWifiDevice
-    );
+    expect(navigate).toBeCalled();
+    expect(navigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiDevice);
   });
   it('render list wifi onPress item and cancel popup item', async () => {
     jest.useFakeTimers();
@@ -270,7 +256,7 @@ describe('test share wifi password', () => {
       await headerCustom.props.onGoBack();
     });
     expect(socket.close).toBeCalled();
-    expect(mockedNavigate).toBeCalledWith('ConnectingWifiGuide', {
+    expect(navigate).toBeCalledWith('ConnectingWifiGuide', {
       addDeviceType: undefined,
       isBackFromOtherScreen: true,
       qrData: undefined,

package/src/screens/AllGateway/DetailConfigActionInternal/__test__/index.test.js

@@ -13,26 +13,6 @@ const wrapComponent = () => (
   </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,
-  };
-});
-
 const initData = async (params) => {
   let tree;
   useRoute.mockReturnValue({

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

@@ -15,26 +15,6 @@ const wrapComponent = () => (
   </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 () => {
@@ -113,10 +93,13 @@ describe('Test DetailConfigActionZigbee', () => {
       })();
     });
     expect(detailActionModbus).toHaveLength(1);
-    expect(mockNavigate).toBeCalledWith(Routes.DetailChildConfigActionModbus, {
-      isChildAction: true,
-      itemActionConfig: { actionName: 'action', id: 1 },
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailChildConfigActionModbus,
+      {
+        isChildAction: true,
+        itemActionConfig: { actionName: 'action', id: 1 },
+      }
+    );
   });
   it('test render DetailConfigActionZigbee isChildAction', async () => {
     useRoute.mockReturnValue({

package/src/screens/AllGateway/DeviceGatewayInfo/__test__/index.test.js

@@ -12,23 +12,6 @@ const wrapComponent = () => (
     <DeviceGatewayInfo />
   </SCProvider>
 );
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-  };
-});
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: jest.fn(),
-    }),
-    useRoute: jest.fn(),
-    useIsFocused: () => true,
-  };
-});
 
 describe('Test DeviceGatewayInfo', () => {
   let tree;