@eohjsc/react-native-smart-city 0.6.2 → 0.7.3-rc1

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

@@ -7,17 +7,6 @@ import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 import WheelDateTimePicker from '../../../../WheelDateTimePicker';
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
     <SetupGeneratePasscode />
@@ -27,10 +16,6 @@ const wrapComponent = () => (
 describe('Test SetupGeneratePasscode', () => {
   let tree;
 
-  beforeEach(() => {
-    mockNavigate.mockClear();
-  });
-
   const getElement = (instance) => {
     const changeName = instance.findAll(
       (item) =>

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Switch } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 
 import Text from '../../Text';
 import styles from './OnOffSimpleTemplateStyle';
@@ -15,7 +15,7 @@ const OnOffSimpleTemplate = ({
   return (
     <View style={styles.wrap}>
       <View style={styles.iconAndText}>
-        <IconOutline name="poweroff" size={20} style={styles.marginRight} />
+        <AntDesign name="poweroff" size={20} style={styles.marginRight} />
         <Text type="H4">{actionGroup.title}</Text>
       </View>
       {isOn !== null && (

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { View, TouchableOpacity, ScrollView } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { Colors } from '../../configs';
 
 import Text from '../../commons/Text';
@@ -139,7 +139,7 @@ const OptionsDropdownActionTemplate = ({
         >
           {displaySelected}
         </Text>
-        <IconOutline name="right" size={20} />
+        <AntDesign name="right" size={20} />
       </TouchableOpacity>
       <AlertAction
         visible={stateAlert.visible}

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

@@ -5,7 +5,7 @@ import styles from './SmartTiviActionTemplateStyles';
 import Text from '../../Text';
 import { Colors } from '../../../configs';
 import { SMART_TIVI_BUTTON } from '../../../configs/Constants';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import CircleButton from './component/CircleButton';
 import RectangleButton from './component/RectangleButton';
 import ControlPlay from './component/ControlPlay';
@@ -97,7 +97,7 @@ const SmartTiviActionTemplate = memo(
               <CircleButton
                 type="small"
                 icon={
-                  <IconOutline
+                  <AntDesign
                     name="poweroff"
                     size={20}
                     color={Colors.Gray6}

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

@@ -3,7 +3,7 @@ import { TouchableOpacity, View, Image } from 'react-native';
 import styles from './CircleButtonStyles';
 import Text from '../../../Text';
 import { Colors, Images } from '../../../../configs';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const CircleButton = memo(
@@ -46,7 +46,7 @@ const CircleButton = memo(
                   AccessibilityLabel.SMART_TIVI_TEMPLATE.UP_BUTTON
                 }
               >
-                <IconOutline size={14} name={'caret-up'} />
+                <AntDesign size={14} name={'caretup'} />
               </TouchableOpacity>
             </View>
             <View style={styles.bodyMultipleButton}>
@@ -57,7 +57,7 @@ const CircleButton = memo(
                   AccessibilityLabel.SMART_TIVI_TEMPLATE.LEFT_BUTTON
                 }
               >
-                <IconOutline size={14} name={'caret-left'} />
+                <AntDesign size={14} name={'caretleft'} />
               </TouchableOpacity>
               <TouchableOpacity
                 style={[styles.okButton]}
@@ -77,7 +77,7 @@ const CircleButton = memo(
                   AccessibilityLabel.SMART_TIVI_TEMPLATE.RIGHT_BUTTON
                 }
               >
-                <IconOutline size={14} name={'caret-right'} />
+                <AntDesign size={14} name={'caret-right'} />
               </TouchableOpacity>
             </View>
             <View style={styles.footerMultipleButton}>
@@ -88,7 +88,7 @@ const CircleButton = memo(
                   AccessibilityLabel.SMART_TIVI_TEMPLATE.DOWN_BUTTON
                 }
               >
-                <IconOutline size={14} name={'caret-down'} />
+                <AntDesign size={14} name={'caretdown'} />
               </TouchableOpacity>
             </View>
           </View>

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

@@ -6,7 +6,7 @@ import styles from './ControlPlayStyles';
 import { Pause } from './Icon';
 import { AccessibilityLabel } from '../../../../configs/Constants';
 
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 
 const ControlPlay = memo(
   ({ onPressPrev, onPressStop, onPressNext, wrapStyle }) => {
@@ -19,9 +19,9 @@ const ControlPlay = memo(
             AccessibilityLabel.SMART_TIVI_TEMPLATE.PREV_BUTTON
           }
         >
-          <IconOutline
+          <AntDesign
             size={32}
-            name={'backward'}
+            name={'stepbackward'}
             color={Colors.Gray9}
             style={[styles.button]}
           />
@@ -42,9 +42,9 @@ const ControlPlay = memo(
             AccessibilityLabel.SMART_TIVI_TEMPLATE.NEXT_BUTTON
           }
         >
-          <IconOutline
+          <AntDesign
             size={32}
-            name={'forward'}
+            name={'stepforward'}
             color={Colors.Gray9}
             style={[styles.button]}
           />

package/src/commons/ActionGroup/TerminalBoxTemplate.js

@@ -6,7 +6,7 @@ import React, {
   useState,
 } from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import Text from '../../commons/Text';
 import { useConfigGlobalState } from '../../iot/states';
 import styles from './TerminalBoxTemplateStyle';
@@ -174,7 +174,7 @@ const TerminalBoxTemplate = ({ item, doAction, isWidgetOrder }) => {
           accessibilityLabel={AccessibilityLabel.TERMINAL_BOX_BUTTON_SEND}
           disabled={!value}
         >
-          <IconOutline name="send" size={25} />
+          <AntDesign name="send" size={25} />
         </TouchableOpacity>
       </View>
     </View>

package/src/commons/ActionGroup/TextBoxTemplate.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import Text from '../../commons/Text';
 import { AlertAction } from '../../commons';
 import { useDropdownAction } from './hooks/useDropdownAction';
@@ -48,7 +48,7 @@ const TextBoxTemplate = ({ item, doAction, isWidgetOrder }) => {
           onPress={onShowAlert}
           accessibilityLabel={AccessibilityLabel.TEXT_BOX_BUTTON_EDIT}
         >
-          <IconOutline name="edit" size={25} />
+          <AntDesign name="edit" size={25} />
         </TouchableOpacity>
       </View>
       <AlertAction

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

@@ -23,7 +23,7 @@ describe('Test ThreeButtonTemplate', () => {
         command_prefer_over_googlehome: false,
         command_prefer_over_internet: false,
         googlehome_actions: [],
-        icon: 'caret-up',
+        icon: 'caretup',
         id: 9,
         key: '2b949045-8e03-4c07-a855-7794ade2e69c',
       },
@@ -45,13 +45,13 @@ describe('Test ThreeButtonTemplate', () => {
         command_prefer_over_googlehome: false,
         command_prefer_over_internet: false,
         googlehome_actions: [],
-        icon: 'caret-down',
+        icon: 'caretdown',
         id: 10,
         key: 'a492e08c-8cb1-44ee-8ea0-46aaca4e5141',
       },
-      icon1: 'caret-up',
+      icon1: 'caretup',
       icon2: 'stop',
-      icon3: 'caret-down',
+      icon3: 'caretdown',
       text1: 'UP',
       text2: 'STOP/UNLOCK',
       text3: 'DOWN',

package/src/commons/ActionGroup/TimerActionTemplate.js

@@ -1,9 +1,8 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { Switch, TouchableOpacity, View } from 'react-native';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import moment from 'moment';
-import { IconOutline } from '@ant-design/icons-react-native';
 import { watchMultiConfigs } from '../../iot/Monitor';
 
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -184,7 +183,7 @@ const TimerActionTemplate = ({ item = {}, doAction, sensor = {} }) => {
           <Text>{title}</Text>
           {configuration.config_hour && configuration.config_minute && (
             <View style={styles.wrapTimer}>
-              <Icon style={styles.iconClockCircle} name={'clock-circle'} />
+              <AntDesign style={styles.iconClockCircle} name={'clock-circle'} />
               <Text type="Label" color={Colors.Gray7}>
                 {textTimer ? textTimer : t('set_time')}
               </Text>
@@ -194,7 +193,7 @@ const TimerActionTemplate = ({ item = {}, doAction, sensor = {} }) => {
         {configuration.config_hour && !configuration.config_minute && (
           <View style={styles.timerButton}>
             <Text style={styles.textTimerEndLine}>{textTimer}</Text>
-            <IconOutline name="right" size={20} />
+            <AntDesign name="right" size={20} />
           </View>
         )}
       </TouchableOpacity>
@@ -210,7 +209,7 @@ const TimerActionTemplate = ({ item = {}, doAction, sensor = {} }) => {
       )}
       <DateTimePickerModal
         isVisible={showTime}
-        date={dataTime ? dataTime.valueOf() : moment().valueOf()}
+        date={new Date(dataTime ? dataTime.valueOf() : moment().valueOf())}
         mode="time"
         onConfirm={onConfirmTime}
         onCancel={onHideTime}

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

@@ -1,4 +1,4 @@
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import React, { memo, useState, useCallback, useEffect } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 
@@ -122,7 +122,7 @@ const TwoButtonTemplate = memo(({ item = {}, doAction, sensor = {} }) => {
             key={index}
           >
             <View style={styles.smallCircle}>
-              <Icon
+              <AntDesign
                 name={button?.isCheckOnOff ? button?.icon_on : button?.icon_off}
                 size={44}
                 color={button?.isCheckOnOff ? Colors.Green7 : Colors.Gray6}

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

@@ -1,5 +1,5 @@
 import { watchMultiConfigs } from '../../../iot/Monitor';
-import React from 'react';
+import React, { useContext } from 'react';
 import { act, create } from 'react-test-renderer';
 import ColorPickerTemplate from '../ColorPickerTemplate';
 import { WheelColorPicker } from '../ColorPickerTemplate';
@@ -10,14 +10,6 @@ import ColorPicker from 'react-native-wheel-color-picker';
 import { DEVICE_TYPE } from '../../../configs/Constants';
 
 const mockSetAction = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useContext: () => ({
-      setAction: mockSetAction,
-    }),
-  };
-});
 
 jest.mock('../../../iot/Monitor');
 const mockDoAction = jest.fn();
@@ -55,6 +47,9 @@ describe('Test ColorPickerTemplate', () => {
       title: '',
     };
     mockSetAction.mockClear();
+    useContext.mockReturnValue({
+      setAction: mockSetAction,
+    });
   });
 
   it('render template ColorPickerTemplate', async () => {

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

@@ -13,13 +13,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: { value: 25 } }, null],
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test NumberUpDownTemplate', () => {
   const actionData = {
     color: '#00979D',
@@ -27,7 +20,7 @@ describe('Test NumberUpDownTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
@@ -396,7 +389,7 @@ describe('Test NumberUpDownTemplate', () => {
         command_prefer_over_googlehome: false,
         command_prefer_over_internet: false,
         googlehome_actions: [],
-        icon: 'caret-up',
+        icon: 'caretup',
         id: 20,
         key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
       },

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

@@ -18,13 +18,6 @@ const wrapComponent = (item, mockDoAction) => (
   </SCProvider>
 );
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test OneBigButtonTemplate', () => {
   const actionOnData = {
     color: '#00979D',
@@ -32,7 +25,7 @@ describe('Test OneBigButtonTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
@@ -43,7 +36,7 @@ describe('Test OneBigButtonTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
@@ -51,11 +44,11 @@ describe('Test OneBigButtonTemplate', () => {
     configuration: {
       action_on: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
       action_on_data: actionOnData,
-      icon_on: 'caret-up',
+      icon_on: 'caretup',
       text_on: 'ON',
       action_off: '5ed1d4dc-a905-47cd-b0c9-f979644bd21b',
       action_off_data: actionOffData,
-      icon_off: 'caret-up',
+      icon_off: 'caretup',
       text_off: 'OFF',
       config: 1,
     },

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

@@ -13,13 +13,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: jest.fn(),
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 const wrapComponent = (item, doAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <OnOffSmartLock item={item} doAction={doAction} sensor={sensor} />
@@ -36,7 +29,7 @@ describe('Test OnOffTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: 'key-2',
   };
@@ -46,7 +39,7 @@ describe('Test OnOffTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: 'key-3',
   };

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

@@ -1,8 +1,7 @@
 import React from 'react';
-import { View } from 'react-native';
 import { act, create } from 'react-test-renderer';
 
-import { DEVICE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
+import { DEVICE_TYPE } from '../../../configs/Constants';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import OnOffTemplate from '../OnOffTemplate';
 import OnOffButtonTemplate from '../OnOffTemplate/OnOffButtonTemplate';
@@ -22,13 +21,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: { value: 2 } }, null],
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test OnOffTemplate', () => {
   let displayItem;
   let tree;
@@ -40,7 +32,7 @@ describe('Test OnOffTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: 'key-1',
   };
@@ -50,7 +42,7 @@ describe('Test OnOffTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: 'key-2',
   };
@@ -60,7 +52,7 @@ describe('Test OnOffTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: 'key-3',
   };
@@ -113,14 +105,8 @@ describe('Test OnOffTemplate', () => {
     });
     const instance = tree.root;
 
-    const templateOnOffButton = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.ON_OFF_BUTTON_ACTION_TEMPLATE && el.type === View
-    );
     const templateOnOffSimple = instance.findAllByType(OnOffSimpleTemplate);
 
-    expect(templateOnOffButton).not.toHaveLength(1);
     expect(templateOnOffSimple).not.toHaveLength(1);
   });
 

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

@@ -30,7 +30,7 @@ describe('Test OneBigButtonTemplate', () => {
       command_prefer_over_googlehome: false,
       command_prefer_over_internet: false,
       googlehome_actions: [],
-      icon: 'caret-up',
+      icon: 'caretup',
       id: 20,
       key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
     };
@@ -38,7 +38,7 @@ describe('Test OneBigButtonTemplate', () => {
       configuration: {
         action: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
         action_data: actionData,
-        icon: 'caret-up',
+        icon: 'caretup',
         text: 'UP',
       },
     };

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

@@ -30,13 +30,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: { value: 2 } }, null],
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test OptionsDropdownActionTemplate', () => {
   const actionData = {
     color: '#00979D',
@@ -44,7 +37,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };

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

@@ -8,13 +8,6 @@ import { DEVICE_TYPE } from '../../../configs/Constants';
 const mockDoAction = jest.fn();
 const mockActionData = jest.fn();
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test StatesGridActionTemplate', () => {
   let tree;
   let displayItem;

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

@@ -17,13 +17,6 @@ const wrapComponent = (item, mockDoAction, isOn) => (
   </SCProvider>
 );
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test SwitchButtonTemplate', () => {
   const actionOnData = {
     color: '#00979D',
@@ -31,7 +24,7 @@ describe('Test SwitchButtonTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
@@ -42,7 +35,7 @@ describe('Test SwitchButtonTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
@@ -50,11 +43,11 @@ describe('Test SwitchButtonTemplate', () => {
     configuration: {
       action_on: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
       action_on_data: actionOnData,
-      icon_on: 'caret-up',
+      icon_on: 'caretup',
       text_on: 'ON',
       action_off: '5ed1d4dc-a905-47cd-b0c9-f979644bd21b',
       action_off_data: actionOffData,
-      icon_off: 'caret-up',
+      icon_off: 'caretup',
       text_off: 'OFF',
       config: 1,
     },
@@ -67,12 +60,8 @@ describe('Test SwitchButtonTemplate', () => {
     await act(async () => {
       wrapper = await create(wrapComponent(displayItem, mockDoAction));
     });
-
-    const renderJson = wrapper.toJSON();
     const switchButton = wrapper.root.findByType(Switch);
 
-    expect(renderJson[1].props?.visible).toEqual(false);
-    expect(renderJson[1]?.type).toEqual('Modal');
     expect(switchButton.props.value).toEqual(state);
   };
 

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

@@ -30,13 +30,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: { value: 2 } }, null],
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test TerminalBoxTemplate', () => {
   let displayItem;
   let sensor;

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

@@ -27,13 +27,6 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: { value: 2 } }, null],
 }));
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useFocusEffect: jest.fn(),
-  };
-});
-
 describe('Test TextBoxTemplate', () => {
   const actionData = {
     color: '#00979D',
@@ -41,7 +34,7 @@ describe('Test TextBoxTemplate', () => {
     command_prefer_over_googlehome: false,
     command_prefer_over_internet: false,
     googlehome_actions: [],
-    icon: 'caret-up',
+    icon: 'caretup',
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };