@eohjsc/react-native-smart-city 0.3.70 → 0.3.72

package/index.js

@@ -9,7 +9,6 @@ import { UnitStack } from './src/navigations/UnitStack';
 import { EmergencyContactsStack } from './src/navigations/EmergencyContactsStack';
 import { AddUnitStack } from './src/navigations/AddUnitStack';
 import SharedStack from './src/navigations/SharedStack';
-import Explore from './src/screens/Explore';
 import { AddLGDeviceStack } from './src/navigations/AddLGDeviceStack';
 import { initSCConfig } from './src/configs';
 import AutomateStack from './src/navigations/AutomateStack';
@@ -34,7 +33,6 @@ export {
   UnitStack,
   AddUnitStack,
   SharedStack,
-  Explore,
   SCProvider,
   SCContext,
   AddLGDeviceStack,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.70",
+  "version": "0.3.72",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -119,7 +119,6 @@
     "@react-native-community/segmented-control": "^2.1.1",
     "@react-native-community/slider": "^3.0.3",
     "@react-native-community/toolbar-android": "^0.1.0-rc.2",
-    "@react-native-community/viewpager": "^4.1.4",
     "@react-native-picker/picker": "^1.16.7",
     "@react-navigation/bottom-tabs": "^5.8.0",
     "@react-navigation/drawer": "^5.9.0",
@@ -129,6 +128,7 @@
     "@testing-library/react-hooks": "^6.0.0",
     "apisauce": "^2.1.5",
     "axios": "^0.19.2",
+    "deprecated-react-native-prop-types": "^2.3.0",
     "dotenv": "^8.2.0",
     "google-libphonenumber": "^3.2.10",
     "home-assistant-js-websocket": "^5.7.0",
@@ -153,7 +153,6 @@
     "react-native-android-keyboard-adjust": "^1.2.0",
     "react-native-android-location-enabler": "^1.2.2",
     "react-native-android-wifi": "^0.0.41",
-    "react-native-animated-ellipsis": "^2.0.0",
     "react-native-appearance": "^0.3.4",
     "react-native-base64": "^0.1.0",
     "react-native-ble-plx": "^2.0.3",
@@ -174,11 +173,13 @@
     "react-native-input-credit-card": "^0.5.5",
     "react-native-iphone-x-helper": "^1.2.1",
     "react-native-linear-gradient": "^2.5.6",
+    "react-native-loading-dots": "^1.3.2",
     "react-native-localize": "^1.4.1",
     "react-native-maps": "0.27.1",
     "react-native-maps-directions": "^1.8.0",
     "react-native-modal": "^11.5.6",
     "react-native-modal-datetime-picker": "^8.9.3",
+    "react-native-new-snap-carousel": "^3.9.3",
     "react-native-onesignal": "^4.3.1",
     "react-native-pager-view": "^5.4.1",
     "react-native-parallax-scroll-view": "^0.21.3",
@@ -190,8 +191,6 @@
     "react-native-responsive-fontsize": "^0.5.1",
     "react-native-safe-area-context": "^3.1.1",
     "react-native-screens": "^2.9.0",
-    "react-native-slider": "^0.11.0",
-    "react-native-snap-carousel": "4.0.0-beta.5",
     "react-native-super-grid": "^4.0.3",
     "react-native-svg": "^12.1.0",
     "react-native-toast-message": "^2.1.1",

package/src/commons/ActionGroup/NumberUpDownActionTemplate.js

@@ -55,7 +55,6 @@ const NumberUpDownActionTemplate = ({
           data.config_id = config;
           data.config_value = actionValue;
         }
-        data = JSON.stringify(data);
       }
       await doAction(actionData, data);
       if (!is_managed_by_backend) {

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

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useState } from 'react';
 import { View } from 'react-native';
-import Slider from 'react-native-slider';
+import Slider from '@react-native-community/slider';
 import Text from '../../../Text';
 import { HeaderCustom } from '../../../Header';
 import ButtonWrapper from './ButtonWrapper';

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

@@ -56,7 +56,7 @@ const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
   }, [config, configValues, configuration, is_on_value]);
 
   return (
-    <>
+    <View style={styles.wrap}>
       <View>
         <TouchableOpacity
           onPress={handleActionSmartLock}
@@ -78,7 +78,7 @@ const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
           {t(isUnlock ? 'door_is_open' : 'door_is_close')}
         </Text>
       </View>
-    </>
+    </View>
   );
 });
 

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

