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

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

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from 'react';
 import { StyleSheet, View, TouchableOpacity } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import { useGGHomeDeviceConnected } from '../../../../hooks/Common';
+import { useHomeAssistantDeviceConnected } from '../../../../hooks/Common';
 
 import ItemQuickAction from '../../../../commons/Action/ItemQuickAction';
 import Text from '../../../../commons/Text';
@@ -11,7 +11,9 @@ import FImage from '../../../../commons/FImage';
 import { DEVICE_TYPE } from '../../../../configs/Constants';
 
 const MyUnitDevice = ({ device, unit }) => {
-  const [status, setStatus] = useState(device.status);
+  const [status, setStatus] = useState(
+    device?.is_managed_by_backend ? device.status : null
+  );
   const { navigate } = useNavigation();
 
   const goToSensorDisplay = useCallback(() => {
@@ -24,7 +26,8 @@ const MyUnitDevice = ({ device, unit }) => {
     });
   }, [navigate, device, unit]);
 
-  const { isConnecting: isGGHomeConnecting } = useGGHomeDeviceConnected(device);
+  const { isConnecting: isHomeAssistantConnecting } =
+    useHomeAssistantDeviceConnected(device);
 
   const canRenderQuickAction = (() => {
     if (
@@ -32,9 +35,9 @@ const MyUnitDevice = ({ device, unit }) => {
       !device?.is_managed_by_backend &&
       device?.device_type === DEVICE_TYPE.GOOGLE_HOME
     ) {
-      return !isGGHomeConnecting;
+      return !isHomeAssistantConnecting;
     }
-    return true;
+    return !!device?.action;
   })();
 
   return (

package/src/screens/Unit/components/SharedUnit/index.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,7 +67,7 @@ const SharedUnit = ({
       style={styles.row}
       key={item.id.toString()}
       onPress={() => goToDetail()}
-      testID={TESTID.TOUCH_SHARED_UNIT}
+      accessibilityLabel={AccessibilityLabel.TOUCH_SHARED_UNIT}
     >
       <Image
         source={{ uri: unit.icon }}
@@ -93,14 +93,16 @@ const SharedUnit = ({
                 size={20}
                 color={Colors.Blue10}
                 onPress={removePinSharedUnit}
-                testID={TESTID.ICON_REMOVE_PIN_SHARED_UNIT}
+                accessibilityLabel={
+                  AccessibilityLabel.ICON_REMOVE_PIN_SHARED_UNIT
+                }
               />
             ) : (
               <IconOutline
                 name="pushpin"
                 size={20}
                 onPress={addPinSharedUnit}
-                testID={TESTID.ICON_ADD_PIN_SHARED_UNIT}
+                accessibilityLabel={AccessibilityLabel.ICON_ADD_PIN_SHARED_UNIT}
               />
             )}
             {item.is_star ? (
@@ -109,14 +111,18 @@ const SharedUnit = ({
                 size={20}
                 color={Colors.Yellow6}
                 onPress={removeStarSharedUnit}
-                testID={TESTID.ICON_REMOVE_STAR_SHARED_UNIT}
+                accessibilityLabel={
+                  AccessibilityLabel.ICON_REMOVE_STAR_SHARED_UNIT
+                }
               />
             ) : (
               <IconOutline
                 name="star"
                 size={20}
                 onPress={addStarSharedUnit}
-                testID={TESTID.ICON_ADD_STAR_SHARED_UNIT}
+                accessibilityLabel={
+                  AccessibilityLabel.ICON_ADD_STAR_SHARED_UNIT
+                }
               />
             )}
           </Fragment>

package/src/screens/Unit/components/__test__/MyUnitDevice.test.js

@@ -43,7 +43,7 @@ describe('Test MyUnitDevice', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(12);
+    expect(Views).toHaveLength(11);
 
     const touches = instance.findAllByType(TouchableOpacity);
     expect(touches).toHaveLength(1);
@@ -60,6 +60,6 @@ describe('Test MyUnitDevice', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(12);
+    expect(Views).toHaveLength(11);
   });
 });

package/src/screens/Unit/components/__test__/SharedUnit.test.js

@@ -4,7 +4,7 @@ import moment from 'moment';
 import { useNavigation } from '@react-navigation/native';
 import MockAdapter from 'axios-mock-adapter';
 import SharedUnit from '../SharedUnit';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import { API } from '../../../../configs';
 import Routes from '../../../../utils/Route';
 import { SCProvider } from '../../../../context';
@@ -64,7 +64,8 @@ describe('Test SharedUnit', () => {
     });
     const instance = tree.root;
     const touchSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.TOUCH_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.TOUCH_SHARED_UNIT
     );
     act(() => {
       touchSharedUnit.props.onPress();
@@ -77,16 +78,22 @@ describe('Test SharedUnit', () => {
       },
     });
     const iconRemovePinSharedUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_REMOVE_PIN_SHARED_UNIT
     );
     const iconAddPinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_PIN_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_ADD_PIN_SHARED_UNIT
     );
     act(() => {
       iconAddPinSharedUnit.props.onPress();
     });
     const iconAddStarSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_STAR_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_ADD_STAR_SHARED_UNIT
     );
     act(() => {
       iconAddStarSharedUnit.props.onPress();
@@ -103,13 +110,17 @@ describe('Test SharedUnit', () => {
     });
     const instance = tree.root;
     const iconRemovePinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_REMOVE_PIN_SHARED_UNIT
     );
     mock.onPost(API.UNIT.UNPIN_UNIT(3)).reply(200);
     await iconRemovePinSharedUnit.props.onPress();
 
     const iconRemoveStarSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_REMOVE_STAR_SHARED_UNIT
     );
     mock.onPost(API.UNIT.UNSTAR_UNIT(3)).reply(200);
     await iconRemoveStarSharedUnit.props.onPress();
@@ -125,13 +136,17 @@ describe('Test SharedUnit', () => {
     });
     const instance = tree.root;
     const iconRemovePinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_REMOVE_PIN_SHARED_UNIT
     );
     mock.onPost(API.UNIT.UNPIN_UNIT(3)).reply(400);
     await iconRemovePinSharedUnit.props.onPress();
 
     const iconRemoveStarSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.ICON_REMOVE_STAR_SHARED_UNIT
     );
     mock.onPost(API.UNIT.UNSTAR_UNIT(3)).reply(200);
     await iconRemoveStarSharedUnit.props.onPress();

