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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.31",
+  "version": "0.3.32",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -39,11 +39,12 @@
     "reset-cache": "react-native start --reset-cache",
     "merge_conflict": "yarn jest && yarn update_coverage_result && yarn check_coverage_config",
     "jest": "jest --detectOpenHandles",
+    "jest1": "jest --detectOpenHandles --coverage=0",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
     "bootstrap": "yarn example && yarn && yarn pods",
-    "build": "sync-files ./src ../EohMobile/node_modules/@eohjsc/react-native-smart-city/src",
-    "watch": "sync-files --watch ./src ../EohMobile/node_modules/@eohjsc/react-native-smart-city/src"
+    "build": "syncdir ./src ../EohMobile/node_modules/@eohjsc/react-native-smart-city/src",
+    "watch": "syncdir ./src ../EohMobile/node_modules/@eohjsc/react-native-smart-city/src --watch"
   },
   "repository": {
     "type": "git",
@@ -139,7 +140,7 @@
     "patch-package": "^6.2.2",
     "pluralize": "^8.0.0",
     "postinstall": "^0.7.0",
-    "pusher-js": "^7.0.3",
+    "pusher-js": "^7.4.0",
     "pusher-js-auth": "^4.0.1",
     "querystring": "^0.2.0",
     "react-content-loader": "^6.0.3",
@@ -207,9 +208,10 @@
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "string-format": "^2.0.0",
-    "sync-files": "^1.0.3",
+    "sync-directory": "^5.1.7",
     "timezone-mock": "^1.1.3",
     "uuid-by-string": "^3.0.2",
+    "uuidv4": "^6.2.13",
     "validator": "^13.1.1",
     "victory-native": "^35.0.1"
   },

package/src/commons/Action/ItemQuickAction.js

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useEffect, useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 import { useRemoteControl } from '../../hooks/IoT';
 import { useConfigGlobalState } from '../../iot/states';
