@eohjsc/react-native-smart-city 0.6.2 → 0.7.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;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { create, act } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 import { useRoute } from '@react-navigation/native';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import Toast from 'react-native-toast-message';
 
 import { SCProvider } from '../../../../context';
@@ -28,33 +28,6 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-jest.mock('react-native', () => {
-  const RN = jest.requireActual('react-native');
-  return Object.setPrototypeOf(
-    {
-      Alert: {
-        ...RN.Alert,
-        alert: jest.fn(),
-      },
-    },
-    RN
-  );
-});
-
-const mockPop = jest.fn();
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-      pop: mockPop,
-    }),
-    useRoute: jest.fn(),
-    useIsFocused: () => true,
-  };
-});
-
 const headerCustomOnPressMore = async (instance) => {
   const headerCustom = instance?.findAllByType(HeaderCustom);
   const buttonMore = headerCustom[0].findByProps({
@@ -136,7 +109,6 @@ describe('Test DeviceInternalDetail', () => {
     });
     mock.reset();
     mock.resetHistory();
-    mockNavigate.mockClear();
     Toast.show.mockClear();
   });
 
@@ -167,11 +139,14 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       menuActionMore[0].props.listMenuItem[0].doAction();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.DeviceGatewayInfo, {
-      device: { id: 1, name: 'abc' },
-      isDevice: true,
-      isInternal: true,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceGatewayInfo,
+      {
+        device: { id: 1, name: 'abc' },
+        isDevice: true,
+        isInternal: true,
+      }
+    );
   });
 
   it('test render DeviceInternalDetail onPress more and onPress Delete internal', async () => {
@@ -192,7 +167,7 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(mockPop).toBeCalledWith(1);
+    expect(global.mockedPop).toBeCalledWith(1);
     expect(Toast.show).toBeCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
@@ -278,44 +253,47 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionInternal, {
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: false,
-      isConfigRead: false,
-      isConfigWrite: true,
-      itemActionConfig: 1,
-      isInternal: true,
-      isVirtualPin: false,
-      board: undefined,
-      virtualConfigPins: [],
-      writeConfigPins: [
-        {
-          config: {
-            is_read: false,
-            is_write: true,
-            name: 'config1',
-          },
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionInternal,
+      {
+        device: {
           id: 1,
-          pin_mode: 'output',
-          pin_number: '0',
-          value_type: 'boolean',
+          name: 'abc',
         },
-        {
-          config: {
-            is_read: true,
-            is_write: true,
-            name: 'config2',
+        isAction: false,
+        isConfigRead: false,
+        isConfigWrite: true,
+        itemActionConfig: 1,
+        isInternal: true,
+        isVirtualPin: false,
+        board: undefined,
+        virtualConfigPins: [],
+        writeConfigPins: [
+          {
+            config: {
+              is_read: false,
+              is_write: true,
+              name: 'config1',
+            },
+            id: 1,
+            pin_mode: 'output',
+            pin_number: '0',
+            value_type: 'boolean',
           },
-          id: 2,
-          pin_mode: 'output',
-          pin_number: '0',
-          value_type: 'integer',
-        },
-      ],
-    });
+          {
+            config: {
+              is_read: true,
+              is_write: true,
+              name: 'config2',
+            },
+            id: 2,
+            pin_mode: 'output',
+            pin_number: '0',
+            value_type: 'integer',
+          },
+        ],
+      }
+    );
   });
 
   it('test render DeviceInternalDetail onPress TabPanel config read onPressRow', async () => {
@@ -329,21 +307,24 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionInternal, {
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: false,
-      isConfigRead: true,
-      isConfigWrite: false,
-      itemActionConfig: 1,
-      board: undefined,
-      isInternal: true,
-      isVirtualPin: false,
-      writeConfigPins: [],
-      virtualConfigPins: [],
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionInternal,
+      {
+        device: {
+          id: 1,
+          name: 'abc',
+        },
+        isAction: false,
+        isConfigRead: true,
+        isConfigWrite: false,
+        itemActionConfig: 1,
+        board: undefined,
+        isInternal: true,
+        isVirtualPin: false,
+        writeConfigPins: [],
+        virtualConfigPins: [],
+      }
+    );
   });
 
   it('test render DeviceInternalDetail onPress TabPanel action onPressRow', async () => {
@@ -351,21 +332,24 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionInternal, {
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: true,
-      isConfigRead: false,
-      isConfigWrite: false,
-      itemActionConfig: 1,
-      board: undefined,
-      isInternal: true,
-      isVirtualPin: false,
-      writeConfigPins: undefined,
-      virtualConfigPins: undefined,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionInternal,
+      {
+        device: {
+          id: 1,
+          name: 'abc',
+        },
+        isAction: true,
+        isConfigRead: false,
+        isConfigWrite: false,
+        itemActionConfig: 1,
+        board: undefined,
+        isInternal: true,
+        isVirtualPin: false,
+        writeConfigPins: undefined,
+        virtualConfigPins: undefined,
+      }
+    );
   });
 
   it('test render DeviceInternalDetail onPress TabPanel config write onRefresh', async () => {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { create, act } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 import { useRoute } from '@react-navigation/native';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import Toast from 'react-native-toast-message';
 
 import { SCProvider } from '../../../../context';
@@ -28,35 +28,8 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-jest.mock('react-native', () => {
-  const RN = jest.requireActual('react-native');
-  return Object.setPrototypeOf(
-    {
-      Alert: {
-        ...RN.Alert,
-        alert: jest.fn(),
-      },
-    },
-    RN
-  );
-});
-
-const mockPop = jest.fn();
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-      pop: mockPop,
-    }),
-    useRoute: jest.fn(),
-    useIsFocused: () => true,
-  };
-});
-
 const headerCustomOnPressMore = async (instance) => {
-  const headerCustom = instance?.findAllByType(HeaderCustom);
+  const headerCustom = instance.findAllByType(HeaderCustom);
   const buttonMore = headerCustom[0].findByProps({
     accessibilityLabel: AccessibilityLabel.MENU_POPPER_MORE,
   });
@@ -100,11 +73,8 @@ describe('Test DeviceModbusDetail', () => {
         isModbus: true,
       },
     });