@@ -6,7 +6,7 @@ export default StyleSheet.create({
     flex: 1,
   },
   wrap: {
-    paddingHorizontal: 16,
+    padding: 16,
   },
   section: {
     borderRadius: 10,

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

@@ -5,6 +5,7 @@ import SetupGeneratePasscode from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
 import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
+import WheelDateTimePicker from '../../../../WheelDateTimePicker';
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -66,17 +67,17 @@ describe('Test SetupGeneratePasscode', () => {
     expect(changeTime[0]).toBeDefined();
     expect(changeDuration[0]).toBeDefined();
 
-    await changeDuration[0].props.onPressSetMinute();
-    await changeDuration[0].props.onPressSelectCircle();
-    await changeTime[0].props.onPressSetTime();
+    await act(async () => {
+      await changeDuration[0].props.onPressSetMinute();
+    });
+    await act(async () => {
+      await changeDuration[0].props.onPressSelectCircle();
+    });
+    await act(async () => {
+      await changeTime[0].props.onPressSetTime();
+    });
 
-    const wheelDateTimePicker = instance.findAll(
-      (item) =>
-        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();
-    await wheelDateTimePicker[17].props.onClick();
+    const wheelDateTimePicker = instance.findAllByType(WheelDateTimePicker);
+    expect(wheelDateTimePicker).toHaveLength(3);
   });
 });

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

@@ -56,7 +56,7 @@ const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
   const updateStatusFromPusher = useCallback(() => {
     setTimeout(() => {
       setTempIsOn(temp);
-    }, 2500);
+    }, 3000);
   }, []);
 
   const triggerAction = useCallback(async () => {
@@ -64,28 +64,39 @@ const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
     if (!action_data) {
       return;
     }
-    let data = {
-      value: isOn ? 0 : 1,
-      state: isOn ? 0 : 1, // todo Bang remove this for Zigbee
-    };
-    if (allow_config_store_value && config) {
-      data.config_id = config;
-      data.config_value = data.value;
+    let data;
+    if (sensor?.device_type === DEVICE_TYPE.GOOGLE_HOME) {
+      data = null;
+    } else {
+      data = {
+        value: isOn ? 0 : 1,
+        state: isOn ? 0 : 1, // todo Bang remove this for Zigbee
+      };
+      if (allow_config_store_value && config) {
+        data.config_id = config;
+        data.config_value = data.value;
+      }
+    }
+    if (sensor?.device_type === DEVICE_TYPE.LG_THINQ) {
+      setTempIsOn((prev) => !prev);
     }
-    setTempIsOn((prev) => !prev);
     await doAction(action_data, data);
     updateStatusFromPusher(); // todo Bang read about this magic
 
-    sensor?.is_managed_by_backend && config && watchMultiConfigs([config]);
+    sensor?.is_managed_by_backend &&
+      config &&
+      sensor.device_type === DEVICE_TYPE.LG_THINQ &&
+      watchMultiConfigs([config]);
   }, [
     isOn,
     action_off_data,
     action_on_data,
+    sensor?.device_type,
+    sensor?.is_managed_by_backend,
     allow_config_store_value,
     config,
     doAction,
     updateStatusFromPusher,
-    sensor?.is_managed_by_backend,
   ]);
 
   useUnwatchLGDeviceConfigControl(sensor, [config]);

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -9,7 +9,7 @@ import { useDropdownAction } from './hooks/useDropdownAction';
 import { useConfigGlobalState } from '../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../hooks/IoT';
 import styles from './OptionsDropdownActionTemplateStyle';
-import { AccessibilityLabel } from '../../configs/Constants';
+import { AccessibilityLabel, DEVICE_TYPE } from '../../configs/Constants';
 import IconComponent from '../../commons/IconComponent';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import SvgDoorState from '../../../assets/images/Device/door-state.svg';
@@ -70,25 +70,31 @@ const OptionsDropdownActionTemplate = ({
     const newOption = options[selectedIndex];
     const value = getOptionValue(newOption, allow_config_store_value);
 
-    let data = {
-      value: newOption?.value_int, // todo Bang keep only this
-      level: value,
-      key_code: newOption?.value_int,
-    };
-    if (allow_config_store_value && config) {
-      data.config_id = config;
-      data.config_value = newOption?.value_int;
+    let data;
+    if (sensor?.device_type === DEVICE_TYPE.GOOGLE_HOME) {
+      data = value;
+    } else {
+      data = {
+        value: newOption?.value_int, // todo Bang keep only this
+        level: value,
+        key_code: newOption?.value_int,
+      };
+      if (allow_config_store_value && config) {
+        data.config_id = config;
+        data.config_value = newOption?.value_int;
+      }
     }
     doAction(action_data, data);
     hideAlertAction();
   }, [
-    config,
+    options,
+    selectedIndex,
     allow_config_store_value,
-    action_data,
+    sensor.device_type,
+    config,
     doAction,
+    action_data,
     hideAlertAction,
-    options,
-    selectedIndex,
   ]);
 
   useUnwatchLGDeviceConfigControl(sensor, [configuration.config]);

package/src/commons/ActionGroup/SliderRangeTemplate.js

@@ -5,7 +5,7 @@ import styles from './SliderRangeTemplateStyles';
 import Text from '../Text';
 import { Colors } from '../../configs';
 import SvgBrightness from '../../../assets/images/brightness.svg';
-import SliderRange from 'react-native-slider';
+import Slider from '@react-native-community/slider';
 import { useConfigGlobalState } from '../../iot/states';
 import { DEVICE_TYPE } from '../../configs/Constants';
 
@@ -35,7 +35,7 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
     async (value) => {
       await doAction(
         configuration?.action_brightness_data || configuration?.action_data,
-        JSON.stringify({ value_brness: value })
+        JSON.stringify({ value_brness: value, value: value })
       );
     },
     [
@@ -75,7 +75,7 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
         </Text>
       </View>
       <View style={styles.RightBrightness}>
-        <SliderRange
+        <Slider
           style={styles.slider}
           value={valueBrightness}
           onSlidingComplete={onChangeBrightness}
@@ -89,7 +89,6 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
           trackStyle={styles.trackSlider}
           thumbStyle={styles.thumbSlider}
         />
-
         <View style={styles.valuePercent}>
           <Text type="Label" style={styles.textValuePercent}>
             {`${valueBrightness}%`}

package/src/commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate.js

@@ -189,6 +189,7 @@ const SmartTiviActionTemplate = memo(
                 FakeDataChannel.map((item, index) => {
                   return (
                     <RectangleButton
+                      key={index}
                       type="row"
                       onPress={onPressButton(
                         SMART_TIVI_BUTTON.CHANNEL_BUTTON,

package/src/commons/ActionGroup/ThreeButtonTemplate.js

@@ -20,6 +20,9 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
     icon1,
     icon2,
     icon3,
+    icon_kit1_data,
+    icon_kit2_data,
+    icon_kit3_data,
     text_door_lock,
     is_display_lock,
   } = configuration || {};
@@ -28,7 +31,7 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
     return icon === 'stop' ? (
       <View style={styles.squareStop} />
     ) : (
-      <IconComponent icon={icon2} iconSize={30} />
+      <IconComponent icon={icon} iconSize={30} />
     );
   };
   const onButton1Press = useCallback(() => {
@@ -91,7 +94,7 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
           underlayColor={Colors.Gray2}
         >
           <View style={styles.imageButton}>
-            <IconComponent icon={icon1} iconSize={30} />
+            <IconComponent icon={icon_kit1_data?.icon || icon1} iconSize={30} />
           </View>
           <Text style={styles.text}>{text1}</Text>
         </TouchableOpacity>
@@ -102,7 +105,9 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
           onPress={onButton2Press}
           underlayColor={Colors.Gray2}
         >
-          <View style={styles.imageButton}>{iconCustom(icon2)}</View>
+          <View style={styles.imageButton}>
+            {iconCustom(icon_kit2_data?.icon || icon2)}
+          </View>
           <Text style={styles.text}>{text2}</Text>
         </TouchableOpacity>
 
@@ -113,7 +118,7 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
           underlayColor={Colors.Gray2}
         >
           <View style={styles.imageButton}>
-            <IconComponent icon={icon3} iconSize={30} />
+            <IconComponent icon={icon_kit3_data?.icon || icon3} iconSize={30} />
           </View>
           <Text style={styles.text}>{text3}</Text>
         </TouchableOpacity>

package/src/commons/ActionGroup/TwoButtonTemplate/index.js

@@ -120,6 +120,7 @@ const TwoButtonTemplate = memo(
               accessibilityLabel={item.accessibilityLabel}
               style={styles.bigCircle}
               onPress={item.onPress}
+              key={index}
             >
               <View style={styles.smallCircle}>
                 <Icon

package/src/commons/ActionGroup/__test__/OptionsDropdownTemplate.test.js

@@ -85,6 +85,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
 
     const texts = instance.findAllByType(Text);
     const radioCircles = instance.findAllByType(RadioCircle);
@@ -104,6 +107,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
 
     const text = instance.findAllByType(Text);
     expect(text[0].props.children).toEqual('Fan Speed'); // title
@@ -118,12 +124,20 @@ describe('Test OptionsDropdownActionTemplate', () => {
     const instance = wrapper.root;
 
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5); // 1 show popup + 2 alert bottom button + 2 option
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2'); // selectedOption
 
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toBeFalsy();
+
+    // show option
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+
     const radioCircles = instance.findAllByType(RadioCircle);
     expect(radioCircles[0].props.active).toBeFalsy();
     expect(radioCircles[1].props.active).toBeTruthy(); // choosing 2nd radioCircle in list
@@ -136,15 +150,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     );
     expect(listChoosingOption).toHaveLength(2); // 2 option
 
-    const alertAction = instance.findByType(AlertAction);
-    expect(alertAction.props.visible).toBeFalsy();
-
-    // show option
-    await act(async () => {
-      await showListOption.props.onPress();
-    });
-    expect(alertAction.props.visible).toBeTruthy();
-
     // Choosed Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
@@ -188,12 +193,20 @@ describe('Test OptionsDropdownActionTemplate', () => {
     const instance = wrapper.root;
 
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5);
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2');
 
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toBeFalsy();
+
+    // show option
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+
     const radioCircles = instance.findAllByType(RadioCircle);
     expect(radioCircles[0].props.active).toBeFalsy();
     expect(radioCircles[1].props.active).toBeTruthy();
@@ -206,15 +219,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     );
     expect(listChoosingOption).toHaveLength(2);
 
-    const alertAction = instance.findByType(AlertAction);
-    expect(alertAction.props.visible).toBeFalsy();
-
-    // show option
-    await act(async () => {
-      await showListOption.props.onPress();
-    });
-    expect(alertAction.props.visible).toBeTruthy();
-
     // Choosed Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
@@ -247,6 +251,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
     const textDisplaySelected = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
@@ -257,6 +264,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
       getTranslate('en', 'not_available')
     );
   });
+
   it('doAction sensor device type is GOOGLE_HOME', async () => {
     actionGroup.configuration.options[0].value_text = 'level-1';
     sensor.device_type = DEVICE_TYPE.GOOGLE_HOME;
@@ -265,26 +273,12 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
-
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5);
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2');
 
-    const radioCircles = instance.findAllByType(RadioCircle);
-    expect(radioCircles[0].props.active).toBeFalsy();
-    expect(radioCircles[1].props.active).toBeTruthy();
-
-    const listChoosingOption = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
-        el.type === TouchableOpacity
-    );
-    expect(listChoosingOption).toHaveLength(2);
-
     const alertAction = instance.findByType(AlertAction);
     expect(alertAction.props.visible).toBeFalsy();
 
@@ -294,6 +288,17 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeTruthy();
 
+    const listChoosingOption = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
+        el.type === TouchableOpacity
+    );
+    expect(listChoosingOption).toHaveLength(2);
+    const radioCircles = instance.findAllByType(RadioCircle);
+    expect(radioCircles[0].props.active).toBeFalsy();
+    expect(radioCircles[1].props.active).toBeTruthy();
+
     // Choose Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
@@ -308,10 +313,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
-      value: 1,
-      level: 'level-1',
-      key_code: 1,
-    });
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, 'level-1');
   });
 });

package/src/commons/ActionGroup/__test__/SliderRangeTemplate.test.js

@@ -5,7 +5,7 @@ import SliderRangeTemplate from '../SliderRangeTemplate';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { useConfigGlobalState } from '../../../iot/states';
-import SliderRange from 'react-native-slider';
+import SliderRange from '@react-native-community/slider';
 
 jest.mock('../../../iot/Monitor');
 const mockDoAction = jest.fn();
@@ -62,7 +62,7 @@ describe('Test SliderRangeTemplate', () => {
     });
     expect(mockDoAction).toHaveBeenCalledWith(
       action_data,
-      JSON.stringify({ value_brness: 50 })
+      JSON.stringify({ value_brness: 50, value: 50 })
     );
   });
 
@@ -82,7 +82,7 @@ describe('Test SliderRangeTemplate', () => {
     });
     expect(mockDoAction).toHaveBeenCalledWith(
       action_data,
-      JSON.stringify({ value_brness: 50 })
+      JSON.stringify({ value_brness: 50, value: 50 })
     );
   });
 

package/src/commons/ActionGroup/__test__/TimerActionTemplate.test.js

@@ -74,7 +74,7 @@ describe('Test TimerActionTemplate success with config value', () => {
     });
     const instance = wrapper.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(6);
