@eohjsc/react-native-smart-city 0.3.65 → 0.3.67

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.65",
+  "version": "0.3.67",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -29,9 +29,8 @@
     "android-prod": "ENVFILE=.env.production npx react-native run-android",
     "android-prod-device": "ENVFILE=.env.production npx react-native run-android  --variant=release",
     "android-build": "npx jetifier && cd android && ENVFILE=.env.production ./gradlew assembleRelease",
-    "check_coverage_config": "node ./scripts/check_coverage_config.js",
-    "update_coverage_result": "node ./scripts/update_coverage_result.js",
-    "check_coverage_result": "node ./scripts/check_coverage_result.js",
+    "check-coverage": "node ./scripts/check_coverage_config.js",
+    "update-coverage": "node ./scripts/update_coverage_result.js",
     "check_translation_file_change": "node ./scripts/check_translation_file_change.js",
     "check_create_within_act": "node ./scripts/check_create_within_act.js",
     "ios-deploy-test": "bundle exec fastlane ios beta",
@@ -102,7 +101,7 @@
     "@ant-design/icons-react-native": "^2.2.1",
     "@ant-design/react-native": "^4.0.5",
     "@babel/helper-environment-visitor": "^7.16.7",
-    "@eohjsc/highcharts": "^1.1.0",
+    "@eohjsc/highcharts": "^1.0.9",
     "@eohjsc/react-native-keyboard-aware-scroll-view": "^0.9.5",
     "@formatjs/intl-getcanonicallocales": "^1.4.5",
     "@formatjs/intl-numberformat": "^5.6.2",

package/src/commons/Action/ItemQuickAction.js

