@eohjsc/react-native-smart-city 0.3.90 → 0.3.92

package/src/navigations/UnitStack.js

@@ -1,16 +1,15 @@
 import React, { memo, useContext, useEffect } from 'react';
-import { View } from 'react-native';
+import { AppState, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { createStackNavigator } from '@react-navigation/stack';
 import { BleManager } from 'react-native-ble-plx';
 import NetInfo from '@react-native-community/netinfo';
-import { AppState } from 'react-native';
 import { get } from 'lodash';
 
 import Text from '../commons/Text';
 import { useTranslations } from '../hooks/Common/useTranslations';
 import { unwatchAllConfigs } from '../iot/Monitor';
-import { Colors, Device } from '../configs';
+import { API, Colors, Device } from '../configs';
 import Route from '../utils/Route';
 import ActivityLogScreen from '../screens/ActivityLog';
 import { screenOptions } from './utils';
@@ -19,6 +18,7 @@ import { Action } from '../context/actionType';
 
 import AQIGuide from '../screens/AQIGuide';
 import DeviceDetail from '../screens/Device/detail';
+import ChangePosition from '../screens/ChangePosition';
 import SharingMemberList from '../screens/Sharing/MemberList';
 import ManageSubUnit from '../screens/SubUnit/ManageSubUnit';
 import SelectAddress from '../screens/Unit/SelectAddress';
@@ -32,21 +32,20 @@ import UVIndexGuide from '../screens/UVIndexGuide';
 import TDSGuide from '../screens/TDSGuide';
 import WaterQualityGuide from '../screens/WaterQualityGuide';
 import DeviceInfo from '../screens/DeviceInfo';
-import AddNewOneTap from '../screens/AddNewOneTap';
+import AddNewOneTap from '../screens/Automate/OneTap';
 import AddNewAutoSmart from '../screens/AddNewAutoSmart';
 import PlaybackCamera from '../screens/PlayBackCamera';
 import AllCamera from '../screens/AllCamera';
 import ManageAccessScreen from '../screens/ManageAccess';
 import MoveToAnotherSubUnit from '../screens/MoveToAnotherSubUnit';
 import GuestInfo from '../screens/GuestInfo';
-import ScriptDetail from '../screens/ScriptDetail';
-import EditActionsList from '../screens/EditActionsList';
+import ScriptDetail from '../screens/Automate/ScriptDetail';
+import EditActionsList from '../screens/Automate/EditActionsList';
 import SelectUnit from '../screens/SelectUnit';
-import SetSchedule from '../screens/SetSchedule';
-import SelectSensorDevices from '../screens/AddNewAction/SelectSensorDevices';
-import SelectAction from '../screens/AddNewAction/SelectAction';
+import SetSchedule from '../screens/Automate/SetSchedule';
+import SelectMonitorDevices from '../screens/Automate/AddNewAction/SelectMonitorDevices';
 import EditSubUnit from '../screens/SubUnit/EditSubUnit';
-import SetUpSensor from '../screens/AddNewAction/SetupSensor';
+import SetupConfigCondition from '../screens/Automate/AddNewAction/SetupConfigCondition';
 import EditDevice from '../screens/Device/EditDevice/index';
 import EmergencySetting from '../screens/EmergencySetting';
 import ConfirmUnitDeletion from '../screens/ConfirmUnitDeletion';
@@ -56,12 +55,16 @@ import AllGateway from '../screens/AllGateway';
 import SelectAddToFavorites from '../screens/Unit/SelectAddToFavorites';
 import { HanetCameraStack } from './HanetCameraStack';
 import { axiosGet, fetchWithCache } from '../utils/Apis/axios';
-import { API } from '../configs';
 import SideMenuDetail from '../screens/SideMenuDetail';
 import { styles } from './UnitStackStyles';
 import { useBluetoothConnection } from '../hooks/IoT';
 import { realScanBluetoothDevices } from '../iot/RemoteControl/Bluetooth';
 import { ToastBottomHelper } from '../utils/Utils';
+import ChooseConfig from '../screens/Automate/AddNewAction/ChooseConfig';
+import SelectControlDevices from '../screens/Automate/AddNewAction/SelectControlDevices';
+import ChooseAction from '../screens/Automate/AddNewAction/ChooseAction';
+import ScenarioName from '../screens/Automate/Scenario/ScenarioName';
+import ValueChangeName from '../screens/Automate/ValueChange/ValueChangeName';
 
 const Stack = createStackNavigator();
 
@@ -269,6 +272,13 @@ export const UnitStack = memo((props) => {
           headerShown: false,
         }}
       />
+      <Stack.Screen
+        name={Route.ChangePosition}
+        component={ChangePosition}
+        options={{
+          headerShown: false,
+        }}
+      />
       <Stack.Screen
         name={Route.HanetCameraStack}
         component={HanetCameraStack}
@@ -395,6 +405,20 @@ export const UnitStack = memo((props) => {
           headerShown: false,
         }}
       />
+      <Stack.Screen
+        name={Route.ScenarioName}
+        component={ScenarioName}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name={Route.ValueChangeName}
+        component={ValueChangeName}
+        options={{
+          headerShown: false,
+        }}
+      />
       <Stack.Screen
         name={Route.ScriptDetail}
         component={ScriptDetail}
@@ -410,8 +434,13 @@ export const UnitStack = memo((props) => {
         }}
       />
       <Stack.Screen
-        name={Route.SelectSensorDevices}
-        component={SelectSensorDevices}
+        name={Route.SelectMonitorDevices}
+        component={SelectMonitorDevices}
+        options={{ headerShown: false }}
+      />
+      <Stack.Screen
+        name={Route.SelectControlDevices}
+        component={SelectControlDevices}
         options={{ headerShown: false }}
       />
       <Stack.Screen
@@ -420,13 +449,18 @@ export const UnitStack = memo((props) => {
         options={{ headerShown: false }}
       />
       <Stack.Screen
-        name={Route.SetUpSensor}
-        component={SetUpSensor}
+        name={Route.SetupConfigCondition}
+        component={SetupConfigCondition}
+        options={{ headerShown: false }}
+      />
+      <Stack.Screen
+        name={Route.ChooseConfig}
+        component={ChooseConfig}
         options={{ headerShown: false }}
       />
       <Stack.Screen
-        name={Route.SelectAction}
-        component={SelectAction}
+        name={Route.ChooseAction}
+        component={ChooseAction}
         options={{ headerShown: false }}
       />
       <Stack.Screen

package/src/screens/ActivityLog/FilterPopup.js

@@ -78,7 +78,7 @@ const FilterPopup = ({
     [selectedUsers, setSelectedUsers]
   );
 
-  const onPickStartDate = useCallback(() => {
+  const selectStart = useCallback(() => {
     onHide();
     acquireLockShowing();
     setStateDatePicker((state) => ({
@@ -88,7 +88,7 @@ const FilterPopup = ({
     }));
   }, [onHide, acquireLockShowing]);
 
-  const onPickEndDate = useCallback(() => {
+  const selectEnd = useCallback(() => {
     onHide();
     acquireLockShowing();
     setStateDatePicker((state) => ({
@@ -208,8 +208,8 @@ const FilterPopup = ({
             <DateTimeRangeChange
               startTime={stateDatePicker.startDate}
               endTime={stateDatePicker.endDate}
-              onStart={onPickStartDate}
-              onEnd={onPickEndDate}
+              selectStart={selectStart}
+              selectEnd={selectEnd}
               formatType="date"
               inline={true}
             />

package/src/screens/ActivityLog/__test__/FilterPopup.test.js

@@ -133,10 +133,10 @@ it('test date picker pick valid and invalid date', async () => {
   const _pickDateAndTest = async (timeChange) => {
     await act(async () => {
       if (timeChange === 'start') {
-        await dateTimeRangeChange.props.onStart();
+        await dateTimeRangeChange.props.selectStart();
         await datePicker.props.onConfirm(moment(dateFrom));
       } else {
-        await dateTimeRangeChange.props.onEnd();
+        await dateTimeRangeChange.props.selectEnd();
         await datePicker.props.onConfirm(moment(dateTo));
       }
     });

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

@@ -118,7 +118,7 @@ describe('Test Activity log', () => {
 
     // pick start date
     await act(async () => {
-      await dateTimeRangeChange.props.onStart();
+      await dateTimeRangeChange.props.selectStart();
       await filterPopup[0].props.onModalHide();
     });
     expect(filterPopup[0].props.isVisible).toBeFalsy();
@@ -136,7 +136,7 @@ describe('Test Activity log', () => {
     expect(filterPopup[0].props.isVisible).toBeTruthy();
     // pick end date
     await act(async () => {
-      await dateTimeRangeChange.props.onEnd();
+      await dateTimeRangeChange.props.selectEnd();
       await filterPopup[0].props.onModalHide();
     });
     expect(filterPopup[0].props.isVisible).toBeFalsy();

package/src/screens/AddCommon/__test__/SelectSubUnit.test.js

@@ -44,7 +44,7 @@ describe('Test SelectSubUnit', () => {
   it('test ViewButtonBottom onRightClick', async () => {
     const route = { params: { addType: 'AddHassiDevice' } };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -72,7 +72,7 @@ describe('Test SelectSubUnit container', () => {
     test(`create SelectSubUnit ${type} container`, async () => {
       const route = { params: { addType: type } };
       await act(async () => {
-        tree = renderer.create(wrapComponent(route));
+        tree = await renderer.create(wrapComponent(route));
       });
       const instance = tree.root;
       const button = instance.findAllByType(TouchableOpacity);
@@ -88,7 +88,7 @@ describe('Test SelectSubUnit container', () => {
       ]);
 
       await act(async () => {
-        tree = renderer.create(wrapComponent(route));
+        tree = await renderer.create(wrapComponent(route));
       });
 
       const instance = tree.root;

package/src/screens/AddCommon/__test__/SelectUnit.test.js

@@ -55,7 +55,7 @@ describe('Test SelectUnit container', () => {
     test(`create SelectUnit ${type} container`, async () => {
       const route = { params: { addType: type } };
       await act(async () => {
-        tree = renderer.create(wrapComponent(route));
+        tree = await renderer.create(wrapComponent(route));
       });
       const instance = tree.root;
       const button = instance.findAllByType(TouchableOpacity);
@@ -89,7 +89,7 @@ describe('Test SelectUnit container', () => {
       };
       mock.onGet(API.SHARE.UNITS()).reply(200, response.data);
       await act(async () => {
-        tree = renderer.create(wrapComponent(route));
+        tree = await renderer.create(wrapComponent(route));
       });
 
       const instance = tree.root;
@@ -165,7 +165,7 @@ describe('test single SelectUnit', () => {
     };
     mock.onGet(API.SHARE.UNITS()).reply(200, response.data);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const unitName = instance.findAll(
@@ -201,7 +201,7 @@ describe('test single SelectUnit', () => {
     const route = { params: { addType: 'AddSubUnit' } };
     mock.onGet(500);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
 
     const instance = tree.root;
@@ -224,7 +224,7 @@ describe('test single SelectUnit', () => {
   it('click goBack', async () => {
     const route = { params: { addType: 'AddSubUnit' } };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
 
     const instance = tree.root;

package/src/screens/AddNewAutoSmart/__test__/AddNewAutoSmart.test.js

@@ -3,10 +3,11 @@ import { act, create } from 'react-test-renderer';
 import AddNewAutoSmart from '..';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { AUTOMATE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import ItemAutomate from '../../../commons/Automate/ItemAutomate';
 import Routes from '../../../utils/Route';
 import { TouchableOpacity } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -14,16 +15,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -35,10 +26,10 @@ describe('test AddNewAutoSmart', () => {
   let tree;
   let route = {
     params: {
-      type: AUTOMATE_TYPE.VALUE_CHANGE,
-      unit: { id: 1 },
+      automate: { unit: 1 },
     },
   };
+  const mockNavigate = useNavigation().navigate;
 
   beforeEach(() => {
     mockNavigate.mockClear();
@@ -69,17 +60,9 @@ describe('test AddNewAutoSmart', () => {
       await bottomButton.props.onPress();
     });
 
-    expect(mockNavigate).toBeCalledWith(Routes.SelectSensorDevices, {
-      automate: {},
-      automateId: undefined,
-      title: 'select_sensor',
-      oldType: 'value_change',
-      scriptName: undefined,
-      unit: { id: 1 },
-      isAutomateTab: undefined,
-      isMultiUnits: undefined,
-      routeName: 'SelectSensorDevices',
-      type: 'value_change',
+    expect(mockNavigate).toBeCalledWith(Routes.SelectMonitorDevices, {
+      automate: { unit: 1, type: 'value_change' },
+      closeScreen: undefined,
     });
   });
 
@@ -104,15 +87,8 @@ describe('test AddNewAutoSmart', () => {
       await bottomButton.props.onPress();
     });
     expect(mockNavigate).toHaveBeenCalledWith(Routes.SetSchedule, {
-      automate: {},
-      automateId: undefined,
-      type: 'schedule',
-      oldType: 'value_change',
-      routeName: 'SetSchedule',
-      scriptName: undefined,
-      unit: route.params.unit,
-      isAutomateTab: undefined,
-      isMultiUnits: undefined,
+      automate: { type: 'schedule', unit: 1 },
+      closeScreen: undefined,
     });
   });
 });

package/src/screens/AddNewAutoSmart/index.js

@@ -1,4 +1,4 @@
-import React, { memo, useState, useCallback } from 'react';
+import React, { useState, useCallback } from 'react';
 import { View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { HeaderCustom } from '../../commons/Header';
@@ -6,38 +6,24 @@ import styles from './styles/AddNewAutoSmartStyles';
 import Text from '../../commons/Text';
 import BottomButtonView from '../../commons/BottomButtonView';
 import ItemAutomate from '../../commons/Automate/ItemAutomate';
-import {
-  AUTOMATE_SELECT,
-  AUTOMATE_TYPE,
-  AccessibilityLabel,
-} from '../../configs/Constants';
+import { AUTOMATE_TYPE, AccessibilityLabel } from '../../configs/Constants';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import Routes from '../../utils/Route';
 
-const AddNewAutoSmart = memo(({ route }) => {
+const AddNewAutoSmart = ({ route }) => {
   const t = useTranslations();
   const { navigate, goBack } = useNavigation();
-  const {
-    type,
-    unit,
-    isAutomateTab,
-    isMultiUnits,
-    automate = {},
-    scriptName,
-  } = route?.params || {};
+  const { automate = {}, closeScreen } = route?.params || {};
 
   const typeAutoSmart = {
-    [AUTOMATE_TYPE.AUTOMATE]: [
+    all: [
       {
         type: AUTOMATE_TYPE.ONE_TAP,
         route: Routes.AddNewOneTap,
       },
       {
         type: AUTOMATE_TYPE.VALUE_CHANGE,
-        route: Routes.SelectSensorDevices,
-        data: {
-          title: AUTOMATE_SELECT.SELECT_SENSOR,
-        },
+        route: Routes.SelectMonitorDevices,
       },
       {
         type: AUTOMATE_TYPE.SCHEDULE,
@@ -45,20 +31,13 @@ const AddNewAutoSmart = memo(({ route }) => {
       },
       {
         type: AUTOMATE_TYPE.EVENT,
-        route: Routes.SelectSensorDevices,
-        data: {
-          title: AUTOMATE_SELECT.SELECT_DEVICE,
-          isSetupEvent: true,
-        },
+        route: Routes.SelectMonitorDevices,
       },
     ],
-    [AUTOMATE_TYPE.VALUE_CHANGE]: [
+    change: [
       {
         type: AUTOMATE_TYPE.VALUE_CHANGE,
-        route: Routes.SelectSensorDevices,
-        data: {
-          title: AUTOMATE_SELECT.SELECT_SENSOR,
-        },
+        route: Routes.SelectMonitorDevices,
       },
       {
         type: AUTOMATE_TYPE.SCHEDULE,
@@ -66,72 +45,38 @@ const AddNewAutoSmart = memo(({ route }) => {
       },
       {
         type: AUTOMATE_TYPE.EVENT,
-        route: Routes.SelectSensorDevices,
-        data: {
-          title: AUTOMATE_SELECT.SELECT_DEVICE,
-          isSetupEvent: true,
-        },
-      },
-    ],
-    [AUTOMATE_TYPE.ONE_TAP_ONLY]: [
-      {
-        type: AUTOMATE_TYPE.ONE_TAP,
-        route: Routes.AddNewOneTap,
+        route: Routes.SelectMonitorDevices,
       },
     ],
   };
 
-  const [data] = useState(
-    automate?.id ? typeAutoSmart[AUTOMATE_TYPE.AUTOMATE] : typeAutoSmart[type]
-  );
+  const data = automate?.id ? typeAutoSmart.all : typeAutoSmart.change;
 
   const [selectedIndex, setSelectedIndex] = useState(
-    automate?.id ? data.findIndex((obj) => obj.type === type) : -1
+    automate?.id ? data.findIndex((obj) => obj.type === automate.type) : -1
   );
 
   const handleOnContinue = useCallback(() => {
     const dataAutomate = data[selectedIndex];
     const params = {
-      type: dataAutomate?.type,
-      unit: unit,
-      ...(dataAutomate?.data || {}),
-      isAutomateTab,
-      isMultiUnits,
-      automateId: automate?.id,
-      routeName: dataAutomate?.route,
-      automate,
-      scriptName,
-      oldType: type,
+      automate: {
+        ...automate,
+        type: dataAutomate?.type,
+      },
+      closeScreen: closeScreen,
     };
 
-    if (
-      (dataAutomate.type === AUTOMATE_TYPE.VALUE_CHANGE && isMultiUnits) ||
-      (dataAutomate.type === AUTOMATE_TYPE.EVENT && isMultiUnits)
-    ) {
+    if (!automate?.unit) {
       navigate(Routes.SelectUnit, params);
-    } else {
-      navigate(dataAutomate.route, params);
+      return;
     }
-  }, [
-    data,
-    selectedIndex,
-    unit,
-    isAutomateTab,
-    isMultiUnits,
-    automate,
-    scriptName,
-    type,
-    navigate,
-  ]);
 
-  const onClose = useCallback(() => {
-    goBack();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    navigate(dataAutomate.route, params);
+  }, [data, selectedIndex, automate, closeScreen, navigate]);
 
   return (
     <View style={styles.wrap}>
-      <HeaderCustom isShowClose onClose={onClose} />
+      <HeaderCustom isShowClose onClose={goBack} />
       <View style={styles.container}>
         <Text semibold type={'H2'} style={styles.titleCreate}>
           {automate?.id ? t('update_smart') : t('create_smart')}
@@ -140,17 +85,16 @@ const AddNewAutoSmart = memo(({ route }) => {
           {t('choose_the_automation_method_you_want')}
         </Text>
         <View>
-          {!!data &&
-            data.map((item, index) => (
-              <ItemAutomate
-                type={item.type}
-                isSelected={selectedIndex === index}
-                key={item?.id?.toString()}
-                index={index}
-                selectedIndex={selectedIndex}
-                setSelectedIndex={setSelectedIndex}
-              />
-            ))}
+          {data.map((item, index) => (
+            <ItemAutomate
+              automate={item}
+              isSelected={selectedIndex === index}
+              key={item?.type?.toString()}
+              index={index}
+              selectedIndex={selectedIndex}
+              setSelectedIndex={setSelectedIndex}
+            />
+          ))}
         </View>
       </View>
       <BottomButtonView
@@ -164,6 +108,6 @@ const AddNewAutoSmart = memo(({ route }) => {
       />
     </View>
   );
-});
+};
 
 export default AddNewAutoSmart;

package/src/screens/AddNewGateway/PlugAndPlay/__test__/ConnectRouterGuide.test.js

@@ -51,7 +51,7 @@ describe('Test ConnectRouterGuide', () => {
 
   const rightClick = async (params) => {
     await act(async () => {
-      tree = renderer.create(wrapComponent({ params }));
+      tree = await renderer.create(wrapComponent({ params }));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);

package/src/screens/AddNewGateway/PlugAndPlay/__test__/FirstWarning.test.js

@@ -51,7 +51,7 @@ describe('Test FirstWarning', () => {
 
   const rightClick = async (params) => {
     await act(async () => {
-      tree = renderer.create(wrapComponent({ params }));
+      tree = await renderer.create(wrapComponent({ params }));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);

package/src/screens/AddNewGateway/PlugAndPlay/__test__/ZigbeeDeviceConnectGuide.test.js

@@ -51,7 +51,7 @@ describe('Test ZigbeeDeviceConnectGuide', () => {
 
   const rightClick = async (params) => {
     await act(async () => {
-      tree = renderer.create(wrapComponent({ params }));
+      tree = await renderer.create(wrapComponent({ params }));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);

package/src/screens/AddNewGateway/SelectDeviceSubUnit.js

@@ -1,6 +1,5 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import SelectSubUnit from '../../commons/SelectSubUnit';
-import { useCallback } from 'react';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { useNavigation } from '@react-navigation/native';
 import Routes from '../../utils/Route';

package/src/screens/AddNewGateway/__test__/AddNewGateway.test.js

@@ -11,6 +11,7 @@ import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -20,28 +21,15 @@ const wrapComponent = (route) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-  };
-});
-
 describe('Test AddNewGateway', () => {
   let tree;
   let route;
-
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
+  const mockedGoBack = useNavigation().goBack;
+  const mockedNavigate = useNavigation().navigate;
 
   beforeEach(() => {
+    mockedGoBack.mockClear();
+    mockedNavigate.mockClear();
     route = {
       params: {
         unit_id: 1,

package/src/screens/AddNewGateway/__test__/ConnectingWifiGuide.test.js

@@ -58,7 +58,7 @@ describe('test share wifi password', () => {
   it('render connect wifi guide', async () => {
     const route = { params: {} };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
 
     const instance = tree.root;

package/src/screens/AddNewGateway/__test__/ScanGatewayQR.test.js

@@ -34,7 +34,7 @@ describe('test scan gateway device QR', () => {
   it('render scan gateway device', async () => {
     const route = { params: {} };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
 
     const instance = tree.root;
@@ -45,7 +45,7 @@ describe('test scan gateway device QR', () => {
   const scanQRCode = async (data) => {
     const route = { params: {} };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
 
     const instance = tree.root;