@eohjsc/react-native-smart-city 0.3.31 → 0.3.34

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

@@ -0,0 +1,77 @@
+import React from 'react';
+import { act, create } from 'react-test-renderer';
+
+import SelectModbusGateway from '../SelectModbusGateway';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import SelectGateway from '../../../commons/SelectGateway';
+import Routes from '../../../utils/Route';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectModbusGateway route={route} />
+  </SCProvider>
+);
+
+jest.mock('react', () => {
+  return { ...jest.requireActual('react'), memo: (x) => x };
+});
+
+const mockedNavigate = jest.fn();
+const mockedGoBack = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+      goBack: mockedGoBack,
+    }),
+    useIsFocused: () => true,
+  };
+});
+
+describe('Test select modbus gateway', () => {
+  let tree;
+  let route;
+
+  afterEach(() => {
+    mockedNavigate.mockClear();
+  });
+
+  beforeEach(() => {
+    route = {
+      params: {
+        unitId: 1,
+        stationId: 2,
+      },
+    };
+  });
+
+  test('render gateway', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SelectGateway);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('select gateway', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const selectGateway = instance.findByType(SelectGateway);
+
+    await act(async () => {
+      selectGateway.props.onPressNext({ id: 3 });
+    });
+
+    expect(mockedNavigate).toBeCalledWith(Routes.ScanModbusQR, {
+      unitId: 1,
+      stationId: 2,
+      chipId: 3,
+    });
+  });
+});

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

@@ -0,0 +1,77 @@
+import React from 'react';
+import { act, create } from 'react-test-renderer';
+
+import SelectZigbeeGateway from '../SelectZigbeeGateway';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import SelectGateway from '../../../commons/SelectGateway';
+import Routes from '../../../utils/Route';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectZigbeeGateway route={route} />
+  </SCProvider>
+);
+
+jest.mock('react', () => {
+  return { ...jest.requireActual('react'), memo: (x) => x };
+});
+
+const mockedNavigate = jest.fn();
+const mockedGoBack = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+      goBack: mockedGoBack,
+    }),
+    useIsFocused: () => true,
+  };
+});
+
+describe('Test select zigbee gateway', () => {
+  let tree;
+  let route;
+
+  afterEach(() => {
+    mockedNavigate.mockClear();
+  });
+
+  beforeEach(() => {
+    route = {
+      params: {
+        unitId: 1,
+        stationId: 2,
+      },
+    };
+  });
+
+  test('render gateway', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SelectGateway);
+    expect(safeAreaView).toHaveLength(1);
+  });
+
+  test('select gateway', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const selectGateway = instance.findByType(SelectGateway);
+
+    await act(async () => {
+      selectGateway.props.onPressNext({ id: 3 });
+    });
+
+    expect(mockedNavigate).toBeCalledWith(Routes.ConnectingZigbeeDevice, {
+      unitId: 1,
+      stationId: 2,
+      chipId: 3,
+    });
+  });
+});

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