@@ -83,9 +83,8 @@ const ItemQuickAction = memo(({ sensor, wrapperStyle, setStatus }) => {
     >
       <View style={wrapperStyle}>
         <IconComponent
-          icon={action?.icon_kit || action?.icon}
+          icon={action?.icon_kit || action?.icon || 'PoweroffOutlined'}
           isSendingCommand={isSendingCommand}
-          icon_outlined={'poweroff'}
         />
       </View>
     </TouchableOpacity>

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

@@ -6,7 +6,7 @@ import { Colors } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { factory } from 'factory-girl';
 import IconComponent from '../../IconComponent';
-import { IconFill, IconOutline } from '@ant-design/icons-react-native';
+import { IconOutline } from '@ant-design/icons-react-native';
 
 class Sensor {}
 
@@ -76,25 +76,6 @@ describe('Test ItemQuickAction', () => {
     expect(buttonOnActionPress).toHaveLength(0);
   });
 
-  it('render with icon_outlined poweroff', async () => {
-    const mockSetStatus = jest.fn();
-    sensor.quick_action.on_action.icon = null;
-    await act(async () => {
-      tree = await create(
-        <ItemQuickAction
-          sensor={sensor}
-          wrapperStyle={style}
-          setStatus={mockSetStatus}
-        />
-      );
-    });
-
-    const instance = tree.root;
-    const icon = instance.findByType(IconOutline);
-    expect(icon).toBeDefined();
-    expect(icon.props.name).toEqual('poweroff');
-  });
-
   it('click quick action icon down , isSendingCommand = true', async () => {
     await act(async () => {
       tree = await create(
@@ -114,7 +95,7 @@ describe('Test ItemQuickAction', () => {
       await buttonOnActionPress.props.onPress();
     });
 
-    const icon = instance.findByType(IconFill);
+    const icon = instance.findByType(IconOutline);
     expect(icon.props.color).toEqual(Colors.TextGray);
   });
 

package/src/commons/ActionGroup/CurtainButtonTemplate.js

@@ -1,10 +1,10 @@
 import React, { memo, useCallback, useState } from 'react';
 import { TouchableOpacity, View, Switch, Image } from 'react-native';
-import { Icon } from '@ant-design/react-native';
 import styles from './CurtainButtonTemplateStyle';
 import Text from '../Text';
 import { AccessibilityLabel } from '../../configs/Constants';
 import { Colors, Images } from '../../configs';
+import IconComponent from '../IconComponent';
 
 const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
   const { configuration } = actionGroup;
@@ -88,7 +88,12 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
     return (
       <>
         <View style={styles.lockDoor}>
-          <Icon name={icon} size={15} color={color} style={styles.iconLock} />
+          <IconComponent
+            icon={icon}
+            iconSize={15}
+            color={color}
+            style={styles.iconLock}
+          />
           <Text
             style={styles.textLockDoor}
             accessibilityLabel={AccessibilityLabel.TEXT_DOOR_LOOK_ON_OFF}

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

@@ -1,16 +1,29 @@
-import { Icon } from '@ant-design/react-native';
 import Text from '../../Text';
 
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import { Colors } from '../../../configs';
 import styles from './OnOffButtonTemplateStyle';
 import { AccessibilityLabel } from '../../../configs/Constants';
+import IconComponent from '../../IconComponent';
 
 const OnOffButtonTemplate = memo(
   ({ isOn, triggerAction, actionGroup = {}, isLight = false }) => {
     const { configuration = {}, id } = actionGroup;
-    const { icon_on, icon_off, text_on, text_off } = configuration;
+    const {
+      icon_on,
+      icon_off,
+      icon_kit_on_data,
+      icon_kit_off_data,
+      text_on,
+      text_off,
+    } = configuration;
+    const icon = useMemo(() => {
+      if (isOn) {
+        return icon_kit_on_data?.icon || icon_on;
+      }
+      return icon_kit_off_data?.icon || icon_off;
+    }, [isOn, icon_on, icon_off, icon_kit_on_data, icon_kit_off_data]);
 
     return (
       <>
@@ -21,9 +34,9 @@ const OnOffButtonTemplate = memo(
             accessibilityLabel={`${AccessibilityLabel.ON_OFF_BUTTON}-${id}`}
           >
             <View style={styles.smallCircle}>
-              <Icon
-                name={isOn ? icon_on : icon_off}
-                size={44}
+              <IconComponent
+                icon={icon}
+                iconSize={30}
                 color={isOn ? Colors.Green7 : Colors.Gray6}
               />
               <Text

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

@@ -23,13 +23,19 @@ const getComponent = (template) => {
 const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
   const { configuration = {} } = actionGroup;
   const {
-    action_data,
     action_on_data,
     action_off_data,
     is_on_value,
     config,
     allow_config_store_value,
-  } = configuration;
+  } = useMemo(() => {
+    return {
+      ...configuration,
+      action_on_data: configuration.action_on_data || configuration.action_data,
+      action_off_data:
+        configuration.action_off_data || configuration.action_data,
+    };
+  }, [configuration]);
 
   // eslint-disable-next-line no-unused-vars
   const [configValues, _] = useConfigGlobalState('configValues');
@@ -45,70 +51,38 @@ const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
   const [isOn, setIsOn] = useState(false);
   const [tempIsOn, setTempIsOn] = useState(getIsOnValue());
 
-  const updateStatusFromPusher = () => {
+  const updateStatusFromPusher = useCallback(() => {
     setTimeout(() => {
       setTempIsOn(temp);
     }, 2500);
-  };
+  }, []);
 
   const triggerAction = useCallback(async () => {
-    switch (sensor?.device_type) {
-      case DEVICE_TYPE.ZIGBEE:
-        if (action_on_data && action_off_data) {
-          let data;
-          if (isOn) {
-            data = { state: 0 };
-            if (allow_config_store_value && config) {
-              data.config_id = config;
-              data.config_value = 0;
-            }
-            await doAction(action_off_data, JSON.stringify(data));
-          } else {
-            data = { state: 1 };
-            if (allow_config_store_value && config) {
-              data.config_id = config;
-              data.config_value = 1;
-            }
-            await doAction(action_on_data, JSON.stringify(data));
-          }
-        }
-        break;
-      case DEVICE_TYPE.LG_THINQ:
-        setTempIsOn((prev) => !prev);
-        action_data &&
-          (await doAction(action_data, JSON.stringify({ value: !isOn })));
-        break;
-      default:
-        if (action_data) {
-          if (isOn) {
-            await doAction(action_data, false);
-          } else {
-            await doAction(action_data, true);
-          }
-        }
-        if (action_on_data && action_off_data) {
-          if (isOn) {
-            await doAction(action_off_data, null);
-          } else {
-            await doAction(action_on_data, null);
-          }
-        }
-        break;
+    const action_data = isOn ? action_off_data : action_on_data;
+    if (!action_data) {
+      return;
     }
-    updateStatusFromPusher();
-    sensor?.is_managed_by_backend &&
-      config &&
-      sensor.device_type === DEVICE_TYPE.LG_THINQ &&
-      watchMultiConfigs([config]);
+    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;
+    }
+    setTempIsOn((prev) => !prev);
+    await doAction(action_data, data);
+    updateStatusFromPusher(); // todo Bang read about this magic
+
+    sensor?.is_managed_by_backend && config && watchMultiConfigs([config]);
   }, [
-    allow_config_store_value,
-    config,
-    action_data,
+    isOn,
     action_off_data,
     action_on_data,
+    allow_config_store_value,
+    config,
     doAction,
-    isOn,
-    sensor?.device_type,
+    updateStatusFromPusher,
     sensor?.is_managed_by_backend,
   ]);
 
@@ -138,7 +112,7 @@ const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
         isOn={tempIsOn}
         triggerAction={triggerAction}
         actionGroup={actionGroup}
-        disabled={!action_data && !action_on_data && !action_off_data}
+        disabled={!action_on_data && !action_off_data}
       />
     </>
   );

package/src/commons/ActionGroup/OneBigButtonTemplate.js

@@ -1,10 +1,10 @@
 import React, { memo, useCallback } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import { Icon } from '@ant-design/react-native';
 import Text from '../Text';
 
 import { Colors } from '../../configs';
 import styles from './OneBigButtonTemplateStyle';
+import IconComponent from '../IconComponent';
 
 const OneBigButtonTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
   const { configuration = {} } = actionGroup;
@@ -19,7 +19,7 @@ const OneBigButtonTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
       <View style={styles.barrierControlContainer}>
         <TouchableOpacity style={styles.bigCircle} onPress={onPressDoAction}>
           <View style={styles.smallCircle}>
-            <Icon name={icon} size={44} color={Colors.Green7} />
+            <IconComponent icon={icon} iconSize={44} color={Colors.Green7} />
             <Text style={styles.textBig}>{text}</Text>
           </View>
         </TouchableOpacity>

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -9,8 +9,7 @@ import { useDropdownAction } from './hooks/useDropdownAction';
 import { useConfigGlobalState } from '../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../hooks/IoT';
 import styles from './OptionsDropdownActionTemplateStyle';
-import { watchMultiConfigs } from '../../iot/Monitor';
-import { DEVICE_TYPE, AccessibilityLabel } from '../../configs/Constants';
+import { AccessibilityLabel } from '../../configs/Constants';
 import IconComponent from '../../commons/IconComponent';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import SvgDoorState from '../../../assets/images/Device/door-state.svg';
@@ -36,7 +35,6 @@ const OptionsDropdownActionTemplate = ({
     options = [],
     icon_kit_data,
     icon,
-    icon_outlined,
     config,
     allow_config_store_value,
   } = configuration;
@@ -72,22 +70,16 @@ const OptionsDropdownActionTemplate = ({
     const newOption = options[selectedIndex];
     const value = getOptionValue(newOption, allow_config_store_value);
 
-    let data = { level: value, key_code: newOption?.value_int };
+    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;
     }
-    data = JSON.stringify(data);
-
-    if (sensor.device_type === DEVICE_TYPE.GOOGLE_HOME) {
-      data = value;
-    }
     doAction(action_data, data);
-    if (sensor?.is_managed_by_backend) {
-      config &&
-        sensor.device_type === DEVICE_TYPE.LG_THINQ &&
-        watchMultiConfigs([config]);
-    }
     hideAlertAction();
   }, [
     config,
@@ -97,8 +89,6 @@ const OptionsDropdownActionTemplate = ({
     hideAlertAction,
     options,
     selectedIndex,
-    sensor?.is_managed_by_backend,
-    sensor.device_type,
   ]);
 
   useUnwatchLGDeviceConfigControl(sensor, [configuration.config]);
@@ -131,7 +121,6 @@ const OptionsDropdownActionTemplate = ({
         {!checkIcon && (
           <IconComponent
             icon={iconKit || icon}
-            icon_outlined={icon_outlined}
             isSendingCommand={false}
             size={17}
             style={styles.marginRight}

package/src/commons/ActionGroup/StatesGridActionTemplate.js

@@ -31,7 +31,6 @@ const GridItem = ({ item, index, length, doAction, sensor, title }) => {
     text,
     icon_kit_data,
     icon,
-    icon_outlined,
     action_data,
     config,
     is_on_value,
@@ -80,12 +79,8 @@ const GridItem = ({ item, index, length, doAction, sensor, title }) => {
         return () => <></>;
     }
   }, [icon]);
-
   return (
-    <View
-      style={[styles.gridItem]}
-      accessibilityLabel={AccessibilityLabel.STATES_GRID_ACTION_GRID_ITEM}
-    >
+    <View accessibilityLabel={AccessibilityLabel.STATES_GRID_ACTION_GRID_ITEM}>
       <TouchableOpacity
         style={[styles.button, buttonOnOffStyle]}
         onPress={() => doActionAndWatchConfig(action_data)}
@@ -93,9 +88,10 @@ const GridItem = ({ item, index, length, doAction, sensor, title }) => {
         {!checkIcon && (
           <IconComponent
             icon={iconKit || icon}
-            icon_outlined={icon_outlined}
             isSendingCommand={false}
-            size={24}
+            size={40}
+            iconSize={40}
+            color={'red'}
           />
         )}
         {checkIcon && <View>{iconSvg}</View>}

package/src/commons/ActionGroup/StatesGridActionTemplateStyle.js

@@ -31,7 +31,7 @@ export default StyleSheet.create({
   button: {
     width: 48,
     height: 48,
-    padding: 12,
+    padding: 3,
     borderRadius: 5,
     borderWidth: 1,
     borderColor: Colors.Gray4,

package/src/commons/ActionGroup/ThreeButtonTemplate.js

@@ -1,6 +1,5 @@
 import React, { memo, useCallback, useState } from 'react';
 import { TouchableOpacity, View, Switch } from 'react-native';
-import { Icon } from '@ant-design/react-native';
 import styles from './ThreeButtonTemplateStyle';
 import Text from '../Text';
 import { AccessibilityLabel } from '../../configs/Constants';
@@ -58,7 +57,12 @@ const ThreeButtonTemplate = memo(({ actionGroup, doAction }) => {
     return (
       <>
         <View style={styles.lockDoor}>
-          <Icon name={icon} size={15} color={color} style={styles.iconLock} />
+          <IconComponent
+            icon={icon}
+            iconSize={15}
+            color={color}
+            style={styles.iconLock}
+          />
           <Text
             style={styles.textLockDoor}
             accessibilityLabel={AccessibilityLabel.TEXT_DOOR_LOOK_ON_OFF}

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

@@ -1,10 +1,10 @@
-/* eslint-disable promise/prefer-await-to-callbacks */
-import { DEVICE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
-import { watchMultiConfigs } from '../../../iot/Monitor';
 import React from 'react';
 import { View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { act, create } from 'react-test-renderer';
+
+import { DEVICE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
+import { watchMultiConfigs } from '../../../iot/Monitor';
 import OnOffTemplate from '../OnOffTemplate';
 import OnOffButtonTemplate from '../OnOffTemplate/OnOffButtonTemplate';
 import OnOffSimpleTemplate from '../OnOffTemplate/OnOffSimpleTemplate';
@@ -95,9 +95,7 @@ describe('Test OnOffTemplate', () => {
     const localState = {
       isOnSwich: false,
     };
-    useSelector.mockImplementation((cb) => {
-      return cb(localState);
-    });
+    useSelector.mockImplementation((getter) => getter(localState));
   });
 
   it('render with template OnOffSimpleActionTemplate', async () => {
@@ -164,7 +162,10 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_off_data, null);
+    expect(mockDoAction).toHaveBeenCalledWith(action_off_data, {
+      value: 0,
+      state: 0,
+    });
     expect(watchMultiConfigs).toBeCalledTimes(0);
   });
 
@@ -181,7 +182,10 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_on_data, null);
+    expect(mockDoAction).toHaveBeenCalledWith(action_on_data, {
+      value: 1,
+      state: 1,
+    });
   });
 
   it('template OnOffSimpleActionTemplate doAction with is_on_value and is_managed_by_backend', async () => {
@@ -196,7 +200,10 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_off_data, null);
+    expect(mockDoAction).toHaveBeenCalledWith(action_off_data, {
+      value: 0,
+      state: 0,
+    });
     expect(watchMultiConfigs).toBeCalledTimes(0);
   });
 
@@ -223,7 +230,10 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template[0].props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, false);
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+      state: 0,
+      value: 0,
+    });
   });
 
   it('render with template OnOffSimpleActionTemplate with just action_data lg_thinq', async () => {
@@ -256,10 +266,10 @@ describe('Test OnOffTemplate', () => {
       await template[0].props.triggerAction();
     });
     jest.runAllTimers();
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
-      JSON.stringify({ value: false })
-    );
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+      value: 0,
+      state: 0,
+    });
   });
 
   it('render with template OnOffSimpleActionTemplate with action_data zigbee trigger off', async () => {
@@ -289,10 +299,12 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template[0].props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_off_data,
-      JSON.stringify({ state: 0, config_id: 5, config_value: 0 })
-    );
+    expect(mockDoAction).toHaveBeenCalledWith(action_off_data, {
+      state: 0,
+      config_id: 5,
+      config_value: 0,
+      value: 0,
+    });
   });
 
   it('render with template OnOffSimpleActionTemplate with action_data zigbee trigger on', async () => {
@@ -322,10 +334,12 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template[0].props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_on_data,
-      JSON.stringify({ state: 1, config_id: 5, config_value: 1 })
-    );
+    expect(mockDoAction).toHaveBeenCalledWith(action_on_data, {
+      state: 1, // todo Bang remove this after production
+      config_id: 5,
+      config_value: 1,
+      value: 1, // this is correct
+    });
   });
 
   it('render with template OnOffSimpleActionTemplate with zigbee device wrong action_data', async () => {
@@ -333,7 +347,6 @@ describe('Test OnOffTemplate', () => {
       template: 'OnOffSimpleActionTemplate',
       configuration: {
         config: 5,
-        action_data: action_data,
         icon: 'up',
         is_on_value: [2],
         allow_config_store_value: true,

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

@@ -159,10 +159,11 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
-      JSON.stringify({ level: '1', key_code: 1 })
-    );
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+      level: '1',
+      key_code: 1,
+      value: 1,
+    });
     is_managed_by_backend
       ? expect(watchMultiConfigs).not.toBeCalled()
       : expect(watchMultiConfigs).not.toBeCalled();
@@ -228,10 +229,11 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
-      JSON.stringify({ level: 'level-1', key_code: 1 })
-    ); // doAction with text instead of int
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+      level: 'level-1',
+      key_code: 1,
+      value: 1,
+    });
 
     expect(texts[1].props.children).toEqual('Level2');
   });
@@ -292,7 +294,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeTruthy();
 
-    // Choosed Level1 option
+    // Choose Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
     });
@@ -306,6 +308,10 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, 'level-1'); // doAction with text instead of int
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+      value: 1,
+      level: 'level-1',
+      key_code: 1,
+    });
   });
 });

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

