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

package/src/commons/SelectUnit/styles.js

@@ -0,0 +1,54 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../configs';
+import { getStatusBarHeight } from '../../configs/Constants';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.Gray2,
+    paddingTop: getStatusBarHeight(),
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'space-between',
+  },
+  scrollContainer: {
+    width: '100%',
+    flex: 1,
+  },
+  title: {
+    color: Colors.Gray9,
+    fontSize: 20,
+    lineHeight: 28,
+    marginTop: 8,
+    marginBottom: 4,
+    marginLeft: 16,
+  },
+  subtitle: {
+    color: Colors.Gray8,
+    fontSize: 14,
+    lineHeight: 22,
+    marginLeft: 16,
+    marginBottom: 16,
+  },
+  row: {
+    flex: 1,
+    paddingVertical: 16,
+    borderBottomColor: Colors.Gray4,
+    borderBottomWidth: 1,
+    marginRight: 24,
+    marginLeft: 16,
+  },
+  rowContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 16,
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: Colors.Gray9,
+  },
+});
+
+export default styles;

package/src/commons/Sharing/WrapHeaderScrollable.js

@@ -13,7 +13,7 @@ import { isIphoneX } from 'react-native-iphone-x-helper';
 import { Colors, Theme } from '../../configs';
 import HeaderAni, { heightHeader } from '../../commons/HeaderAni';
 import Text from '../../commons/Text';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 const WrapHeaderScrollable = ({
   children,
@@ -29,9 +29,12 @@ const WrapHeaderScrollable = ({
   headerAniCenterStyle,
   onGoBack,
   disableLoadMore = false,
+  scrollEnabled = true,
 }) => {
   const animatedScrollYValue = useRef(new Animated.Value(0)).current;
   const [loadingMore, setLoadingMore] = useState(false);
+  const [contentHeight, setContentHeight] = useState(0);
+
   const loadMore = useCallback(() => {
     if (onLoadMore) {
       setLoadingMore(true);
@@ -39,8 +42,6 @@ const WrapHeaderScrollable = ({
     }
   }, [onLoadMore]);
 
-  const [contentHeight, setContentHeight] = useState(0);
-
   const onContentSizeChange = useCallback(
     (_, height) => {
       setContentHeight(height);
@@ -60,7 +61,8 @@ const WrapHeaderScrollable = ({
         onLeft={onGoBack}
       />
       <Animated.ScrollView
-        testID={TESTID.ANIMATED_SCROLL}
+        accessibilityLabel={AccessibilityLabel.ANIMATED_SCROLL}
+        scrollEnabled={scrollEnabled}
         scrollEventThrottle={16}
         onScroll={Animated.event(
           [{ nativeEvent: { contentOffset: { y: animatedScrollYValue } } }],

package/src/commons/SubUnit/OneTap/ItemOneTap.js

@@ -18,7 +18,7 @@ import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { useNavigation } from '@react-navigation/native';
 import Routes from '../../../utils/Route';
 import { useGetIdUser } from '../../../hooks/Common';
-import { AUTOMATE_TYPE, TESTID } from '../../../configs/Constants';
+import { AUTOMATE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
 
 const ItemOneTap = memo(
   ({ isOwner, automate = {}, unit, wrapSyles, onPressItem }) => {
@@ -103,13 +103,16 @@ const ItemOneTap = memo(
       ? timeDifference(new Date(), moment(activate_at), true)
       : null;
     return (
-      <TouchableWithoutFeedback onPress={onPressItem || goToDetail}>
+      <TouchableWithoutFeedback
+        onPress={onPressItem || goToDetail}
+        accessibilityLabel={`${AccessibilityLabel.AUTOMATE_SCRIPT_NAME}-${id}`}
+      >
         <View style={[styles.container, wrapSyles]}>
           <View style={styles.boxIcon}>
             {displayIcon()}
             {type === AUTOMATE_TYPE.ONE_TAP && (
               <TouchableOpacity
-                testID={TESTID.AUTOMATE_SCRIPT_ACTION}
+                accessibilityLabel={AccessibilityLabel.AUTOMATE_SCRIPT_ACTION}
                 onPress={handleScriptAction}
               >
                 <CheckCircle />
@@ -117,7 +120,7 @@ const ItemOneTap = memo(
             )}
           </View>
           <TouchableOpacity
-            testID={TESTID.GO_DETAIL}
+            accessibilityLabel={AccessibilityLabel.GO_DETAIL}
             onPress={onPressItem || goToDetail}
           >
             <Text

package/src/commons/SubUnit/OneTap/__test__/SubUnitAutomate.test.js

@@ -1,11 +1,14 @@
 import React from 'react';
-import { TouchableOpacity } from 'react-native';
+import { TouchableWithoutFeedback, TouchableOpacity } from 'react-native';
 import Toast from 'react-native-toast-message';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 
 import SubUnitAutomate from '..';
-import { AUTOMATE_TYPE, TESTID } from '../../../../configs/Constants';
+import {
+  AUTOMATE_TYPE,
+  AccessibilityLabel,
+} from '../../../../configs/Constants';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import Routes from '../../../../utils/Route';
@@ -72,7 +75,10 @@ describe('test Item', () => {
 
     const instance = tree.root;
     const item = instance.findAll(
-      (el) => el.props.testID === TESTID.PLUS && el.type === TouchableOpacity
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.SUB_UNIT_ADD_DEVICE &&
+        el.type === TouchableWithoutFeedback
     );
 
     expect(item).toHaveLength(1);
@@ -86,7 +92,8 @@ describe('test Item', () => {
 
     const goDetail = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.GO_DETAIL && el.type === TouchableOpacity
+        el.props.accessibilityLabel === AccessibilityLabel.GO_DETAIL &&
+        el.type === TouchableOpacity
     );
     expect(goDetail).toHaveLength(1);
     await act(async () => {
@@ -104,7 +111,8 @@ describe('test Item', () => {
 
     const handleScriptAction = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.AUTOMATE_SCRIPT_ACTION &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_SCRIPT_ACTION &&
         el.type === TouchableOpacity
     );
     expect(handleScriptAction).toHaveLength(1);
@@ -128,7 +136,8 @@ describe('test Item', () => {
 
     const handleScriptAction = tree.root.findAll(
       (el) =>
-        el.props.testID === TESTID.AUTOMATE_SCRIPT_ACTION &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_SCRIPT_ACTION &&
         el.type === TouchableOpacity
     );
     expect(handleScriptAction).toHaveLength(1);
@@ -175,7 +184,8 @@ describe('test Item', () => {
 
     const goDetail = tree.root.findAll(
       (el) =>
-        el.props.testID === TESTID.GO_DETAIL && el.type === TouchableOpacity
+        el.props.accessibilityLabel === AccessibilityLabel.GO_DETAIL &&
+        el.type === TouchableOpacity
     );
     expect(goDetail).toHaveLength(1);
     await act(async () => {
@@ -220,7 +230,10 @@ describe('test Item', () => {
 
     const instance = tree.root;
     const item = instance.findAll(
-      (el) => el.props.testID === TESTID.PLUS && el.type === TouchableOpacity
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.SUB_UNIT_ADD_DEVICE &&
+        el.type === TouchableWithoutFeedback
     );
 
     expect(item).toHaveLength(1);
@@ -235,7 +248,8 @@ describe('test Item', () => {
 
     const goDetail = tree.root.findAll(
       (el) =>
-        el.props.testID === TESTID.GO_DETAIL && el.type === TouchableOpacity
+        el.props.accessibilityLabel === AccessibilityLabel.GO_DETAIL &&
+        el.type === TouchableOpacity
     );
     expect(goDetail).toHaveLength(1);
   });
@@ -247,7 +261,8 @@ describe('test Item', () => {
     const instance = tree.root;
     const touchableOpacity = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.SUB_UNIT_SELECT_AUTOMATE_TYPE &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.SUB_UNIT_SELECT_AUTOMATE_TYPE &&
         el.type === TouchableOpacity
     );
     act(() => {

package/src/commons/SubUnit/OneTap/index.js

@@ -7,7 +7,7 @@ import ItemOneTap from './ItemOneTap';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { useNavigation } from '@react-navigation/native';
 import Routes from '../../../utils/Route/index.js';
-import { AUTOMATE_TYPE, TESTID } from '../../../configs/Constants';
+import { AUTOMATE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
 import Text from '../../Text/index.js';
 
 import styles from './OneTapStyles.js';
@@ -43,7 +43,10 @@ const SubUnitAutomate = ({ isOwner, listAutomate, unit, wrapItemStyle }) => {
   }, [listAutomate]);
   return (
     <Section style={styles.noShadow}>
-      <View style={styles.boxScenario} testID={TESTID.VIEW_SUB_UNIT_AUTOMATE}>
+      <View
+        style={styles.boxScenario}
+        accessibilityLabel={AccessibilityLabel.VIEW_SUB_UNIT_AUTOMATE}
+      >
         {listAutomate.map((item, index) => (
           <TouchableOpacity
             style={
@@ -53,11 +56,13 @@ const SubUnitAutomate = ({ isOwner, listAutomate, unit, wrapItemStyle }) => {
             }
             onPress={() => onItemClick(item, index)}
             ref={refMenuAction}
-            testID={TESTID.SUB_UNIT_SELECT_AUTOMATE_TYPE}
+            accessibilityLabel={
+              AccessibilityLabel.SUB_UNIT_SELECT_AUTOMATE_TYPE
+            }
           >
             <View style={styles.boxTextScenarito}>
               <Text
-                testID={TESTID.SUB_UNIT_TEXT_DROPDOWN}
+                accessibilityLabel={AccessibilityLabel.SUB_UNIT_TEXT_DROPDOWN}
                 style={styles.textSelection}
                 semibold
               >

package/src/commons/SubUnit/ShortDetail.js

@@ -5,8 +5,8 @@ import { useTranslations } from '../../hooks/Common/useTranslations';
 import { useDevicesStatus } from '../../hooks/Common';
 import { useWatchConfigs } from '../../hooks/IoT';
 
-import { Images, Device } from '../../configs';
-import { DEVICE_TYPE, TESTID } from '../../configs/Constants';
+import { Device, Images } from '../../configs';
+import { AccessibilityLabel, DEVICE_TYPE } from '../../configs/Constants';
 import { Section } from '../Section';
 import Text from '../Text';
 import ItemDevice from '../Device/ItemDevice';
@@ -16,12 +16,6 @@ import { standardizeCameraScreenSize } from '../../utils/Utils';
 import Routes from '../../utils/Route';
 import FastImage from 'react-native-fast-image';
 import MediaPlayerDetail from '../MediaPlayerDetail';
-import {
-  keyPermission,
-  OpenSetting,
-  permitPermissionFunction,
-} from '../../utils/Permission/common';
-import { RESULTS } from 'react-native-permissions';
 
 const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
   Device.screenWidth - 32
@@ -70,8 +64,7 @@ const ShortDetailSubUnit = ({ unit, station }) => {
               height: standardizeHeight,
             },
           ]}
-          testID={TESTID.SUB_UNIT_CAMERA_VIEW}
-          accessibilityLabel={`${TESTID.SUB_UNIT_CAMERA_VIEW}-${station?.id}`}
+          accessibilityLabel={`${AccessibilityLabel.SUB_UNIT_CAMERA_VIEW}-${station?.id}`}
         >
           <MediaPlayerDetail
             uri={station.camera.uri}
@@ -97,7 +90,7 @@ const ShortDetailSubUnit = ({ unit, station }) => {
             style={styles.image}
             defaultSource={Images.BgDevice}
             resizeMode="cover"
-            testID={TESTID.SUB_UNIT_BACKGROUND}
+            accessibilityLabel={AccessibilityLabel.SUB_UNIT_BACKGROUND}
           />
         </View>
       );
@@ -106,24 +99,13 @@ const ShortDetailSubUnit = ({ unit, station }) => {
   };
 
   const handleOnAddNew = () => {
-    permitPermissionFunction(keyPermission.CAMERA, (res) => {
-      if (res === RESULTS.GRANTED) {
-        navigate(Routes.AddDeviceStack, {
-          screen: Routes.ScanSensorQR,
-          params: {
-            station_id: station?.id,
-            unit_id: unit.id,
-            unit_name: unit.name,
-          },
-        });
-        return;
-      }
-      if (res === RESULTS.BLOCKED) {
-        OpenSetting(
-          t('camera_request_permission'),
-          t('camera_request_permission_des')
-        );
-      }
+    navigate(Routes.AddGatewayStack, {
+      screen: Routes.FirstWarning,
+      params: {
+        stationId: station?.id,
+        unitId: unit.id,
+        unitName: unit.name,
+      },
     });
   };
 

package/src/commons/SubUnit/__test__/ShortDetail.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Image, View } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import mock from 'react-native-permissions/mock';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import ShortDetailSubUnit from '../ShortDetail';
@@ -84,7 +84,8 @@ describe('test ShortDetail Subunit', () => {
     const instance = tree.root;
     const image = instance.findAllByType(Image);
     const imageBackground = image.find(
-      (item) => item.props.testID === TESTID.SUB_UNIT_BACKGROUND
+      (item) =>
+        item.props.accessibilityLabel === AccessibilityLabel.SUB_UNIT_BACKGROUND
     );
     expect(imageBackground).not.toBeDefined();
   });
@@ -97,7 +98,8 @@ describe('test ShortDetail Subunit', () => {
     const instance = tree.root;
     const image = instance.findAllByType(Image);
     const imageBackground = image.find(
-      (item) => item.props.testID === TESTID.SUB_UNIT_BACKGROUND
+      (item) =>
+        item.props.accessibilityLabel === AccessibilityLabel.SUB_UNIT_BACKGROUND
     );
     expect(imageBackground).not.toBeDefined();
   });
@@ -116,7 +118,9 @@ describe('test ShortDetail Subunit', () => {
     const instance = tree.root;
     const view = instance.findAllByType(View);
     const viewCamera = view.find(
-      (item) => item.props.testID === TESTID.SUB_UNIT_CAMERA_VIEW
+      (item) =>
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.SUB_UNIT_CAMERA_VIEW}-${props.station.id}`
     );
     expect(viewCamera).toBeDefined();
   });
@@ -150,7 +154,8 @@ describe('test ShortDetail Subunit', () => {
     const instance = tree.root;
     const itemDevice = instance.findAll(
       (item) =>
-        item.props.testID === TESTID.SUB_UNIT_DEVICES && item.type === View
+        item.props.accessibilityLabel === AccessibilityLabel.SUB_UNIT_DEVICES &&
+        item.type === View
     );
     expect(itemDevice.length).toBe(0);
   });
@@ -165,12 +170,12 @@ describe('test ShortDetail Subunit', () => {
       buttonAddNew.props.onAddNew();
     });
     await mock.request(keyPermission.CAMERA);
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddDeviceStack, {
-      screen: Routes.ScanSensorQR,
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddGatewayStack, {
+      screen: Routes.FirstWarning,
       params: {
-        station_id: props.station.id,
-        unit_id: props.unit.id,
-        unit_name: props.unit.name,
+        stationId: props.station.id,
+        unitId: props.unit.id,
+        unitName: props.unit.name,
       },
     });
   });

package/src/commons/SummaryItem/index.js

@@ -9,7 +9,7 @@ import Temperature from '../../../assets/images/Temperature.svg';
 import UVIndex from '../../../assets/images/UVIndex.svg';
 import WaterQuality from '../../../assets/images/WaterQuality.svg';
 import Device from '../../../assets/images/Device.svg';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 const SummaryItem = memo(({ item, goToSummary }) => {
   const Icon = (() => {
@@ -34,7 +34,7 @@ const SummaryItem = memo(({ item, goToSummary }) => {
     <TouchableOpacity
       onPress={() => goToSummary(item)}
       style={styles.wrapSummaryItem}
-      accessibilityLabel={`${TESTID.UNIT_DETAIL_UNIT_SUMMARY_ITEM}-${item?.id}`}
+      accessibilityLabel={`${AccessibilityLabel.UNIT_DETAIL_UNIT_SUMMARY_ITEM}-${item?.id}`}
     >
       <View style={styles.summaryItem}>
         <Icon />

package/src/commons/Unit/HeaderUnit/index.js

@@ -6,7 +6,7 @@ import { getStatusBarHeight } from 'react-native-iphone-x-helper';
 
 import { Colors, Device } from '../../../configs';
 import Text from '../../Text';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const HeaderUnit = memo(
   ({
@@ -19,7 +19,7 @@ const HeaderUnit = memo(
     hideRightPlus,
     styleBoxTitle,
     bottomBorder,
-    idButtonMore,
+    idButtonMore = AccessibilityLabel.HEADER_UNIT_BUTTON_MORE,
   }) => {
     const { goBack } = useNavigation();
     const buttonMoreRef = useRef(null);
@@ -43,7 +43,7 @@ const HeaderUnit = memo(
     return (
       <View style={[styles.container, bottomBorder && styles.bottomBorder]}>
         <TouchableOpacity
-          testID={TESTID.HEADER_UNIT_BUTTON_BACK}
+          accessibilityLabel={AccessibilityLabel.HEADER_UNIT_BUTTON_BACK}
           style={styles.btnLeft}
           onPress={onPressBack}
         >
@@ -65,7 +65,7 @@ const HeaderUnit = memo(
           <View style={styles.boxRight}>
             {!hideRightPlus && (
               <TouchableOpacity
-                testID={TESTID.HEADER_UNIT_BUTTON_ADD}
+                accessibilityLabel={AccessibilityLabel.HEADER_UNIT_BUTTON_ADD}
                 style={styles.btnAdd}
                 onPress={onPressAdd}
               >
@@ -77,7 +77,6 @@ const HeaderUnit = memo(
               </TouchableOpacity>
             )}
             <TouchableOpacity
-              testID={TESTID.HEADER_UNIT_BUTTON_MORE}
               style={styles.btnMore}
               onPress={onPressMore}
               ref={buttonMoreRef}

package/src/commons/Unit/SharedUnit.js

@@ -9,7 +9,7 @@ import Routes from '../../utils/Route';
 import { axiosPost } from '../../utils/Apis/axios';
 
 import styles from './styles';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 const SharedUnit = ({
   item,
@@ -67,8 +67,7 @@ const SharedUnit = ({
       style={styles.row}
       key={item.id.toString()}
       onPress={goToDetail}
-      testID={`${TESTID.TOUCH_SHARED_UNIT}-${item.id}`}
-      accessibilityLabel={`${TESTID.TOUCH_SHARED_UNIT}-${item.id}`}
+      accessibilityLabel={`${AccessibilityLabel.TOUCH_SHARED_UNIT}-${item.id}`}
     >
       <Image
         source={{ uri: unit.icon }}
@@ -78,7 +77,10 @@ const SharedUnit = ({
       <View style={styles.ownerContainer}>
         <Text style={styles.name}>{unit.name}</Text>
         {unit.owner_name ? (
-          <Text style={styles.textBy} testID={TESTID.SHARED_UNIT_OWN_BY}>
+          <Text
+            style={styles.textBy}
+            accessibilityLabel={AccessibilityLabel.SHARED_UNIT_OWN_BY}
+          >
             {t('text_by')}
             <Text style={styles.textOwner}>{unit.owner_name}</Text>
           </Text>
@@ -94,14 +96,14 @@ const SharedUnit = ({
                 size={20}
                 color={Colors.Blue10}
                 onPress={removePinSharedUnit}
-                testID={`${TESTID.ICON_REMOVE_PIN_SHARED_UNIT}-${item.id}`}
+                accessibilityLabel={`${AccessibilityLabel.ICON_REMOVE_PIN_SHARED_UNIT}-${item.id}`}
               />
             ) : (
               <IconOutline
                 name="pushpin"
                 size={20}
                 onPress={addPinSharedUnit}
-                testID={`${TESTID.ICON_ADD_PIN_SHARED_UNIT}-${item.id}`}
+                accessibilityLabel={`${AccessibilityLabel.ICON_ADD_PIN_SHARED_UNIT}-${item.id}`}
               />
             )}
             {item.is_star ? (
@@ -110,14 +112,14 @@ const SharedUnit = ({
                 size={20}
                 color={Colors.Yellow6}
                 onPress={removeStarSharedUnit}
-                testID={`${TESTID.ICON_REMOVE_STAR_SHARED_UNIT}-${item.id}`}
+                accessibilityLabel={`${AccessibilityLabel.ICON_REMOVE_STAR_SHARED_UNIT}-${item.id}`}
               />
             ) : (
               <IconOutline
                 name="star"
                 size={20}
                 onPress={addStarSharedUnit}
-                testID={`${TESTID.ICON_ADD_STAR_SHARED_UNIT}-${item.id}`}
+                accessibilityLabel={`${AccessibilityLabel.ICON_ADD_STAR_SHARED_UNIT}-${item.id}`}
               />
             )}
           </Fragment>

package/src/commons/Unit/__test__/HeaderUnit.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import HeaderUnit from '../HeaderUnit/index';
 
 const mockedGoBack = jest.fn();
@@ -46,7 +46,9 @@ describe('Test HeaderUnit', () => {
     });
     const instance = tree.root;
     const item = instance.find(
-      (el) => el.props.testID === TESTID.HEADER_UNIT_BUTTON_BACK
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.HEADER_UNIT_BUTTON_BACK
     );
     expect(item.props.style).toEqual(style);
     await act(async () => {
@@ -68,7 +70,9 @@ describe('Test HeaderUnit', () => {
     });
     const instance = tree.root;
     const item = instance.find(
-      (el) => el.props.testID === TESTID.HEADER_UNIT_BUTTON_BACK
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.HEADER_UNIT_BUTTON_BACK
     );
     await act(async () => {
       item.props.onPress();
@@ -91,10 +95,14 @@ describe('Test HeaderUnit', () => {
     });
     const instance = tree.root;
     const buttonAdd = instance.find(
-      (el) => el.props.testID === TESTID.HEADER_UNIT_BUTTON_ADD
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.HEADER_UNIT_BUTTON_ADD
     );
     const buttonMore = instance.find(
-      (el) => el.props.testID === TESTID.HEADER_UNIT_BUTTON_MORE
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.HEADER_UNIT_BUTTON_MORE
     );
     await act(async () => {
       buttonAdd.props.onPress();