@eohjsc/react-native-smart-city 0.3.29 → 0.3.32

package/src/screens/Unit/ManageUnit.js

@@ -16,7 +16,7 @@ import _TextInput from '../../commons/Form/TextInput';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 
 import { useIsOwnerOfUnit } from '../../hooks/Common';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import { IconOutline } from '@ant-design/icons-react-native';
 import styles from './ManageUnitStyles';
 import { useNavigation } from '@react-navigation/native';
@@ -35,7 +35,7 @@ const ButtonWrapper = ({
   return (
     <TouchableOpacity
       onPress={onPress}
-      testID={testId}
+      accessibilityLabel={testId}
       style={styles.buttonWrapper}
     >
       <View style={styles.buttonInfo}>
@@ -68,7 +68,7 @@ const ButtonWrapper = ({
 
 const ManageUnit = ({ route }) => {
   const t = useTranslations();
-  const { unit } = route.params;
+  const { unit } = route?.params || {};
   const navigation = useNavigation();
   const { isOwner } = useIsOwnerOfUnit(unit.user_id);
   const [showEdit, setshowEdit, setHideEdit] = useBoolean();
@@ -222,18 +222,20 @@ const ManageUnit = ({ route }) => {
                 value={unitData.icon}
                 icon
                 title={t('icon_unit')}
-                testID={TESTID.MANAGE_UNIT_CHANGE_PHOTO}
+                accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_CHANGE_PHOTO}
               />
               <ButtonWrapper
                 onPress={setshowEdit}
-                testID={TESTID.MANAGE_UNIT_CHANGE_NAME}
+                accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_CHANGE_NAME}
                 title={t('unit_name')}
                 value={unitData.name}
               />
               <ButtonWrapper
                 onPress={goSelectLocation}
                 title={t('location')}
-                testID={TESTID.MANAGE_UNIT_CHANGE_LOCATION}
+                accessibilityLabel={
+                  AccessibilityLabel.MANAGE_UNIT_CHANGE_LOCATION
+                }
               >
                 <Text type="Body" color={Colors.Gray7} style={styles.location}>
                   {unitData.address}
@@ -243,14 +245,16 @@ const ManageUnit = ({ route }) => {
                 onPress={goToManageSubUnit}
                 title={t('manage_sub_units')}
                 value={`${SensorNumbers} sub-units`}
-                testID={TESTID.MANAGE_UNIT_GO_TO_SUBUNIT}
+                accessibilityLabel={
+                  AccessibilityLabel.MANAGE_UNIT_GO_TO_SUBUNIT
+                }
               />
               <ButtonWrapper
                 onPress={() => handleChoosePhoto('background')}
                 title={t('unit_wallpaper')}
                 value={t('tap_to_change')}
                 valueColor={Colors.Orange}
-                testID={TESTID.MANAGE_UNIT_CHANGE_PHOTO}
+                accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_CHANGE_PHOTO}
               >
                 <View style={styles.boxImage}>
                   <Image
@@ -261,7 +265,7 @@ const ManageUnit = ({ route }) => {
                     style={styles.image}
                     defaultSource={Images.BgDevice}
                     resizeMode="cover"
-                    testID={TESTID.SUB_UNIT_BACKGROUND}
+                    accessibilityLabel={AccessibilityLabel.SUB_UNIT_BACKGROUND}
                   />
                 </View>
               </ButtonWrapper>
@@ -271,7 +275,7 @@ const ManageUnit = ({ route }) => {
                 setShowImagePicker={setShowImagePicker}
                 setImageUrl={onUpdateImage}
                 optionsCapture={options}
-                testID={TESTID.MANAGE_UNIT_IMAGE_PICKER}
+                accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_IMAGE_PICKER}
               />
             </>
           )}
@@ -281,7 +285,7 @@ const ManageUnit = ({ route }) => {
         <TouchableOpacity
           style={styles.removeButton}
           onPress={setshowRemove}
-          testID={TESTID.MANAGE_UNIT_SHOW_REMOVE}
+          accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_SHOW_REMOVE}
         >
           <Text
             type={'H4'}
@@ -298,7 +302,7 @@ const ManageUnit = ({ route }) => {
         onBackButtonPress={setHideEdit}
         onBackdropPress={setHideEdit}
         style={styles.modalContainer}
-        testID={TESTID.MANAGE_UNIT_MODAL_RENAME}
+        accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_MODAL_RENAME}
       >
         <Animated.View style={[styles.popoverStyle, animatedStyle]}>
           <View style={styles.modalWrapper}>
@@ -313,7 +317,9 @@ const ManageUnit = ({ route }) => {
               textInputStyle={styles.textInputStyle}
               wrapStyle={styles.textInputWrapStyle}
               selectionColor={Colors.Primary}
-              testID={TESTID.MANAGE_UNIT_MODAL_RENAME_INPUT_NAME}
+              accessibilityLabel={
+                AccessibilityLabel.MANAGE_UNIT_MODAL_RENAME_INPUT_NAME
+              }
             />
 
             <ViewButtonBottom
@@ -321,7 +327,7 @@ const ManageUnit = ({ route }) => {
               onLeftClick={setHideEdit}
               rightTitle={t('rename')}
               onRightClick={goRename}
-              testIDPrefix={TESTID.PREFIX.MANAGE_UNIT}
+              accessibilityLabelPrefix={AccessibilityLabel.PREFIX.MANAGE_UNIT}
             />
           </View>
         </Animated.View>
@@ -337,7 +343,7 @@ const ManageUnit = ({ route }) => {
         rightButtonTitle={t('remove')}
         rightButtonClick={goRemove}
         rightButtonStyle={styles.rightButtonStyle}
-        testIDPrefix={TESTID.PREFIX.MANAGE_UNIT_ALERT}
+        accessibilityLabelPrefix={AccessibilityLabel.PREFIX.MANAGE_UNIT_ALERT}
       />
     </>
   );

package/src/screens/Unit/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]}>

package/src/screens/Unit/SelectAddToFavorites.js

@@ -21,12 +21,13 @@ import { SCContext } from '../../context';
 import { Action } from '../../context/actionType';
 import { axiosGet, axiosPost } from '../../utils/Apis/axios';
 import { API, Colors } from '../../configs';
+import { AccessibilityLabel } from '../../configs/Constants';
 import styles from './SelectAddToFavoritesStyles';
 
 const SelectAddToFavorites = memo(({ route }) => {
   const t = useTranslations();
   const { goBack } = useNavigation();
-  const { unitId } = route.params;
+  const { unitId } = route?.params || {};
   const { setAction } = useContext(SCContext);
   const [listStation, setListStation] = useState([]);
   const [listMenuItem, setListMenuItem] = useState([]);
@@ -136,7 +137,11 @@ const SelectAddToFavorites = memo(({ route }) => {
 
   const rightComponent = useMemo(
     () => (
-      <TouchableOpacity style={styles.buttonClose} onPress={goBack}>
+      <TouchableOpacity
+        accessibilityLabel={AccessibilityLabel.ICON_BACK}
+        style={styles.buttonClose}
+        onPress={goBack}
+      >
         <Icon name={'close'} size={24} color={Colors.Black} />
       </TouchableOpacity>
     ),
@@ -151,6 +156,8 @@ const SelectAddToFavorites = memo(({ route }) => {
         style={styles.wrap}
         contentContainerStyle={styles.contentContainerStyle}
         scrollIndicatorInsets={{ right: 1 }}
+        accessibilityLabel={AccessibilityLabel.LIST_FAVORITES}
+        idLabelScrollView={AccessibilityLabel.LIST_FAVORITES}
       >
         <Text bold type="H2" style={styles.title}>
           {t('select_device')}
@@ -162,6 +169,8 @@ const SelectAddToFavorites = memo(({ route }) => {
             listMenuItem={listMenuItem}
             onSnapToItem={onSnapToItem}
             indexStation={indexStation}
+            idLabelItem={AccessibilityLabel.SUB_UNIT_FAVORITES}
+            idLabelIconBars={AccessibilityLabel.NAVBAR_ICON_BARS_ADD_FAVORITES}
             style={styles.navbar}
           />
         )}

package/src/screens/Unit/SelectAddress.js

@@ -23,7 +23,7 @@ import { API, Colors, SCConfig } from '../../configs';
 import { axiosGet } from '../../utils/Apis/axios';
 import Routes from '../../utils/Route';
 import {
-  TESTID,
+  AccessibilityLabel,
   MAP_INITIAL_REGION,
   EOH_LOCATION,
 } from '../../configs/Constants';
@@ -32,7 +32,7 @@ navigator.geolocation = require('@react-native-community/geolocation');
 
 const SelectAddress = memo(({ route }) => {
   const t = useTranslations();
-  const { updateLocation } = route.params;
+  const { updateLocation } = route?.params || {};
   const { navigate, goBack } = useNavigation();
   const [input, setInput] = useState('');
   const [searchData, setSearchData] = useState([]);
@@ -192,7 +192,7 @@ const SelectAddress = memo(({ route }) => {
             <TouchableOpacity
               onPress={getCurrentPosition}
               style={styles.button}
-              testID={TESTID.BUTTON_YOUR_LOCATION}
+              accessibilityLabel={AccessibilityLabel.BUTTON_YOUR_LOCATION}
             >
               <IconOutline name="aim" size={27} color={Colors.Primary} />
               <Text type="Body" color={Colors.Gray9} style={styles.text} bold>
@@ -203,7 +203,7 @@ const SelectAddress = memo(({ route }) => {
             <TouchableOpacity
               onPress={chooseOnMap}
               style={styles.button}
-              testID={TESTID.BUTTON_CHOOSE_ON_MAP}
+              accessibilityLabel={AccessibilityLabel.BUTTON_CHOOSE_ON_MAP}
             >
               <IconFill name="environment" size={27} color={Colors.Primary} />
               <Text type="Body" color={Colors.Gray9} style={styles.text} bold>

package/src/screens/Unit/SmartAccount.js

@@ -64,7 +64,7 @@ const ListSmartAccount = ({ route }) => {
       if (!smartAccountRef?.current) {
         return;
       }
-      if (item.action === 'remove') {
+      if (item?.action === 'remove') {
         onShowRemoveAlert(smartAccountRef.current.brand)();
       }
     },

package/src/screens/Unit/SmartAccountItem.js

@@ -5,7 +5,7 @@ import styles from './SmartAccountStyles';
 import { Colors } from '../../configs';
 import Text from '../../commons/Text';
 import { Icon } from '@ant-design/react-native';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 export const SmartAccountItem = memo(
   ({ item, onShowMenuMore, gotoSmartAccountDetail }) => {
@@ -23,7 +23,7 @@ export const SmartAccountItem = memo(
         <TouchableOpacity
           style={styles.wrapText}
           onPress={onPressGotoSmartAccountDetail}
-          testID={TESTID.SMART_ACCOUNT_ITEM}
+          accessibilityLabel={AccessibilityLabel.SMART_ACCOUNT_ITEM}
         >
           <FImage
             source={{ uri: item?.logo }}
@@ -40,7 +40,7 @@ export const SmartAccountItem = memo(
           </View>
         </TouchableOpacity>
         <TouchableOpacity
-          testID={TESTID.SMART_ACCOUNT_ITEM_PRESSMORE}
+          accessibilityLabel={AccessibilityLabel.SMART_ACCOUNT_ITEM_PRESSMORE}
           onPress={onPressMore}
           ref={buttonMoreRef}
         >

package/src/screens/Unit/Station/__test__/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlatList } from 'react-native';
+import { FlatList, TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import Station from '..';
 import { SCProvider } from '../../../../context';
@@ -10,14 +10,18 @@ const mockOnSnapToItem = jest.fn();
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <Station
-      listStation={[{ id: 1, station: { id: 1 }, text: 'station1' }]}
+      listStation={[
+        { id: 1, station: { id: 1 }, text: 'station1' },
+        { id: 2, station: { id: 2 }, text: 'station1' },
+        { id: 3, station: { id: 3 }, text: 'station1' },
+      ]}
       onSnapToItem={mockOnSnapToItem}
       indexStation={1}
     />
   </SCProvider>
 );
 
-describe('Test Station', async () => {
+describe('Test Station', () => {
   let tree;
   let route = {
     unitId: 1,
@@ -37,5 +41,17 @@ describe('Test Station', async () => {
     const instance = tree.root;
     const FlatLists = instance.findAllByType(FlatList);
     expect(FlatLists).toHaveLength(1);
+    await FlatLists[0].props.onScroll({
+      nativeEvent: {
+        contentInset: { bottom: 10, left: 10, right: 10, top: 10 },
+        contentOffset: { x: 10, y: 0 },
+        contentSize: { height: 10, width: 10 },
+        layoutMeasurement: { height: 10, width: 10 },
+        zoomScale: 1,
+      },
+    });
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    await TouchableOpacities[0].props.onPress();
+    expect(mockOnSnapToItem).toBeCalled();
   });
 });

package/src/screens/Unit/Station/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useEffect, useRef, useState } from 'react';
 import { View, Text, TouchableOpacity, FlatList } from 'react-native';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import styles from './StationStyles';
 
 const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
@@ -24,7 +24,7 @@ const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
         key={index}
         style={styles.wrapTitle}
         onPress={handleOnSnapToItem(item, index)}
-        testID={`${TESTID.SUB_UNIT_NAME}-${item?.station?.id}`}
+        accessibilityLabel={`${AccessibilityLabel.SUB_UNIT_NAME}-${item?.station?.id}`}
       >
         <Text
           style={[styles.title, index === indexStation && styles.titleActive]}

package/src/screens/Unit/Summaries.js

@@ -6,7 +6,7 @@ import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { axiosGet } from '../../utils/Apis/axios';
 import { API } from '../../configs';
 import { useReceiveNotifications } from '../../hooks';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 
 const Summaries = memo(({ unit }) => {
@@ -112,7 +112,7 @@ const Summaries = memo(({ unit }) => {
         <ScrollView
           horizontal={true}
           scrollIndicatorInsets={{ right: 1 }}
-          accessibilityLabel={TESTID.UNIT_DETAIL_UNIT_SUMMARY_VIEW}
+          accessibilityLabel={AccessibilityLabel.UNIT_DETAIL_UNIT_SUMMARY_VIEW}
         >
           {unitSummaries.map((item, index) => (
             <SummaryItem key={index} item={item} goToSummary={goToSummary} />

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

@@ -22,9 +22,9 @@ jest.mock('react-redux', () => ({
   },
 }));
 
-jest.mock('../../../iot/RemoteControl/GoogleHome', () => ({
-  ...jest.requireActual('../../../iot/RemoteControl/GoogleHome'),
-  googleHomeConnect: jest.fn(async () => ({
+jest.mock('../../../iot/RemoteControl/HomeAssistant', () => ({
+  ...jest.requireActual('../../../iot/RemoteControl/HomeAssistant'),
+  homeAssistantConnect: jest.fn(async () => ({
     [1]: {},
   })),
 }));
@@ -66,7 +66,7 @@ const wrapComponent = (route, unitData, account) => (
   </SCProvider>
 );
 
-describe('Test UnitDetail google home disconnect', () => {
+describe('Test UnitDetail home assistant disconnect', () => {
   let tree;
   const route = {
     params: {
@@ -75,7 +75,7 @@ describe('Test UnitDetail google home disconnect', () => {
   };
   const account = {};
 
-  test('when unit has google home disconnect call api check send email', async () => {
+  test('when unit has home assistant disconnect call api check send email', async () => {
     const unitData = {
       remote_control_options: {
         googlehome: [
@@ -89,7 +89,7 @@ describe('Test UnitDetail google home disconnect', () => {
         ],
       },
     };
-    mock.onGet(API.GOOGLE_HOME.CHECK_SEND_EMAIL()).reply(200);
+    mock.onGet(API.HOME_ASSISTANT.CHECK_SEND_EMAIL()).reply(200);
     await act(() => {
       tree = create(wrapComponent(route, unitData, account));
     });

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