@@ -25,7 +25,6 @@ describe('Test StatesGridActionTemplate', () => {
           text: 'item 1',
           icon_kit_data: 'icon_kit_data',
           icon: '123',
-          icon_outlined: 'icon_outlined',
           action_data: mockActionData,
         },
         {
@@ -34,7 +33,6 @@ describe('Test StatesGridActionTemplate', () => {
           text: 'item 2',
           icon_kit_data: 'icon_kit_data',
           icon: 'icon',
-          icon_outlined: 'icon_outlined',
           action_data: mockActionData,
         },
       ],

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

@@ -6,7 +6,6 @@ import moment from 'moment';
 
 import ActionGroup from '..';
 import Text from '../../Text';
-import { Colors } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -402,30 +401,6 @@ describe('Test ActionGroup', () => {
 
     const touchs = instance.findAllByType(TouchableOpacity);
     expect(touchs).toHaveLength(2); // 2 GridItem
-
-    const buttonStyle = {
-      width: 48,
-      height: 48,
-      padding: 12,
-      borderRadius: 5,
-      borderWidth: 1,
-      borderColor: Colors.Gray4,
-      backgroundColor: Colors.White,
-    };
-
-    const OnOffStyle = {
-      OFF: {
-        borderColor: Colors.Gray4,
-        backgroundColor: Colors.White,
-      },
-      ON: {
-        borderColor: Colors.Primary,
-        backgroundColor: Colors.Primary,
-      },
-    };
-
-    expect(touchs[0].props.style).toEqual([buttonStyle, OnOffStyle.OFF]);
-    expect(touchs[1].props.style).toEqual([buttonStyle, OnOffStyle.OFF]);
   });
 
   it('render TimerActionTemplate', async () => {
@@ -492,7 +467,6 @@ describe('Test ActionGroup', () => {
         options: [],
         icon_kit_data: 'icon_kit_data',
         icon: '',
-        icon_outlined: 'icon_outlined',
       },
     };
     const mockDoAction = jest.fn();