@@ -87,8 +87,7 @@ const ItemQuickAction = memo(({ sensor, wrapperStyle, setStatus }) => {
 
   return (
     <TouchableOpacity
-      testID={TESTID.ITEM_QUICK_ACTION_PRESS}
-      accessibilityLabel={`${TESTID.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}`}
+      accessibilityLabel={`${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}`}
       onPress={onActionPress}
     >
       <View style={wrapperStyle}>

package/src/commons/Action/__test__/ItemQuickAction.test.js

@@ -3,7 +3,7 @@ import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import ItemQuickAction from '../ItemQuickAction';
 import { Colors } from '../../../configs';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { factory } from 'factory-girl';
 
 class Sensor {}
@@ -95,7 +95,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
     expect(buttonOnActionPress).toHaveLength(0);
@@ -117,7 +118,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
     expect(buttonOnActionPress).toBeDefined();
@@ -150,7 +152,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
     expect(buttonOnActionPress).toBeDefined();
@@ -196,7 +199,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
 
@@ -219,7 +223,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
     expect(buttonOnActionPress).toBeDefined();
@@ -235,7 +240,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
     expect(buttonOnActionPress).toBeDefined();
@@ -282,7 +288,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
 
@@ -313,7 +320,8 @@ describe('Test ItemQuickAction', () => {
     const instance = tree.root;
     const buttonOnActionPress = instance.find(
       (el) =>
-        el.props.testID === TESTID.ITEM_QUICK_ACTION_PRESS &&
+        el.props.accessibilityLabel ===
+          `${AccessibilityLabel.ITEM_QUICK_ACTION_PRESS}-${sensor?.id}` &&
         el.type === TouchableOpacity
     );
 

package/src/commons/ActionGroup/CurtainButtonTemplate.js

@@ -3,7 +3,7 @@ import { TouchableOpacity, View, Switch, Image } from 'react-native';
 import { Icon } from '@ant-design/react-native';
 import styles from './CurtainButtonTemplateStyle';
 import Text from '../Text';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import { Colors, Images } from '../../configs';
 
 const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
@@ -50,21 +50,21 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
         icon: Images.buttonLeftCurtain,
         text: text1,
         onPress: onButtonClosePress,
-        testID: TESTID.BUTTON_TEMPLATE_1,
+        accessibilityLabel: AccessibilityLabel.BUTTON_TEMPLATE_1,
       },
       {
         style: styles.buttonActionCurtainCenter,
         icon: Images.buttonPauseCurtain,
         text: '',
         onPress: onButtonStopPress,
-        testID: TESTID.BUTTON_TEMPLATE_2,
+        accessibilityLabel: AccessibilityLabel.BUTTON_TEMPLATE_2,
       },
       {
         style: styles.buttonActionCurtain,
         icon: Images.buttonRightCurtain,
         text: text3,
         onPress: onButtonOpenPress,
-        testID: TESTID.BUTTON_TEMPLATE_3,
+        accessibilityLabel: AccessibilityLabel.BUTTON_TEMPLATE_3,
       },
     ];
 
@@ -72,7 +72,7 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
       <>
         {buttons.map((item, index) => (
           <TouchableOpacity
-            testID={item.testID}
+            accessibilityLabel={item.accessibilityLabel}
             style={item?.style}
             onPress={item.onPress}
             underlayColor={Colors.Gray2}
@@ -91,7 +91,7 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
           <Icon name={icon} size={15} color={color} style={styles.iconLock} />
           <Text
             style={styles.textLockDoor}
-            testID={TESTID.TEXT_DOOR_LOOK_ON_OFF}
+            accessibilityLabel={AccessibilityLabel.TEXT_DOOR_LOOK_ON_OFF}
           >
             {text_door_lock}{' '}
           </Text>

package/src/commons/ActionGroup/NumberUpDownActionTemplate.js

@@ -8,7 +8,7 @@ import { useConfigGlobalState } from '../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../hooks/IoT';
 import styles from './NumberUpDownActionTemplateStyle';
 import { watchMultiConfigs } from '../../iot/Monitor';
-import { DEVICE_TYPE, TESTID } from '../../configs/Constants';
+import { DEVICE_TYPE, AccessibilityLabel } from '../../configs/Constants';
 
 const NumberUpDownActionTemplate = ({
   actionGroup = {},
@@ -114,12 +114,12 @@ const NumberUpDownActionTemplate = ({
         <TouchableOpacity
           style={styles.downButton}
           onPress={doActionDown}
-          testID={TESTID.NUMBER_ACTION_DOWN}
+          accessibilityLabel={AccessibilityLabel.NUMBER_ACTION_DOWN}
         >
           <IconOutline name="down" size={32} color={Colors.Primary} />
         </TouchableOpacity>
 
-        <Text testID={'abcd'} type="H2">
+        <Text accessibilityLabel={'abcd'} type="H2">
           {value !== undefined ? (
             text_format.replace('{number}', value)
           ) : (
@@ -130,7 +130,7 @@ const NumberUpDownActionTemplate = ({
         <TouchableOpacity
           style={styles.upButton}
           onPress={doActionUp}
-          testID={TESTID.NUMBER_ACTION_UP}
+          accessibilityLabel={AccessibilityLabel.NUMBER_ACTION_UP}
         >
           <IconOutline name="up" size={32} color={Colors.Primary} />
         </TouchableOpacity>

package/src/commons/ActionGroup/OnOffSmartLock/AutoLock/ButtonWrapper.js

@@ -14,10 +14,13 @@ const ButtonWrapper = memo(
     isButtonReLockTiming,
     toggleSwitch,
     isEnabled,
-    testID,
+    accessibilityLabel,
   }) => {
     return (
-      <View style={styles.buttonWrapper} testID={testID}>
+      <View
+        style={styles.buttonWrapper}
+        accessibilityLabel={accessibilityLabel}
+      >
         {isButtonReLockTiming ? (
           <View style={styles.wrapHeadline}>
             <SvgBrightnessBlack />

package/src/commons/ActionGroup/OnOffSmartLock/AutoLock/__test__/index.test.js

@@ -4,7 +4,7 @@ import { Switch } from 'react-native';
 
 import AutoLock from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 
 const wrapComponent = () => (
@@ -18,13 +18,19 @@ describe('Test AutoLock', () => {
 
   const getElement = (instance) => {
     const buttonEnable = instance.findAll(
-      (item) => item.props.testID === TESTID.AUTO_LOCK_BUTTON_ENABLE
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.AUTO_LOCK_BUTTON_ENABLE
     );
     const buttonInstant = instance.findAll(
-      (item) => item.props.testID === TESTID.AUTO_LOCK_BUTTON_INSTANT
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.AUTO_LOCK_BUTTON_INSTANT
     );
     const buttonRelockTiming = instance.findAll(
-      (item) => item.props.testID === TESTID.AUTO_LOCK_BUTTON_RELOCK_TIMING
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.AUTO_LOCK_BUTTON_RELOCK_TIMING
     );
     return {
       buttonEnable,

package/src/commons/ActionGroup/OnOffSmartLock/AutoLock/index.js

@@ -4,7 +4,7 @@ import Slider from 'react-native-slider';
 import Text from '../../../Text';
 import { HeaderCustom } from '../../../Header';
 import ButtonWrapper from './ButtonWrapper';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import styles from './AutoLockStyles';
 import t from '../../../../hooks/Common/useTranslations';
 import { Colors } from '../../../../configs';
@@ -25,16 +25,16 @@ const AutoLock = memo(() => {
           isButtonEnable
           toggleSwitch={handleToggleSwitch}
           isEnabled={isEnabled}
-          testID={TESTID.AUTO_LOCK_BUTTON_ENABLE}
+          accessibilityLabel={AccessibilityLabel.AUTO_LOCK_BUTTON_ENABLE}
         />
         <ButtonWrapper
           isButtonInstant
-          testID={TESTID.AUTO_LOCK_BUTTON_INSTANT}
+          accessibilityLabel={AccessibilityLabel.AUTO_LOCK_BUTTON_INSTANT}
         />
         <ButtonWrapper
           isButtonReLockTiming
           isEnabled={isEnabled}
-          testID={TESTID.AUTO_LOCK_BUTTON_RELOCK_TIMING}
+          accessibilityLabel={AccessibilityLabel.AUTO_LOCK_BUTTON_RELOCK_TIMING}
         />
         <View style={styles.slider}>
           <Slider

package/src/commons/ActionGroup/OnOffSmartLock/OnOffSmartLock.js

@@ -8,7 +8,7 @@ import ButtonUnLock from '../../../../assets/images/Device/button-unlock.svg';
 import { useConfigGlobalState } from '../../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../../hooks/IoT';
 import { watchMultiConfigs } from '../../../iot/Monitor';
-import { DEVICE_TYPE, TESTID } from '../../../configs/Constants';
+import { DEVICE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
 
 const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
   const t = useTranslations();
@@ -60,7 +60,7 @@ const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
       <View>
         <TouchableOpacity
           onPress={handleActionSmartLock}
-          testID={TESTID.BUTTON_ON_OFF}
+          accessibilityLabel={AccessibilityLabel.BUTTON_ON_OFF}
           style={styles.wrapButtonSmartLock}
         >
           {isUnlock ? (

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/ItemPasscode.js

@@ -19,7 +19,7 @@ const ButtonWrapper = ({ item, textHeadline }) => {
 };
 
 const ItemPasscode = memo(({ route }) => {
-  const { item = {} } = route.params || {};
+  const { item = {} } = route?.params || {};
 
   return (
     <SafeAreaView style={styles.container}>

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/__test__/index.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 
 import { mockSCStore } from '../../../../../context/mockStore';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 import PasscodeList from '../index';
 import { TouchableOpacity } from 'react-native';
@@ -38,7 +38,7 @@ describe('Test SetupGeneratePasscode', () => {
     const instance = tree.root;
     const passcode_list = instance.findAll(
       (item) =>
-        item.props.testID === TESTID.PASSCODE_LIST &&
+        item.props.accessibilityLabel === AccessibilityLabel.PASSCODE_LIST &&
         item.type === TouchableOpacity
     );
 

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/index.js

@@ -9,7 +9,7 @@ import t from '../../../../hooks/Common/useTranslations';
 import { Colors } from '../../../../configs';
 import Routes from '../../../../utils/Route';
 import styles from './PasscodeListStyles';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const PasscodeList = memo(() => {
   const navigation = useNavigation();
@@ -51,7 +51,7 @@ const PasscodeList = memo(() => {
           <TouchableOpacity
             onPress={handleClickButton(item)}
             style={styles.buttonWrapper}
-            testID={TESTID.PASSCODE_LIST}
+            accessibilityLabel={AccessibilityLabel.PASSCODE_LIST}
           >
             <View>
               <Text style={styles.textCode}>{item.code}</Text>

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/ButtonWrapper.js

@@ -8,7 +8,7 @@ import styles from './SetupGeneratePasscodeStyles';
 
 const ButtonWrapper = memo(
   ({
-    testID,
+    accessibilityLabel,
     textHeadline,
     textMinutes,
     value,
@@ -27,7 +27,7 @@ const ButtonWrapper = memo(
     const boxNotSelect = { ...styles.boxSetTime, ...styles.boxSetTimeDuration };
     return (
       <View
-        testID={testID}
+        accessibilityLabel={accessibilityLabel}
         style={
           !isButtonDuration
             ? styles.buttonWrapper

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/__test__/index.test.js

@@ -3,7 +3,7 @@ import { act, create } from 'react-test-renderer';
 
 import SetupGeneratePasscode from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 
 const mockNavigate = jest.fn();
@@ -32,13 +32,19 @@ describe('Test SetupGeneratePasscode', () => {
 
   const getElement = (instance) => {
     const changeName = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_CHOOSE_USER
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_CHOOSE_USER
     );
     const changeTime = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_SET_TIME
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_SET_TIME
     );
     const changeDuration = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_SET_DURATION
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_SET_DURATION
     );
 
     return {
@@ -66,8 +72,8 @@ describe('Test SetupGeneratePasscode', () => {
 
     const wheelDateTimePicker = instance.findAll(
       (item) =>
-        item.props.testID ===
-        `${TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.WHEEL_DATE_TIME_PICKER_BUTTON}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
     await wheelDateTimePicker[5].props.onClick();
     await wheelDateTimePicker[11].props.onClick();

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/index.js

@@ -11,7 +11,7 @@ import TemporaryDetail from '../../../../screens/GuestInfo/components/TemporaryD
 import AccessScheduleItem from '../../../../screens/GuestInfo/components/AccessScheduleItem';
 import BottomButtonView from '../../../BottomButtonView';
 import { ACCESS_SCHEDULE } from '../../../../screens/GuestInfo/constant';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import ButtonWrapper from './ButtonWrapper';
 import moment from 'moment';
 import styles from './SetupGeneratePasscodeStyles';
@@ -187,14 +187,16 @@ const SetupGeneratePasscode = memo(() => {
             textHeadline={t('choose_user')}
             value={'Name'}
             isButtonChooseUser
-            testID={TESTID.GENERATE_PASSCODE_CHOOSE_USER}
+            accessibilityLabel={
+              AccessibilityLabel.GENERATE_PASSCODE_CHOOSE_USER
+            }
           />
           <ButtonWrapper
             textHeadline={t('set_time')}
             valueTime={time.format('HH:mm')}
             onPressSetTime={handleSetTime}
             isButtonSetTime
-            testID={TESTID.GENERATE_PASSCODE_SET_TIME}
+            accessibilityLabel={AccessibilityLabel.GENERATE_PASSCODE_SET_TIME}
           />
           <ButtonWrapper
             textHeadline={t('duration')}
@@ -204,7 +206,9 @@ const SetupGeneratePasscode = memo(() => {
             onPressSelectCircle={handleSelectCircle}
             isButtonDuration
             isSelectCircle={isSelectCircle}
-            testID={TESTID.GENERATE_PASSCODE_SET_DURATION}
+            accessibilityLabel={
+              AccessibilityLabel.GENERATE_PASSCODE_SET_DURATION
+            }
           />
           <View>
             <Text style={styles.textHeadLine}>{t('access_schedule')}</Text>

package/src/commons/ActionGroup/OnOffTemplate/OnOffButtonTemplate.js

@@ -5,7 +5,7 @@ import React, { memo } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import { Colors } from '../../../configs';
 import styles from './OnOffButtonTemplateStyle';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const OnOffButtonTemplate = memo(
   ({ isOn, triggerAction, actionGroup = {}, isLight = false }) => {
@@ -18,8 +18,7 @@ const OnOffButtonTemplate = memo(
           <TouchableOpacity
             style={styles.bigCircle}
             onPress={triggerAction}
-            testID={`${TESTID.ON_OFF_BUTTON}-${id}`}
-            accessibilityLabel={`${TESTID.ON_OFF_BUTTON}-${id}`}
+            accessibilityLabel={`${AccessibilityLabel.ON_OFF_BUTTON}-${id}`}
           >
             <View style={styles.smallCircle}>
               <Icon
@@ -32,8 +31,7 @@ const OnOffButtonTemplate = memo(
                   styles.textBig,
                   { color: isOn ? Colors.Gray8 : Colors.Gray6 },
                 ]}
-                testID={`${TESTID.SENSOR_STATUS}-${id}`}
-                accessibilityLabel={`${TESTID.SENSOR_STATUS}-${id}`}
+                accessibilityLabel={`${AccessibilityLabel.SENSOR_STATUS}-${id}`}
               >
                 {isOn ? text_on : text_off}
               </Text>
@@ -41,7 +39,7 @@ const OnOffButtonTemplate = memo(
           </TouchableOpacity>
         </View>
         {!!actionGroup.title && !isLight && (
-          <Text size={20} semibold center>
+          <Text type="H3" semibold center>
             {actionGroup.title}
           </Text>
         )}

package/src/commons/ActionGroup/OneBigButtonTemplate.js

@@ -25,7 +25,7 @@ const OneBigButtonTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
         </TouchableOpacity>
       </View>
       {!!actionGroup.title && (
-        <Text size={20} semibold center>
+        <Text type="H3" semibold center>
           {actionGroup.title}
         </Text>
       )}

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -10,7 +10,7 @@ import { useConfigGlobalState } from '../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../hooks/IoT';
 import styles from './OptionsDropdownActionTemplateStyle';
 import { watchMultiConfigs } from '../../iot/Monitor';
-import { DEVICE_TYPE, TESTID } from '../../configs/Constants';
+import { DEVICE_TYPE, AccessibilityLabel } from '../../configs/Constants';
 import IconComponent from '../../commons/IconComponent';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import SvgDoorState from '../../../assets/images/Device/door-state.svg';
@@ -138,7 +138,9 @@ const OptionsDropdownActionTemplate = ({
       </View>
       <TouchableOpacity style={styles.iconAndTextOption} onPress={onShowAlert}>
         <Text
-          testID={TESTID.OPTIONS_DROPDOWN_ACTION_DISPLAY_SELECTED}
+          accessibilityLabel={
+            AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_DISPLAY_SELECTED
+          }
           color={
             displaySelected === t('not_available') ? Colors.Gray6 : Colors.Gray8
           }
@@ -167,7 +169,9 @@ const OptionsDropdownActionTemplate = ({
               <Text
                 color={Colors.Gray6}
                 style={styles.writeNotAvailable}
-                testID={TESTID.OPTIONS_DROPDOWN_ACTION_WRITE_NOT_AVAILABLE}
+                accessibilityLabel={
+                  AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_WRITE_NOT_AVAILABLE
+                }
               >
                 {t('write_not_available')}
               </Text>
@@ -176,7 +180,9 @@ const OptionsDropdownActionTemplate = ({
               <View key={index} style={styles.rowContainer}>
                 <RadioCircle active={selectedIndex === index} />
                 <TouchableOpacity
-                  testID={TESTID.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM}
+                  accessibilityLabel={
+                    AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM
+                  }
                   style={styles.row}
                   onPress={() => {
                     setSelectedIndex(index);