package/src/screens/Unit/hook/useUnitConnectRemoteDevices.js

@@ -1,26 +1,40 @@
-import { useEffect, useCallback } from 'react';
+import { useEffect, useCallback, useContext } from 'react';
+import { SCContext } from '../../../context';
+import { Action } from '../../../context/actionType';
 import { scanBluetoothDevices } from '../../../iot/RemoteControl/Bluetooth';
 import { lgThinqConnect } from '../../../iot/RemoteControl/LG';
-import { useGGHomeConnection } from '../../../hooks/IoT';
+import { useHomeAssistantConnection } from '../../../hooks/IoT';
 import { useSCContextSelector } from '../../../context';
 
 export const useUnitConnectRemoteDevices = (unit) => {
   const isNetworkConnected = useSCContextSelector(
     (state) => state.app.isNetworkConnected
   );
+  const lqthinqUnitConnected = useSCContextSelector(
+    (state) => state.iot.lgthinq.unitConnected
+  );
+  const { setAction } = useContext(SCContext);
 
-  const { connectGoogleHome } = useGGHomeConnection();
+  const { connectHomeAssistant } = useHomeAssistantConnection();
 
   let lgThinqConnected = false;
 
-  const handleLgThinqConnect = useCallback(async (options) => {
-    if (lgThinqConnected) {
-      return;
-    }
+  const onLgThinqConnected = useCallback(() => {
+    setAction(Action.SET_LG_THINQ_CONNECTED, unit?.id);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    lgThinqConnected = true;
-    await lgThinqConnect(options);
-  }, []);
+  }, [unit]);
+
+  const handleLgThinqConnect = useCallback(
+    async (options) => {
+      if (lgThinqConnected || lqthinqUnitConnected.includes(unit?.id)) {
+        return;
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      lgThinqConnected = true;
+      await lgThinqConnect(options, onLgThinqConnected);
+    },
+    [lqthinqUnitConnected, unit]
+  );
 
   useEffect(() => {
     if (unit?.remote_control_options?.bluetooth) {
@@ -34,7 +48,7 @@ export const useUnitConnectRemoteDevices = (unit) => {
       isNetworkConnected
     ) {
       (async () => {
-        await connectGoogleHome(unit.remote_control_options.googlehome);
+        await connectHomeAssistant(unit.remote_control_options.googlehome);
       })();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -6,7 +6,7 @@ import { RefreshControl } from 'react-native';
 import Routes from '../../../utils/Route';
 import UnitSummary from '..';
 import { API } from '../../../configs';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
 import AirQuality from '../../../commons/UnitSummary/AirQuality';
 import PowerConsumption from '../components/PowerConsumption';
@@ -30,6 +30,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
+    useFocusEffect: jest.fn(),
   };
 });
 
@@ -225,7 +226,8 @@ describe('Test UnitSummary', () => {
       if (list_result[index].guideName) {
         const touch = instance.find(
           (el) =>
-            el.props.testID === TESTID.UNIT_SUMMARY_GUIDE_TOUCH &&
+            el.props.accessibilityLabel ===
+              AccessibilityLabel.UNIT_SUMMARY_GUIDE_TOUCH &&
             el.type === TouchableOpacity
         );
         await act(async () => {

package/src/screens/UnitSummary/components/3PPowerConsumption/__test__/3PPowerConsumption.test.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import renderer, { act } from 'react-test-renderer';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { API, Colors } from '../../../../../configs';
 import PowerConsumption from '../index';
 import { SCProvider } from '../../../../../context';
@@ -42,7 +42,9 @@ describe('Test 3PPowerConsumption', () => {
     });
     const instance = tree.root;
     const listIndicator = instance.find(
-      (el) => el.props.testID === TESTID.LIST_QUALITY_INDICATOR_3PC
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.LIST_QUALITY_INDICATOR_3PC
     );
     expect(listIndicator).not.toBeUndefined();
     const resultList = [

package/src/screens/UnitSummary/components/3PPowerConsumption/index.js

@@ -10,7 +10,7 @@ import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryCha
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import HistoryChart from '../../../../commons/Device/HistoryChart';
 import { axiosGet } from '../../../../utils/Apis/axios';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const ThreePhasePowerConsumption = memo(({ summaryDetail }) => {
   const t = useTranslations();
@@ -229,7 +229,7 @@ const ThreePhasePowerConsumption = memo(({ summaryDetail }) => {
         <ListQualityIndicator
           data={dataList}
           style={styles.styleList}
-          testID={TESTID.LIST_QUALITY_INDICATOR_3PC}
+          accessibilityLabel={AccessibilityLabel.LIST_QUALITY_INDICATOR_3PC}
         />
         {showBoxHistory && (
           <View>

package/src/screens/UnitSummary/components/PowerConsumption/__test__/PowerConsumption.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { API, Colors } from '../../../../../configs';
 import ListQualityIndicator from '../../../../../commons/Device/WaterQualitySensor/ListQualityIndicator';
 import PowerConsumption from '../index';
@@ -36,7 +36,9 @@ describe('Test PowerConsumption', () => {
     });
     const instance = tree.root;
     const listIndicator = instance.find(
-      (el) => el.props.testID === TESTID.LIST_QUALITY_INDICATOR_PC
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.LIST_QUALITY_INDICATOR_PC
     );
     expect(listIndicator).not.toBeUndefined();
     const resultList = [

package/src/screens/UnitSummary/components/PowerConsumption/index.js

@@ -9,7 +9,7 @@ import ListQualityIndicator from '../../../../commons/Device/WaterQualitySensor/
 import PMSensorIndicatior from '../../../../commons/Device/PMSensor/PMSensorIndicatior';
 import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryChart';
 import HistoryChart from '../../../../commons/Device/HistoryChart';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 import { axiosGet } from '../../../../utils/Apis/axios';
 
@@ -138,7 +138,7 @@ const PowerConsumption = memo(({ summaryDetail }) => {
         <ListQualityIndicator
           data={dataList}
           style={styles.styleList}
-          testID={TESTID.LIST_QUALITY_INDICATOR_PC}
+          accessibilityLabel={AccessibilityLabel.LIST_QUALITY_INDICATOR_PC}
         />
         {showBoxHistory && (
           <View>

package/src/screens/UnitSummary/components/RunningDevices/__test__/index.test.js

@@ -19,15 +19,16 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
+    useFocusEffect: jest.fn(),
   };
 });
 
-const mockConnectGoogleHome = jest.fn();
+const mockConnectHomeAssistant = jest.fn();
 jest.mock('../../../../../hooks/IoT', () => {
   return {
     ...jest.requireActual('../../../../../hooks/IoT'),
-    useGGHomeConnection: () => ({
-      connectGoogleHome: mockConnectGoogleHome,
+    useHomeAssistantConnection: () => ({
+      connectHomeAssistant: mockConnectHomeAssistant,
     }),
   };
 });
@@ -82,7 +83,7 @@ describe('test RunningDevices', () => {
       act(() => {
         button[0].props.onPress();
       });
-      expect(mockConnectGoogleHome).toBeCalled();
+      expect(mockConnectHomeAssistant).toBeCalled();
     });
   });
 

package/src/screens/UnitSummary/components/RunningDevices/index.js

@@ -2,12 +2,13 @@ import React, { memo, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import ItemDevice from '../../../../commons/Device/ItemDevice';
 import { scanBluetoothDevices } from '../../../../iot/RemoteControl/Bluetooth';
-import { useGGHomeConnection } from '../../../../hooks/IoT';
+import { useHomeAssistantConnection } from '../../../../hooks/IoT';
+import { useDevicesStatus } from '../../../../hooks/Common';
 
 const RunningDevices = memo(({ unit, summaryDetail }) => {
   const { devices } = summaryDetail;
 
-  const { connectGoogleHome } = useGGHomeConnection();
+  const { connectHomeAssistant } = useHomeAssistantConnection();
 
   useEffect(() => {
     if (unit.remote_control_options) {
@@ -16,12 +17,14 @@ const RunningDevices = memo(({ unit, summaryDetail }) => {
       }
       if (unit.remote_control_options.googlehome) {
         (async () =>
-          await connectGoogleHome(unit.remote_control_options.googlehome))();
+          await connectHomeAssistant(unit.remote_control_options.googlehome))();
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [unit]);
 
+  useDevicesStatus(unit, devices);
+
   return (
     <View style={styles.container}>
       {!!devices &&

package/src/screens/UnitSummary/components/TotalPowerBox/index.js

@@ -3,7 +3,7 @@ import { View, StyleSheet } from 'react-native';
 
 import { Colors } from '../../../../configs';
 import Text from '../../../../commons/Text';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const TotalPowerBox = memo(({ title, value, measure }) => {
   return (
@@ -13,7 +13,7 @@ const TotalPowerBox = memo(({ title, value, measure }) => {
         color={Colors.Gray8}
         size={14}
         style={styles.txtTotal}
-        testID={TESTID.TOTAL_POWER_BOX_TITLE}
+        accessibilityLabel={AccessibilityLabel.TOTAL_POWER_BOX_TITLE}
       >
         {title}
       </Text>

package/src/screens/UnitSummary/components/TotalPowerConsumption/index.js

@@ -5,7 +5,7 @@ import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import { Colors } from '../../../../configs';
 import Text from '../../../../commons/Text';
 import TotalPowerBox from '../TotalPowerBox';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const TotalPowerConsumption = memo(({ time, total }) => {
   const t = useTranslations();
@@ -21,7 +21,7 @@ const TotalPowerConsumption = memo(({ time, total }) => {
         title={t('text_total_power_consumption')}
         value={total.value}
         measure={total.measure}
-        testID={TESTID.TOTAL_POWER_CONSUMPTION}
+        accessibilityLabel={AccessibilityLabel.TOTAL_POWER_CONSUMPTION}
       />
     </View>
   );

package/src/screens/UnitSummary/components/__test__/TotalPowerBox.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import TotalPowerBox from '../TotalPowerBox';
 
 describe('Test Total Power Box', () => {
@@ -12,7 +12,8 @@ describe('Test Total Power Box', () => {
     });
     const instance = tree.root;
     const item = instance.find(
-      (el) => el.props.testID === TESTID.TOTAL_POWER_BOX_TITLE
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.TOTAL_POWER_BOX_TITLE
     );
     expect(item.props.children).toBe('titleTest');
   });

package/src/screens/UnitSummary/components/__test__/TotalPowerConsumption.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import TotalPowerConsumption from '../TotalPowerConsumption/index';
@@ -24,7 +24,9 @@ describe('Test Total Power Consumption', () => {
     });
     const instance = tree.root;
     const item = instance.find(
-      (el) => el.props.testID === TESTID.TOTAL_POWER_CONSUMPTION
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.TOTAL_POWER_CONSUMPTION
     );
     expect(item.props.value).toBe(10);
   });

package/src/screens/UnitSummary/index.js

@@ -19,12 +19,12 @@ import RunningDevices from './components/RunningDevices';
 import Temperature from './components/Temperature';
 import UvIndex from './components/UvIndex';
 import WaterQuality from './components/WaterQuality';
-import { TESTID } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import { timeDifference } from '../../utils/Converter/time';
 
 const UnitSummary = memo(({ route }) => {
   const t = useTranslations();
-  const { unitData, unitId, summaryData, summaryId } = route.params;
+  const { unitData, unitId, summaryData, summaryId } = route?.params || {};
   const [summaryDetail, setSummaryDetail] = useState({});
   const [unit, setUnit] = useState(unitData || { id: unitId });
   const [summary, setSummary] = useState(summaryData || { id: summaryId });
@@ -128,12 +128,14 @@ const UnitSummary = memo(({ route }) => {
     setLoading(true);
     fetchSummaryDetail();
 
-    const autoUpdate = setInterval(() => {
-      fetchSummaryDetail();
-    }, 10000); // fetch each 10 second
+    if (summary?.screen !== Routes.RunningDevices) {
+      const autoUpdate = setInterval(() => {
+        fetchSummaryDetail();
+      }, 10000); // fetch each 10 second
 
-    return () => clearInterval(autoUpdate);
-  }, [fetchSummaryDetail]);
+      return () => clearInterval(autoUpdate);
+    }
+  }, [fetchSummaryDetail, summary?.screen]);
 
   const onRefresh = useCallback(() => {
     setLoading(true);
@@ -170,7 +172,7 @@ const UnitSummary = memo(({ route }) => {
           GuideName ? (
             <View style={styles.rightComponent}>
               <TouchableOpacity
-                testID={TESTID.UNIT_SUMMARY_GUIDE_TOUCH}
+                accessibilityLabel={AccessibilityLabel.UNIT_SUMMARY_GUIDE_TOUCH}
                 onPress={() => navigation.navigate(GuideName)}
               >
                 <IconOutline

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import WaterQualityGuide from '../index';
 import { create, act } from 'react-test-renderer';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import Text from '../../../commons/Text';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -45,42 +45,47 @@ describe('Test WaterQualityGuide', () => {
   const getQueryset = (instance) => {
     const textTitle = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_TITLE && el.type === Text
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_TITLE && el.type === Text
     );
     const textDescription = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_DESCRIPTION &&
-        el.type === Text
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_DESCRIPTION && el.type === Text
     );
     const textTitleLevel = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_TITLE_LEVEL &&
-        el.type === Text
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_TITLE_LEVEL && el.type === Text
     );
     const textDescriptionLevel = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_DESCRIPTION_LEVEL &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_DESCRIPTION_LEVEL &&
         el.type === Text
     );
 
     const textTitle1 = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_TITLE1 &&
-        el.type === Text
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_TITLE1 && el.type === Text
     );
     const textDescription1 = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_DESCRIPTION1 &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_DESCRIPTION1 &&
         el.type === Text
     );
     const textTitleLevel1 = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_TITLE_LEVEL1 &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_TITLE_LEVEL1 &&
         el.type === Text
     );
     const textDescriptionLevel1 = instance.findAll(
       (el) =>
-        el.props.testID === TESTID.WATER_QUALITY_GUIDE_DESCRIPTION_LEVEL1 &&
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.WATER_QUALITY_GUIDE_DESCRIPTION_LEVEL1 &&
         el.type === Text
     );
     return {