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

package/src/screens/AllGateway/DeviceZigbeeDetail/__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 Toast from 'react-native-toast-message';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { useRoute } from '@react-navigation/native';
 
 import { SCProvider } from '../../../../context';
@@ -44,33 +44,6 @@ const makeDetail = async () => {
   return { detail, tabPaneCT };
 };
 
-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({
@@ -92,7 +65,6 @@ describe('Test DeviceZigbeeDetail', () => {
     });
     mock.reset();
     mock.resetHistory();
-    mockNavigate.mockClear();
     Toast.show.mockClear();
   });
 
@@ -125,11 +97,14 @@ describe('Test DeviceZigbeeDetail', () => {
     await act(async () => {
       menuActionMore[0].props.listMenuItem[0].doAction();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.DeviceGatewayInfo, {
-      device: { id: 1, name: 'abc' },
-      isDevice: true,
-      isZigbee: true,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceGatewayInfo,
+      {
+        device: { id: 1, name: 'abc' },
+        isDevice: true,
+        isZigbee: true,
+      }
+    );
   });
 
   it('test render DeviceZigbeeDetail onPress more and onPress Delete zigbee', async () => {
@@ -152,7 +127,7 @@ describe('Test DeviceZigbeeDetail', () => {
       await modal.props.onPressConfirm();
     });
 
-    expect(mockPop).toBeCalledWith(1);
+    expect(global.mockedPop).toBeCalledWith(1);
     expect(Toast.show).toBeCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
@@ -209,16 +184,19 @@ describe('Test DeviceZigbeeDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionZigbee, {
-      gatewayId: 1,
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: false,
-      isConfig: true,
-      itemActionConfig: 1,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionZigbee,
+      {
+        gatewayId: 1,
+        device: {
+          id: 1,
+          name: 'abc',
+        },
+        isAction: false,
+        isConfig: true,
+        itemActionConfig: 1,
+      }
+    );
   });
 
   it('test render GatewayDetail onPress TabPanel action onPressRow', async () => {
@@ -233,16 +211,19 @@ describe('Test DeviceZigbeeDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DetailConfigActionZigbee, {
-      gatewayId: 1,
-      device: {
-        id: 1,
-        name: 'abc',
-      },
-      isAction: true,
-      isConfig: false,
-      itemActionConfig: 1,
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.DetailConfigActionZigbee,
+      {
+        gatewayId: 1,
+        device: {
+          id: 1,
+          name: 'abc',
+        },
+        isAction: true,
+        isConfig: false,
+        itemActionConfig: 1,
+      }
+    );
   });
 
   it('test render GatewayDetail onPress TabPanel zigbee config onRefresh', async () => {

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

@@ -13,24 +13,6 @@ import api from '../../../../utils/Apis/axios';
 import { API } from '../../../../configs';
 
 const mock = new MockAdapter(api.axiosInstance);
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: jest.fn(),
-      pop: jest.fn(),
-    }),
-    useRoute: jest.fn().mockReturnValue({
-      params: {
-        methodsConnection: [
-          { zigbee_gateway: 1 },
-          { modbus_gateway: 1 },
-          { arduino_gateway: 1 },
-        ],
-      },
-    }),
-  };
-});
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -40,6 +22,15 @@ const wrapComponent = () => (
 
 describe('Test GatewayConnectionMethods', () => {
   let tree;
+  global.mockedUseRoute.mockReturnValue({
+    params: {
+      methodsConnection: [
+        { zigbee_gateway: 1 },
+        { modbus_gateway: 1 },
+        { arduino_gateway: 1 },
+      ],
+    },
+  });
 
   it('test render GatewayConnectionMethods', async () => {
     mock.onGet(API.DEV_MODE.MODBUS.DETAIL(1)).reply(200, { baud_speed: 9600 });

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { useRoute } from '@react-navigation/native';
 import MockAdapter from 'axios-mock-adapter';
 
@@ -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({
@@ -124,7 +97,6 @@ describe('Test GatewayDetail', () => {
   afterEach(() => {
     mock.reset();
     mock.resetHistory();
-    mockNavigate.mockClear();
     Toast.show.mockClear();
   });
 
@@ -155,7 +127,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       menuActionMore[0].props.listMenuItem[0].doAction();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.GatewayInfo, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.GatewayInfo, {
       chipId: 1,
     });
   });
@@ -177,7 +149,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(mockPop).toBeCalledWith(1);
+    expect(global.mockedPop).toBeCalledWith(1);
   });
 
   it('test render GatewayDetail onPress more and onPress Delete', async () => {
@@ -193,11 +165,12 @@ describe('Test GatewayDetail', () => {
       menuActionMore.props.listMenuItem[2].doAction();
     });
     const modal = instance.findByType(ModalPopupCT);
+
+    mock.onDelete(API.DEV_MODE.GATEWAY.DETAIL(1)).reply(200);
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    mock.onDelete(API.DEV_MODE.GATEWAY.DETAIL(1)).reply(200);
-    expect(mockPop).toBeCalledWith(1);
+    expect(global.mockedPop).toBeCalledWith(1);
   });
 
   it('test render GatewayDetail onPress TabPanel internal', async () => {
@@ -248,7 +221,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DeviceInternalDetail, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceInternalDetail, {
       device: 1,
       gatewayId: 1,
       isInternal: true,
@@ -262,7 +235,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DeviceZigbeeDetail, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceZigbeeDetail, {
       device: 1,
       gatewayId: 1,
       isInternal: false,
@@ -277,7 +250,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith(Routes.DeviceModbusDetail, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceModbusDetail, {
       device: 1,
       gatewayId: 1,
       isInternal: false,
@@ -301,7 +274,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(mockNavigate).toBeCalledWith('', {
+    expect(global.mockedNavigate).toBeCalledWith('', {
       device: 1,
       gatewayId: null,
       isInternal: false,

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

@@ -16,7 +16,6 @@ import t from '../../../../hooks/Common/useTranslations';
 import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { SCConfig } from '../../../../configs';
 
-const mockPop = jest.fn();
 const mock = new MockAdapter(api.axiosInstance);
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -24,32 +23,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 mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-      pop: mockPop,
-    }),
-    useIsFocused: () => true,
-    useRoute: jest.fn(),
-  };
-});
-
 const buttonConnect = (instance) => {
   return instance?.findByProps({
     accessibilityLabel:
@@ -70,7 +43,6 @@ describe('Test GatewayInfo', () => {
         chipId: 1,
       },
     });
-    mockNavigate.mockClear();
   });
 
   it('test render GatewayInfo', async () => {
@@ -120,9 +92,12 @@ describe('Test GatewayInfo', () => {
     await act(async () => {
       btnConnect.props.onPress();
     });
-    expect(mockNavigate).toBeCalledWith(Routes.GatewayConnectionMethods, {
-      methodsConnection: [],
-    });
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.GatewayConnectionMethods,
+      {
+        methodsConnection: [],
+      }
+    );
   });
 
   it('test render GatewayInfo onPress delete gateway', async () => {
@@ -141,6 +116,6 @@ describe('Test GatewayInfo', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(mockPop).toBeCalledWith(2);
+    expect(global.mockedPop).toBeCalledWith(2);
   });
 });

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

@@ -13,18 +13,6 @@ import Routes from '../../../utils/Route';
 import Gateway from '..';
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-    useRoute: jest.fn(),
-    useIsFocused: () => true,
-  };
-});
-
 const wrapComponent = (
   route = {
     params: {
@@ -42,7 +30,6 @@ describe('Test Gateway screen', () => {
   afterEach(() => {
     mock.reset();
     mock.resetHistory();
-    mockNavigate.mockClear();
   });
   it('Test render', async () => {
     await act(async () => {
@@ -71,7 +58,7 @@ describe('Test Gateway screen', () => {
     await act(async () => {
       await gatewayItems[0].props.onPress();
     });
-    expect(mockNavigate).toBeCalledWith(Routes.AllGatewayStack, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.AllGatewayStack, {
       params: {
         item: {
           id: 1,

package/src/screens/AllGateway/components/GatewayItem/__test__/index.test.js

@@ -14,17 +14,6 @@ const wrapComponent = (item) => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 describe('Test GatewayItem', () => {
   let tree;
   let item;
@@ -35,7 +24,6 @@ describe('Test GatewayItem', () => {
       is_connected: false,
       last_healthy: 1,
     };
-    mockNavigate.mockClear();
   });
 
   it('test render GatewayItem connect false', async () => {

package/src/screens/AllGateway/components/TabPaneCT/__test__/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import Carousel from 'react-native-new-snap-carousel';
 
 import { SCProvider } from '../../../../../context';
@@ -15,17 +15,6 @@ const wrapComponent = (item = []) => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 describe('Test TabPaneCT', () => {
   let tree;
   let item;
@@ -42,7 +31,6 @@ describe('Test TabPaneCT', () => {
         devices: [{ id: 1, name: 'device1' }],
       },
     ];
-    mockNavigate.mockClear();
   });
 
   it('test render TabPaneCT', async () => {

package/src/screens/AllGateway/components/TabPaneCT/index.js

@@ -6,7 +6,7 @@ import {
   ScrollView,
   RefreshControl,
 } from 'react-native';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import Carousel from 'react-native-new-snap-carousel';
 
 import { Text, StatusBox } from '../../../../commons';

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

@@ -7,14 +7,7 @@ import { API } from '../../../../configs';
 import { useGateway } from '../useGateway';
 
 const mock = new MockAdapter(api.axiosInstance);
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      pop: jest.fn(),
-    }),
-  };
-});
+
 describe('Test useGateway', () => {
   let hook;
 

package/src/screens/AllGateway/test-utils.js

@@ -1,6 +1,6 @@
 import Detail from './components/Detail';
 import TabPaneCT from './components/TabPaneCT';
-import SegmentedControl from '@react-native-community/segmented-control';
+import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { act } from 'react-test-renderer';
 
 export const fetchGatewayCT = async (tree) => {

package/src/screens/Automate/AddNewAction/NewActionWrapper.js

@@ -3,7 +3,7 @@ import { TouchableOpacity, View } from 'react-native';
 import { KeyboardAwareScrollView } from '@eohjsc/react-native-keyboard-aware-scroll-view';
 
 import styles from './Styles/SelectActionStyles';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { Colors } from '../../../configs';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import BottomButtonView from '../../../commons/BottomButtonView';
@@ -35,7 +35,7 @@ const NewActionWrapper = ({
         onPress={handleClose}
         accessibilityLabel={AccessibilityLabel.ICON_CLOSE}
       >
-        <Icon name={'close'} size={24} color={Colors.Black} />
+        <AntDesign name={'close'} size={24} color={Colors.Black} />
       </TouchableOpacity>
     ),
     [handleClose]

package/src/screens/Automate/AddNewAction/SetupConfigCondition.js

@@ -1,21 +1,17 @@
 import React, { useMemo, useState } from 'react';
-import { View } from 'react-native';
+import { View, TouchableOpacity, FlatList } from 'react-native';
 
 import styles from './Styles/SetupSensorStyles';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import Text from '../../../commons/Text';
-import {
-  Button as AntButton,
-  InputItem,
-  List,
-  Radio,
-} from '@ant-design/react-native';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import NewActionWrapper from './NewActionWrapper';
 import GridItem from '../../../commons/Grid/GridItem';
 import Routes from '../../../utils/Route';
 import ModalCustom from '../../../commons/Modal/ModalCustom';
 import { ToastBottomHelper } from '../../../utils/Utils';
+import CheckBox from '@react-native-community/checkbox';
+import TextInput from '../../../commons/Form/TextInput';
 
 const valueEvaluationToOptions = (valueEvaluation) => {
   if (valueEvaluation.template === 'range') {
@@ -139,24 +135,27 @@ const SetupConfigCondition = () => {
           <Text type="Body">
             {t('when_value_is', { config_name: config.name })}
           </Text>
-          <List renderHeader={t('condition')}>
-            {normalConditions.map((item) => {
+          <FlatList
+            renderHeader={t('condition')}
+            data={normalConditions}
+            renderItem={({ item }) => {
               return (
-                <Radio.RadioItem
-                  checked={item.value === customCondition}
-                  key={item.value}
-                  onChange={() => {
-                    automate.condition = item.value;
-                    setCustomCondition(item.value);
-                  }}
-                >
-                  {item.label}
-                </Radio.RadioItem>
+                <View>
+                  <Text>{item.label}</Text>
+                  <CheckBox
+                    onChange={() => {
+                      automate.condition = item.value;
+                      setCustomCondition(item.value);
+                    }}
+                    value={item.value === customCondition}
+                  />
+                </View>
               );
-            })}
-          </List>
-          <List renderHeader={t('value')} style={styles.inputValue}>
-            <InputItem
+            }}
+          />
+          <View style={styles.inputValue}>
+            <Text>{t('value')}</Text>
+            <TextInput
               keyboardType="decimal-pad"
               type="number"
               maxLength={10}
@@ -166,9 +165,9 @@ const SetupConfigCondition = () => {
               }}
               style={styles.numberInput}
             />
-          </List>
-          <AntButton
-            type={'primary'}
+          </View>
+          <TouchableOpacity
+            testID={'continue_button'}
             onPress={() => {
               if (
                 !automate.value ||
@@ -181,8 +180,8 @@ const SetupConfigCondition = () => {
               navigate(Routes.ValueChangeName, { automate, closeScreen });
             }}
           >
-            {t('continue')}
-          </AntButton>
+            <Text>{t('continue')}</Text>
+          </TouchableOpacity>
         </View>
       </ModalCustom>
     </NewActionWrapper>

package/src/screens/Automate/AddNewAction/__test__/ChooseAction.test.js

@@ -52,7 +52,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('test onSave fail not permission', async () => {
@@ -66,7 +66,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   it('test fetchData', async () => {
@@ -79,7 +79,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 
   test('test RenderActionItem air conditioner device IR', async () => {

package/src/screens/Automate/AddNewAction/__test__/ChooseConfig.test.js

@@ -141,10 +141,13 @@ describe('Test ChooseConfig', () => {
       conditionTouch.props.onPress();
     });
 
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.SetupConfigCondition, {
-      automate: { config: 1 },
-      config: { id: 1 },
-      closeScreen: undefined,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.SetupConfigCondition,
+      {
+        automate: { config: 1 },
+        config: { id: 1 },
+        closeScreen: undefined,
+      }
+    );
   });
 });

package/src/screens/Automate/AddNewAction/__test__/SelectControlDevices.test.js

@@ -76,7 +76,7 @@ describe('Test SelectMonitorDevices', () => {
     });
     expect(device[0].props.isSelectDevice).toBeTruthy();
 
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('test onSnapItem', async () => {
@@ -108,6 +108,6 @@ describe('Test SelectMonitorDevices', () => {
     await act(async () => {
       iconClose[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
   });
 });