+    expect(texts[0].props.children).toEqual(undefined);
   });
 
   it('render template', async () => {
@@ -84,19 +84,20 @@ describe('Test TimerActionTemplate success with config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
     expect(texts[1].props.children).toEqual('Setting at 18:30');
 
     const switchButton = instance.findByType(Switch);
     expect(switchButton.props.value).toBeTruthy();
-    await switchButton.props.onValueChange();
+    await act(async () => {
+      await switchButton.props.onValueChange();
+    });
     expect(mockDoAction).toBeCalled();
 
-    const bottomScrollPicker = instance.findByType(ScrollPicker);
-    expect(bottomScrollPicker).toBeDefined();
     const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    await TouchableOpacities[0].props.onPress();
+    await act(async () => {
+      await TouchableOpacities[0].props.onPress();
+    });
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
     expect(dateTimePicker.props.isVisible).toBeTruthy();
@@ -119,17 +120,25 @@ describe('Test TimerActionTemplate success with config value', () => {
     });
     const instance = wrapper.root;
 
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
     const bottomScrollPicker = instance.findByType(ScrollPicker);
     expect(bottomScrollPicker).toBeDefined();
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
     expect(dateTimePicker.props.isVisible).toBeFalsy();
-    await dateTimePicker.props.onConfirm();
-
+    await act(async () => {
+      await dateTimePicker.props.onConfirm();
+    });
     const TouchableOpacities = instance.findAllByType(TouchableOpacity);
     expect(TouchableOpacities).toHaveLength(3);
-    await TouchableOpacities[0].props.onPress();
-    await TouchableOpacities[2].props.onPress(3);
+    await act(async () => {
+      await TouchableOpacities[0].props.onPress();
+    });
+    await act(async () => {
+      await TouchableOpacities[2].props.onPress(3);
+    });
     expect(mockDoAction).toBeCalled();
   });
 });

package/src/commons/ActionGroup/__test__/TimerActionTemplateWithutConfigValue.test.js

@@ -69,7 +69,6 @@ describe('Test TimerActionTemplate without config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);