@@ -0,0 +1,155 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import { Platform } from 'react-native';
+import dgram from 'react-native-udp';
+import Toast from 'react-native-toast-message';
+import WifiManager from 'react-native-wifi-reborn';
+
+import ShareWifiPassword from '../ShareWifiPassword';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import ButtonPopup from '../../../commons/ButtonPopup';
+import TextInputPassword from '../../../commons/Form/TextInputPassword';
+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({})}>
+    <ShareWifiPassword route={route} />
+  </SCProvider>
+);
+
+describe('test share wifi password', () => {
+  let tree;
+
+  beforeEach(() => {
+    const socket = dgram.createSocket({});
+    socket.on.mockClear();
+    socket.bind.mockClear();
+    socket.send.mockClear();
+    socket.close.mockClear();
+  });
+
+  test('render share wifi', async () => {
+    const route = { params: {} };
+    await act(async () => {
+      tree = renderer.create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const popups = instance.findAllByType(ButtonPopup);
+    expect(popups).toHaveLength(1);
+    const passwordFields = instance.findAllByType(TextInputPassword);
+    expect(passwordFields).toHaveLength(1);
+  });
+
+  const sendPasswordToGateway = async () => {
+    jest.useFakeTimers();
+    Platform.OS = 'android';
+    const route = { params: { prefix: 'robot' } };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const popup = tree.root.find((el) => el.type === ButtonPopup);
+
+    const socket = dgram.createSocket({});
+    socket.on.mockClear();
+    socket.close.mockClear();
+    socket.send.mockClear();
+
+    await act(async () => {
+      await popup.props.onPressMain();
+    });
+    jest.runOnlyPendingTimers();
+
+    expect(socket.send).toBeCalled();
+    expect(socket.on).toBeCalled();
+  };
+
+  test('send password to gateway', async () => {
+    await sendPasswordToGateway();
+    const socket = dgram.createSocket({});
+    expect(socket.on.mock.calls[0][0]).toEqual('message');
+    expect(JSON.parse(socket.send.mock.calls[0][0]).type).toEqual('connect');
+  });
+
+  test('error share password to gateway', async () => {
+    await sendPasswordToGateway();
+    const socket = dgram.createSocket({});
+    expect(socket.on.mock.calls[1][0]).toEqual('error');
+
+    await act(async () => {
+      socket.on.mock.calls[1][1]();
+    });
+
+    expect(Toast.show).toBeCalled();
+  });
+
+  const receiveGatewayInfo = async (
+    info = {
+      gateway: {},
+    }
+  ) => {
+    jest.useFakeTimers();
+    Platform.OS = 'android';
+    const route = { params: { prefix: 'robot' } };
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const popup = tree.root.find((el) => el.type === ButtonPopup);
+
+    const socket = dgram.createSocket({});
+    socket.on.mockClear();
+    socket.close.mockClear();
+    socket.send.mockClear();
+
+    await act(async () => {
+      await popup.props.onPressMain();
+    });
+    jest.runOnlyPendingTimers();
+
+    expect(socket.on).toBeCalled();
+    expect(socket.on.mock.calls[0][0]).toEqual('message');
+
+    await act(async () => {
+      socket.on.mock.calls[0][1](JSON.stringify(info));
+    });
+  };
+
+  test('close socket after gateway success connect to wifi', async () => {
+    await receiveGatewayInfo();
+    const socket = dgram.createSocket({});
+    expect(socket.close).toBeCalled();
+  });
+
+  test('not close socket after gateway fail connect to wifi', async () => {
+    await receiveGatewayInfo({});
+    const socket = dgram.createSocket({});
+    expect(socket.close).not.toBeCalled();
+  });
+
+  test('go to connecting after restore wifi', async () => {
+    await receiveGatewayInfo();
+    WifiManager.getCurrentWifiSSID.mockImplementationOnce(
+      async () => 'other-random-name'
+    );
+    jest.runOnlyPendingTimers(); // check SSID interval
+    await new Promise(jest.requireActual('timers').setImmediate);
+    expect(mockedNavigate).toBeCalled();
+    expect(mockedNavigate.mock.calls[0][0]).toEqual(
+      Routes.ConnectingWifiDevice
+    );
+  });
+});

package/src/screens/AddNewGateway/hooks/__Tests__/index.test.js

@@ -16,7 +16,7 @@ jest.mock('@react-navigation/native', () => {
     }),
   };
 });