-  });
-  afterEach(() => {
     mock.reset();
     mock.resetHistory();
-    mockNavigate.mockClear();
     Toast.show.mockClear();
   });
 
@@ -138,11 +108,14 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await menuActionMore[0].props.listMenuItem[0].doAction();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.DeviceGatewayInfo, {
-      device: { id: 1, name: 'abc' },
-      isDevice: true,
-      isModbus: true,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceGatewayInfo,
+      {
+        device: { id: 1, name: 'abc' },
+        isDevice: true,
+        isModbus: true,
+      }
+    );
   });
 
   it('test render DeviceModbusDetail onPress more and onPress Delete modbus', async () => {
@@ -151,7 +124,7 @@ describe('Test DeviceModbusDetail', () => {
     });
     await flushPromises();
     const instance = tree.root;
-    const detail = instance?.findByType(Detail);
+    const detail = instance.findByType(Detail);
     await headerCustomOnPressMore(detail);
     const menuActionMore = detail?.findByType(MenuActionMore);
     expect(menuActionMore.props.isVisible).toEqual(true);
@@ -168,7 +141,7 @@ describe('Test DeviceModbusDetail', () => {
     });
     await flushPromises();
 
-    expect(mockPop).toBeCalledWith(1);
+    expect(global.mockedPop).toBeCalledWith(1);
     expect(Toast.show).toBeCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
@@ -255,23 +228,26 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionModbus, {
-      gatewayId: 1,
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: false,
-      isConfigRead: false,
-      isConfigWrite: true,
-      itemActionConfig: 1,
-      writeConfigs: [
-        {
-          func: 6,
-          id: 2,
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionModbus,
+      {
+        gatewayId: 1,
+        device: {
+          id: 1,
+          name: 'abc',
         },
-      ],
-    });
+        isAction: false,
+        isConfigRead: false,
+        isConfigWrite: true,
+        itemActionConfig: 1,
+        writeConfigs: [
+          {
+            func: 6,
+            id: 2,
+          },
+        ],
+      }
+    );
   });
 
   it('test render DeviceZigbeeDetail onPress TabPanel config read onPressRow', async () => {
@@ -286,23 +262,26 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionModbus, {
-      gatewayId: 1,
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: false,
-      isConfigRead: true,
-      isConfigWrite: false,
-      itemActionConfig: 1,
-      writeConfigs: [
-        {
-          func: 6,
-          id: 2,
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionModbus,
+      {
+        gatewayId: 1,
+        device: {
+          id: 1,
+          name: 'abc',
         },
-      ],
-    });
+        isAction: false,
+        isConfigRead: true,
+        isConfigWrite: false,
+        itemActionConfig: 1,
+        writeConfigs: [
+          {
+            func: 6,
+            id: 2,
+          },
+        ],
+      }
+    );
   });
 
   it('test render DeviceZigbeeDetail onPress TabPanel action onPressRow', async () => {
@@ -310,17 +289,20 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionModbus, {
-      gatewayId: 1,
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: true,
-      isConfigRead: false,
-      isConfigWrite: false,
-      itemActionConfig: 1,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionModbus,
+      {
+        gatewayId: 1,
+        device: {
+          id: 1,
+          name: 'abc',
+        },
+        isAction: true,
+        isConfigRead: false,
+        isConfigWrite: false,
+        itemActionConfig: 1,
+      }
+    );
   });
 
   it('test render DeviceZigbeeDetail onPress TabPanel config write onRefresh', async () => {