@eohjsc/react-native-smart-city 0.3.30 → 0.3.33

package/src/screens/Unit/__test__/Detail.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TouchableOpacity, View } from 'react-native';
+import { Platform, TouchableOpacity, View } from 'react-native';
 import MockAdapter from 'axios-mock-adapter';
 import renderer, { act } from 'react-test-renderer';
 import ParallaxScrollView from '../../../libs/react-native-parallax-scroll-view';
@@ -8,13 +8,14 @@ import { useIsFocused } from '@react-navigation/native';
 import AsyncStorage from '@react-native-community/async-storage';
 import UnitDetail from '../Detail';
 import { API } from '../../../configs';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import CameraDevice from '../../../commons/CameraDevice';
 import SubUnitFavorites from '../../../commons/SubUnit/Favorites';
 import api from '../../../utils/Apis/axios';
 import PreventAccess from '../../../commons/PreventAccess';
+import Routes from '../../../utils/Route';
 
 const mockDispatch = jest.fn();
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
@@ -54,12 +55,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-const mockConnectGoogleHome = jest.fn();
+const mockConnectHomeAssistant = jest.fn();
 jest.mock('../../../hooks/IoT', () => {
   return {
     ...jest.requireActual('../../../hooks/IoT'),
-    useGGHomeConnection: () => ({
-      connectGoogleHome: mockConnectGoogleHome,
+    useHomeAssistantConnection: () => ({
+      connectHomeAssistant: mockConnectHomeAssistant,
     }),
   };
 });
@@ -83,6 +84,7 @@ describe('Test UnitDetail', () => {
   const detailUnitApiUrl = API.UNIT.UNIT_DETAIL(1);
   const summaryUnitApiUrl = API.UNIT.UNIT_SUMMARY(1);
   const sensorStatusApiUrl = API.UNIT.SENSORS_STATUS(1);
+  const getAutomates = API.UNIT.AUTOMATE(1);
 
   let tree;
 
@@ -90,6 +92,46 @@ describe('Test UnitDetail', () => {
     jest.clearAllTimers();
     useIsFocused.mockImplementation(() => true);
     AsyncStorage.clear();
+    mock.resetHistory();
+  });
+
+  test('render subunit camera devices', async () => {
+    const unitData = {
+      stations: [
+        {
+          camera_devices: [
+            {
+              configuration: {
+                id: 4,
+                name: 'Camera cửa nhà xe',
+                uri: 'rtsp://admin:hd543211@/ISAPI/Streaming/Channels/101/',
+                preview_uri:
+                  'rtsp://admin:hd543211@/ISAPI/Streaming/Channels/101/',
+                playback: 'rtsp://admin:hd543211@/Streaming/tracks/101/',
+              },
+              id: 41,
+              order: 1,
+              template: 'camera',
+              type: 'camera',
+            },
+          ],
+        },
+      ],
+    };
+
+    await act(async () => {
+      tree = await renderer.create(
+        wrapComponent({ params: { ...route.params, unitData } }, account)
+      );
+    });
+    const instance = tree.root;
+    const CameraDeviceViews = instance.findAllByType(CameraDevice);
+    expect(CameraDeviceViews).toHaveLength(1);
+    await CameraDeviceViews[0].props.goToPlayBack()();
+    expect(mockedNavigate).toBeCalledWith(Routes.PlaybackCamera, {
+      item: undefined,
+      thumbnail: undefined,
+    });
   });
 
   test('fetch unit detail success', async () => {
@@ -144,7 +186,8 @@ describe('Test UnitDetail', () => {
     });
     const instance = tree.root;
     const button1 = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_PREVENT_ACCESS
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_PREVENT_ACCESS
     );
     expect(button1.props.isVisible).toBeTruthy();
   });
@@ -192,7 +235,7 @@ describe('Test UnitDetail', () => {
     expect(refreshControl).toBeDefined();
   });
 
-  test('when unit has google home action then connect to google home', async () => {
+  test('when unit has home assistant action then connect to home assistant', async () => {
     const unitData = {
       remote_control_options: {
         googlehome: [
@@ -209,7 +252,7 @@ describe('Test UnitDetail', () => {
         wrapComponent({ params: { ...route.params, unitData } }, account)
       );
     });
-    expect(mockConnectGoogleHome).toBeCalled();
+    expect(mockConnectHomeAssistant).toBeCalled();
   });
 
   test('when unit has bluetooth action then scan for devices', async () => {
@@ -297,7 +340,7 @@ describe('Test UnitDetail', () => {
     const instance = tree.root;
     const icon = await instance.findAll(
       (el) =>
-        el.props.testID === TESTID.NAVBAR_ICON_BARS &&
+        el.props.accessibilityLabel === AccessibilityLabel.NAVBAR_ICON_BARS &&
         el.type === TouchableOpacity
     );
     expect(icon.length).toEqual(1);
@@ -307,53 +350,14 @@ describe('Test UnitDetail', () => {
     });
 
     const menu = instance.findAll(
-      (el) => el.props.testID === TESTID.NAVBAR_MENU_ACTION_MORE
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.NAVBAR_MENU_ACTION_MORE
     );
     expect(menu).toHaveLength(1);
     expect(menu[0].props.isVisible).toEqual(true);
   });
 
-  test('render subunit camera devices', async () => {
-    const unitData = {
-      stations: [
-        {
-          camera_devices: [
-            {
-              configuration: {
-                id: 4,
-                name: 'Camera cửa nhà xe',
-                uri: 'rtsp://admin:hd543211@/ISAPI/Streaming/Channels/101/',
-                preview_uri:
-                  'rtsp://admin:hd543211@/ISAPI/Streaming/Channels/101/',
-                playback: 'rtsp://admin:hd543211@/Streaming/tracks/101/',
-              },
-              id: 41,
-              order: 1,
-              template: 'camera',
-              type: 'camera',
-            },
-          ],
-        },
-      ],
-    };
-
-    await act(async () => {
-      tree = await renderer.create(
-        wrapComponent({ params: { ...route.params, unitData } }, account)
-      );
-    });
-    const instance = tree.root;
-    const CameraDeviceViews = instance.findAllByType(CameraDevice);
-    expect(CameraDeviceViews).toHaveLength(0);
-
-    const fullCamera = tree.root.findAll(
-      (el) =>
-        el.props.testID === TESTID.SUB_UNIT_FULL_CAMERA &&
-        el.type === TouchableOpacity
-    );
-    expect(fullCamera).toHaveLength(0);
-  });
-
   test('onPress subunit camera devices', async () => {
     const unitData = {
       stations: [
@@ -388,7 +392,7 @@ describe('Test UnitDetail', () => {
     expect(CameraDeviceViews).toHaveLength(0);
     const goDetailButton = tree.root.findAll(
       (el) =>
-        el.props.testID === TESTID.SUB_UNIT_GO_DETAIL &&
+        el.props.accessibilityLabel === AccessibilityLabel.SUB_UNIT_GO_DETAIL &&
         el.type === TouchableOpacity
     );
 
@@ -396,7 +400,7 @@ describe('Test UnitDetail', () => {
     await act(async () => {
       await goDetailButton[0].props.onPress();
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalled();
   });
 
   test('render subunit favorites', async () => {
@@ -439,7 +443,8 @@ describe('Test UnitDetail', () => {
     });
     const instance = tree.root;
     const navBar = instance.find(
-      (el) => el.props.testID === TESTID.NAVBAR_ON_SNAP_ITEM
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.NAVBAR_ON_SNAP_ITEM
     );
 
     await act(() => {
@@ -449,8 +454,38 @@ describe('Test UnitDetail', () => {
     expect(navBar).toBeDefined();
     const viewAutomate = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.VIEW_SUB_UNIT_AUTOMATE && el.type === View
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.VIEW_SUB_UNIT_AUTOMATE && el.type === View
     );
     expect(viewAutomate).toHaveLength(1);
   });
+
+  test('test get automate onPress goBack', async () => {
+    Platform.OS = 'ios';
+    route.params.isSuccessfullyConnected = true;
+    jest.useFakeTimers();
+    mock.onGet(getAutomates).reply(200, [{}]);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route, account));
+    });
+    jest.runAllTimers();
+    const instance = tree.root;
+    const PreventAccesss = instance.findByType(PreventAccess);
+    expect(PreventAccesss).toBeDefined();
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    await TouchableOpacities[0].props.onPress();
+    expect(mockedNavigate).toBeCalled();
+  });
+
+  test('test onPress goBack with routeName', async () => {
+    route.params.routeName = 'test';
+    route.params.isSuccessfullyConnected = false;
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route, account));
+    });
+    const instance = tree.root;
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    await TouchableOpacities[0].props.onPress();
+    expect(mockedNavigate).toBeCalled();
+  });
 });

package/src/screens/Unit/__test__/ManageUnit.test.js

@@ -4,7 +4,7 @@ import MockAdapter from 'axios-mock-adapter';
 import Toast from 'react-native-toast-message';
 
 import { ToastBottomHelper } from '../../../utils/Utils';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 import ManageUnit from '../ManageUnit';
 import { SCProvider } from '../../../context';
@@ -63,25 +63,39 @@ describe('Test Manage Unit', () => {
 
   const getElement = (instance) => {
     const changeName = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_NAME
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_CHANGE_NAME
     );
     const changeLocation = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_LOCATION
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_CHANGE_LOCATION
     );
     const changePhoto = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_PHOTO
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_CHANGE_PHOTO
     );
     const imagePicker = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_IMAGE_PICKER
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_IMAGE_PICKER
     );
     const modalRename = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_MODAL_RENAME
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_MODAL_RENAME
     );
     const inputRename = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_MODAL_RENAME_INPUT_NAME
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_MODAL_RENAME_INPUT_NAME
     );
     const showRemove = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_SHOW_REMOVE
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_SHOW_REMOVE
     );
     return {
       changeName,
@@ -126,8 +140,8 @@ describe('Test Manage Unit', () => {
     });
     const bottomButton = instance.find(
       (item) =>
-        item.props.testID ===
-        `${TESTID.PREFIX.MANAGE_UNIT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.PREFIX.MANAGE_UNIT}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
     mock.onPatch(API.UNIT.MANAGE_UNIT(1)).reply(200, {});
     await act(async () => {
@@ -157,8 +171,8 @@ describe('Test Manage Unit', () => {
 
     const bottomButton = instance.find(
       (item) =>
-        item.props.testID ===
-        `${TESTID.PREFIX.MANAGE_UNIT_ALERT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.PREFIX.MANAGE_UNIT_ALERT}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
     expect(bottomButton).toBeDefined();
     await act(async () => {
@@ -182,8 +196,8 @@ describe('Test Manage Unit', () => {
 
     const bottomButton = instance.find(
       (item) =>
-        item.props.testID ===
-        `${TESTID.PREFIX.MANAGE_UNIT}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.PREFIX.MANAGE_UNIT}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
     mock.onPatch(API.UNIT.MANAGE_UNIT(1)).reply(200);
 
@@ -205,11 +219,15 @@ describe('Test Manage Unit', () => {
     const instance = tree.root;
 
     const imagePicker = instance.find(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_IMAGE_PICKER
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_IMAGE_PICKER
     );
 
     const handleChoosePhoto = instance.findAll(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_PHOTO
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_CHANGE_PHOTO
     );
 
     act(() => {
@@ -228,7 +246,9 @@ describe('Test Manage Unit', () => {
     const instance = tree.root;
 
     const buttonWrapper = instance.find(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_LOCATION
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_CHANGE_LOCATION
     );
 
     act(() => {
@@ -244,7 +264,9 @@ describe('Test Manage Unit', () => {
     const instance = tree.root;
 
     const buttonWrapper = instance.find(
-      (item) => item.props.testID === TESTID.MANAGE_UNIT_GO_TO_SUBUNIT
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.MANAGE_UNIT_GO_TO_SUBUNIT
     );
 
     act(() => {

package/src/screens/Unit/__test__/SelectAddress.test.js

@@ -12,7 +12,7 @@ import SearchBarLocation from '../../../commons/SearchLocation';
 import RowLocation from '../../../commons/SearchLocation/RowLocation';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import { API } from '../../../configs';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
 import {
   GEOLOCATION_ERROR,
@@ -230,7 +230,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     const response = {
@@ -263,7 +264,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     const response = {
@@ -291,7 +293,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     global.navigator.geolocation = {
@@ -315,7 +318,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     global.navigator.geolocation = {
@@ -360,7 +364,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     global.navigator.geolocation = {
@@ -381,7 +386,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_YOUR_LOCATION
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_YOUR_LOCATION
     );
 
     global.navigator.geolocation = {
@@ -405,7 +411,8 @@ describe('Test SelectAddress', () => {
     });
     const instance = tree.root;
     const button = instance.find(
-      (el) => el.props.testID === TESTID.BUTTON_CHOOSE_ON_MAP
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_CHOOSE_ON_MAP
     );
     await act(async () => {
       await button.props.onPress();

package/src/screens/Unit/__test__/SmartAccount.test.js

@@ -44,30 +44,35 @@ describe('Test SmartAccount', () => {
       unitId: 1,
     },
   };
+  const response = {
+    status: 200,
+    data: [
+      {
+        brand: 'google_home',
+        id: 9,
+        logo: null,
+        username: 'dienquangsmart08@gmail.com',
+      },
+      {
+        brand: 'google home',
+        id: 7,
+        logo: 'https://eoh-gateway-backend.eoh.io/logolgggggg.png',
+        username: 'do.loi@eoh.io',
+      },
+      {
+        brand: 'google home',
+        id: 5,
+        logo: 'https://eoh-gateway-backend.eoh.io/reminderpopup2.png',
+        username: 'loitest3',
+      },
+    ],
+  };
+
+  afterEach(() => {
+    mock.resetHistory();
+  });
+
   test('test render SmartAccount', async () => {
-    const response = {
-      status: 200,
-      data: [
-        {
-          brand: 'google_home',
-          id: 9,
-          logo: null,
-          username: 'dienquangsmart08@gmail.com',
-        },
-        {
-          brand: 'google home',
-          id: 7,
-          logo: 'https://eoh-gateway-backend.eoh.io/logolgggggg.png',
-          username: 'do.loi@eoh.io',
-        },
-        {
-          brand: 'google home',
-          id: 5,
-          logo: 'https://eoh-gateway-backend.eoh.io/reminderpopup2.png',
-          username: 'loitest3',
-        },
-      ],
-    };
     mock
       .onGet(API.SMART_ACCOUNT.LIST_SMART_ACCOUNT(1))
       .reply(response.status, response.data);
@@ -80,10 +85,12 @@ describe('Test SmartAccount', () => {
     expect(smartAccountItem.length).toEqual(3);
     act(() => {
       smartAccountItem[0].props.gotoSmartAccountDetail(response.data[0]);
-      smartAccountItem[0].props.onShowMenuMore(response.data[0]);
+      smartAccountItem[0].props.onShowMenuMore('ref', response.data[0]);
     });
     const alertAction = instance.findAllByType(AlertAction);
-    mock.onDelete(API.SMART_ACCOUNT.REMOVE_SMART_ACCOUNT(1)).reply(200);
+    mock
+      .onDelete(API.SMART_ACCOUNT.REMOVE_SMART_ACCOUNT(response.data[0].id))
+      .reply(200);
     await alertAction[0].props.leftButtonClick();
     expect(mockNavigate).toBeCalledWith(Routes.ListDeviceSmartAccount, {
       username: response.data[0].username,
@@ -91,6 +98,16 @@ describe('Test SmartAccount', () => {
       smart_account_id: response.data[0].id,
       unit_id: route.params.unitId,
     });
+    const menuActionMore = instance.findByType(MenuActionMore);
+    await act(async () => {
+      menuActionMore.props.onItemClick({ action: 'remove' });
+    });
+    expect(menuActionMore.props.isVisible).toEqual(true);
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ action: 'action' });
+    });
+    expect(menuActionMore.props.isVisible).toEqual(true);
   });
 
   test('test render SmartAccountItem', async () => {

package/src/screens/Unit/__test__/SmartAccountItem.test.js

@@ -5,7 +5,7 @@ import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { SmartAccountItem } from '../SmartAccountItem';
 import { TouchableOpacity } from 'react-native';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const mockedOnShowMenuMore = jest.fn();
 const mockedGotoSmartAccountDetail = jest.fn();
@@ -47,7 +47,7 @@ describe('Test SmartAccountItem', () => {
 
     const onPressGotoSmartAccountDetail = instance.find(
       (el) =>
-        el.props.testID === TESTID.SMART_ACCOUNT_ITEM &&
+        el.props.accessibilityLabel === AccessibilityLabel.SMART_ACCOUNT_ITEM &&
         el.type === TouchableOpacity
     );
 
@@ -59,7 +59,8 @@ describe('Test SmartAccountItem', () => {
 
     const onPressMore = instance.find(
       (el) =>
-        el.props.testID === TESTID.SMART_ACCOUNT_ITEM_PRESSMORE &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.SMART_ACCOUNT_ITEM_PRESSMORE &&
         el.type === TouchableOpacity
     );
 

package/src/screens/Unit/components/AutomateScript/index.js

@@ -9,7 +9,10 @@ import ValueChange from '../../../../../assets/images/ValueChange.svg';
 import Schedule from '../../../../../assets/images/Schedule.svg';
 import Event from '../../../../../assets/images/Event.svg';
 import styles from './styles';
-import { AUTOMATE_TYPE, TESTID } from '../../../../configs/Constants';
+import {
+  AUTOMATE_TYPE,
+  AccessibilityLabel,
+} from '../../../../configs/Constants';
 import { Colors } from '../../../../configs';
 
 const AutomateScript = ({ automate, onPress, isSelected }) => {
@@ -38,7 +41,7 @@ const AutomateScript = ({ automate, onPress, isSelected }) => {
   return (
     <TouchableWithoutFeedback
       onPress={_onPress}
-      accessibilityLabel={`${TESTID.TOUCHABLE_ACTION_ADD_ITEM_AUTOMATE_FAVORITE}-${automate.id}`}
+      accessibilityLabel={`${AccessibilityLabel.TOUCHABLE_ACTION_ADD_ITEM_AUTOMATE_FAVORITE}-${automate.id}`}
     >
       <View style={[styles.container, isSelected && styles.active]}>
         <View style={styles.boxIcon}>{displayIcon()}</View>

package/src/screens/Unit/components/ListMyAllUnit/index.js

@@ -25,7 +25,7 @@ const ListMyAllUnit = ({ unitItems }) => {
           { useNativeDriver: true }
         )}
       >
-        {typeof unitItems !== 'undefined' &&
+        {!!unitItems &&
           unitItems.map((item, index) => {
             return (
               <View key={index.toString()} style={styles.unitItemContainer}>

package/src/screens/Unit/components/MyAllUnit/__test__/Header.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { Colors } from '../../../../../configs';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import HeaderUnit from '../../../../../commons/Unit/HeaderUnit';
 const mockGoBack = jest.fn();
 
@@ -43,7 +43,8 @@ describe('Test HeaderUnit', () => {
     const instance = tree.root;
     const button = instance.find(
       (el) =>
-        el.props.testID === TESTID.HEADER_UNIT_BUTTON_BACK &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_UNIT_BUTTON_BACK &&
         el.type === TouchableOpacity
     );
     act(() => {
@@ -60,7 +61,8 @@ describe('Test HeaderUnit', () => {
     const instance = tree.root;
     const button = instance.find(
       (el) =>
-        el.props.testID === TESTID.HEADER_UNIT_BUTTON_BACK &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_UNIT_BUTTON_BACK &&
         el.type === TouchableOpacity
     );
     act(() => {
@@ -76,7 +78,8 @@ describe('Test HeaderUnit', () => {
     const instance = tree.root;
     const button = instance.find(
       (el) =>
-        el.props.testID === TESTID.HEADER_UNIT_BUTTON_ADD &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_UNIT_BUTTON_ADD &&
         el.type === TouchableOpacity
     );
     act(() => {
@@ -92,7 +95,8 @@ describe('Test HeaderUnit', () => {
     const instance = tree.root;
     const button = instance.find(
       (el) =>
-        el.props.testID === TESTID.HEADER_UNIT_BUTTON_MORE &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_UNIT_BUTTON_MORE &&
         el.type === TouchableOpacity
     );
     act(() => {

package/src/screens/Unit/components/MyAllUnit/index.js

@@ -9,7 +9,7 @@ const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
 
 const MyAllUnit = ({ route, navigation }) => {
   const animatedScrollYValue = useRef(new Animated.Value(0)).current;
-  const unitItems = route.params.myUnits;
+  const unitItems = route?.params?.myUnits;
 
   return (
     <SafeAreaView style={[styles.wrap, styles.backgroundWhite]}>