-describe('Test useGGHomeConnection', () => {
+describe('Test useHomeAssistantConnection', () => {
   it('test connectGoogleHome all connected', async () => {
     const { result } = renderHook(() => useConnectGateway(1));
     await act(async () => {

package/src/screens/AddNewGateway/index.js

@@ -7,12 +7,12 @@ import { Colors } from '../../configs';
 import { Section, ViewButtonBottom } from '../../commons';
 import Text from '../../commons/Text';
 import Routes from '../../utils/Route';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import styles from './AddNewGatewayStyles';
 
 const AddNewGateway = memo(({ route }) => {
   const t = useTranslations();
-  const { unit_id, wifiName, wifiPass, imei } = route.params;
+  const { unit_id, wifiName, wifiPass, imei } = route?.params || {};
   const { navigate, goBack } = useNavigation();
   const [phoneNumber, setPhoneNumber] = useState('');
   const [chipName, setChipName] = useState('');
@@ -55,7 +55,7 @@ const AddNewGateway = memo(({ route }) => {
   return (
     <SafeAreaView style={styles.wrap}>
       <Text
-        testID={TESTID.ADD_NEW_GATEWAY_ADD}
+        accessibilityLabel={AccessibilityLabel.ADD_NEW_GATEWAY_ADD}
         semibold
         size={20}
         color={Colors.Black}
@@ -64,7 +64,7 @@ const AddNewGateway = memo(({ route }) => {
         {t('add_new_gateway')}
       </Text>
       <Text
-        testID={TESTID.ADD_NEW_GATEWAY_THEN_SELECT}
+        accessibilityLabel={AccessibilityLabel.ADD_NEW_GATEWAY_THEN_SELECT}
         size={14}
         color={Colors.Gray8}
         style={styles.textNote}

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

@@ -4,7 +4,7 @@ import { Platform, TextInput, TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 
 import AddNewOneTap from '..';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
@@ -80,7 +80,8 @@ describe('test AddNewOneTap', () => {
     const instance = tree.root;
     const inputName = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.NAME_YOUR_BUTTON && el.type === TextInput
+        el.props.accessibilityLabel === AccessibilityLabel.NAME_YOUR_BUTTON &&
+        el.type === TextInput
     );
     expect(inputName).toHaveLength(1);
 
@@ -90,7 +91,7 @@ describe('test AddNewOneTap', () => {
 
     const item = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.BOTTOM_VIEW_MAIN &&
+        el.props.accessibilityLabel === AccessibilityLabel.BOTTOM_VIEW_MAIN &&
         el.type === TouchableOpacity
     );
 
@@ -114,7 +115,7 @@ describe('test AddNewOneTap', () => {
 
     const item = tree.root.findAll(
       (el) =>
-        el.props.testID === TESTID.BOTTOM_VIEW_MAIN &&
+        el.props.accessibilityLabel === AccessibilityLabel.BOTTOM_VIEW_MAIN &&
         el.type === TouchableOpacity
     );
 

package/src/screens/AddNewOneTap/index.js

@@ -3,7 +3,7 @@ import { ScrollView, SafeAreaView, Platform } from 'react-native';
 import { CommonActions, useNavigation } from '@react-navigation/native';
 
 import { API, Colors } from '../../configs';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import _TextInput from '../../commons/Form/TextInput';
 import styles from './AddNewOneTapStyles';
 import { HeaderCustom } from '../../commons/Header';
@@ -26,7 +26,7 @@ const AddNewOneTap = memo(({ route }) => {
     automateId,
     scriptName,
     oldType,
-  } = route.params;
+  } = route?.params || {};
   const t = useTranslations();
   const { navigate, dispatch, goBack } = useNavigation();
   const [name, setName] = useState(scriptName ? scriptName : '');
@@ -123,7 +123,7 @@ const AddNewOneTap = memo(({ route }) => {
       <HeaderCustom isShowClose onClose={onClose} />
       <ScrollView scrollIndicatorInsets={{ right: 1 }}>
         <Text
-          testID={TESTID.ADD_NEW_DEVICE_ADD}
+          accessibilityLabel={AccessibilityLabel.ADD_NEW_DEVICE_ADD}
           semibold
           size={20}
           color={Colors.Gray9}
@@ -137,7 +137,7 @@ const AddNewOneTap = memo(({ route }) => {
           onChange={onChangeName}
           textInputStyle={styles.textInput}
           value={name}
-          testID={TESTID.NAME_YOUR_BUTTON}
+          accessibilityLabel={AccessibilityLabel.NAME_YOUR_BUTTON}
         />
       </ScrollView>
       <BottomButtonView

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

@@ -9,7 +9,7 @@ import { mockSCStore } from '../../../context/mockStore';
 import ItemOneTap from '../../../commons/SubUnit/OneTap/ItemOneTap';
 import ItemAddNew from '../../../commons/Device/ItemAddNew';
 import Routes from '../../../utils/Route';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
 import { API } from '../../../configs';
 
@@ -208,7 +208,7 @@ describe('Test Automate', () => {
 
     const iconArrowRight = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.ICON_ARROW_RIGHT &&
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_ARROW_RIGHT &&
         el.type === TouchableOpacity
     );
 

package/src/screens/Automate/index.js

@@ -20,7 +20,11 @@ import Loading from './Components/Loading';
 import ItemAddNew from '../../commons/Device/ItemAddNew';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { useGetIdUser } from '../../hooks/Common';
-import { AUTOMATE_TYPE, TESTID, UNIT_TYPES } from '../../configs/Constants';
+import {
+  AUTOMATE_TYPE,
+  AccessibilityLabel,
+  UNIT_TYPES,
+} from '../../configs/Constants';
 
 const keyExtractor = (item) => item.id;
 
@@ -134,7 +138,7 @@ const Automate = () => {
                 isOwner
               )}
               style={styles.arrowRightButton}
-              testID={TESTID.ICON_ARROW_RIGHT}
+              accessibilityLabel={AccessibilityLabel.ICON_ARROW_RIGHT}
             >
               <Image source={Images.arrowBack} style={styles.arrowRight} />
             </TouchableOpacity>

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

@@ -6,7 +6,7 @@ import { mockSCStore } from '../../../context/mockStore';
 import ConfirmUnitDeletion from '../index';
 import _TextInput from '../../../commons/Form/TextInput';
 import { TouchableOpacity } from 'react-native';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import API from '../../../configs/API';
 import api from '../../../utils/Apis/axios';
 import MockAdapter from 'axios-mock-adapter';
@@ -74,7 +74,8 @@ describe('Test ConfirmUnitDeletion', () => {
 
     const touchableOpacity = instance.find(
       (el) =>
-        el.props.testID === TESTID.CONFIRM_UNIT_DELETION_BUTTON &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.CONFIRM_UNIT_DELETION_BUTTON &&
         el.type === TouchableOpacity
     );
     const textInput = instance.findByType(_TextInput);

package/src/screens/ConfirmUnitDeletion/index.js

@@ -12,11 +12,11 @@ import { Button } from '../../commons';
 import Routes from '../../utils/Route';
 import { axiosDelete } from '../../utils/Apis/axios';
 import { ToastBottomHelper } from '../../utils/Utils';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 const ConfirmUnitDeletion = ({ route }) => {
   const t = useTranslations();
-  const { unit } = route.params;
+  const { unit } = route?.params || {};
   const navigation = useNavigation();
   const [confirm, setConfrim] = useState('');
   const [errorText, setErrorText] = useState();
@@ -60,7 +60,7 @@ const ConfirmUnitDeletion = ({ route }) => {
           type="auth"
           title={t('done')}
           onPress={onSendPress}
-          testID={TESTID.CONFIRM_UNIT_DELETION_BUTTON}
+          accessibilityLabel={AccessibilityLabel.CONFIRM_UNIT_DELETION_BUTTON}
         />
       </View>
     </WrapHeaderScrollable>

package/src/screens/Device/EditDevice/__test__/EditDevice.test.js

@@ -8,7 +8,7 @@ import { mockSCStore } from '../../../../context/mockStore';
 import EditDevice from '..';
 import AlertAction from '../../../../commons/AlertAction';
 import _TextInput from '../../../../commons/Form/TextInput';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import { API } from '../../../../configs';
 import { useRoute } from '@react-navigation/native';
 import api from '../../../../utils/Apis/axios';
@@ -66,7 +66,7 @@ describe('Test EditDevice', () => {
     const alertAction = instance.findByType(AlertAction);
     const buttonRename = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.DEVICE_SHOW_RENAME &&
+        el.props.accessibilityLabel === AccessibilityLabel.DEVICE_SHOW_RENAME &&
         el.type === TouchableOpacity
     );
     expect(buttonRename).toHaveLength(1);
@@ -95,7 +95,7 @@ describe('Test EditDevice', () => {
     const alertAction = instance.findByType(AlertAction);
     const buttonRename = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.DEVICE_SHOW_RENAME &&
+        el.props.accessibilityLabel === AccessibilityLabel.DEVICE_SHOW_RENAME &&
         el.type === TouchableOpacity
     );
     expect(buttonRename).toHaveLength(1);
@@ -129,7 +129,7 @@ describe('Test EditDevice', () => {
     const alertAction = instance.findByType(AlertAction);
     const buttonDelete = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.DEVICE_SHOW_REMOVE &&
+        el.props.accessibilityLabel === AccessibilityLabel.DEVICE_SHOW_REMOVE &&
         el.type === TouchableOpacity
     );
     expect(buttonDelete).toHaveLength(1);
@@ -153,7 +153,7 @@ describe('Test EditDevice', () => {
     const alertAction = instance.findByType(AlertAction);
     const buttonDelete = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.DEVICE_SHOW_REMOVE &&
+        el.props.accessibilityLabel === AccessibilityLabel.DEVICE_SHOW_REMOVE &&
         el.type === TouchableOpacity
     );
     expect(buttonDelete).toHaveLength(1);

package/src/screens/Device/EditDevice/index.js

@@ -6,7 +6,7 @@ import { IconOutline } from '@ant-design/icons-react-native';
 import { Colors } from '../../../configs';
 import Text from '../../../commons/Text';
 import { useRoute } from '@react-navigation/native';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import AlertAction from '../../../commons/AlertAction';
 import _TextInput from '../../../commons/Form/TextInput';
 import styles from './styles/EditDeviceStyles';
@@ -85,7 +85,7 @@ const EditDevice = memo(() => {
         <TouchableOpacity
           style={styles.DeviceButton}
           onPress={onShowRename}
-          testID={TESTID.DEVICE_SHOW_RENAME}
+          accessibilityLabel={AccessibilityLabel.DEVICE_SHOW_RENAME}
         >
           <View style={styles.DeviceButtonLeft}>
             <Text type="H4" semibold>
@@ -108,7 +108,7 @@ const EditDevice = memo(() => {
           <TouchableOpacity
             style={styles.removeButton}
             onPress={onShowDelete(sensor?.name)}
-            testID={TESTID.DEVICE_SHOW_REMOVE}
+            accessibilityLabel={AccessibilityLabel.DEVICE_SHOW_REMOVE}
           >
             <Text
               type={'H4'}