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

package/src/screens/EditActionsList/__tests__/index.test.js

@@ -72,7 +72,9 @@ describe('EditActionsList', () => {
         el.type === TouchableOpacity
     );
     expect(buttonCancel).toBeDefined();
-    buttonCancel.props.onPress();
+    await act(async () => {
+      buttonCancel.props.onPress();
+    });
     expect(mockGoBack).toHaveBeenCalled();
   });
   it('EditActionsList onPress save', async () => {
@@ -88,10 +90,15 @@ describe('EditActionsList', () => {
         el.type === TouchableOpacity
     );
     expect(buttonSave).toBeDefined();
-    buttonSave.props.onPress();
+
+    await act(async () => {
+      buttonSave.props.onPress();
+    });
+
     expect(mock.history.put).toHaveLength(1);
   });
-  it('EditActionsList onPress remove', async () => {
+
+  it('EditActionsList has remove button', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -103,18 +110,19 @@ describe('EditActionsList', () => {
         el.type === TouchableOpacity
     );
     expect(buttonRemove).toBeDefined();
-    buttonRemove.props.onPress();
   });
+
   it('EditActionsList modal onPress remove', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const modalBottom = instance.findAllByType(ModalBottom);
-    modalBottom[0].props.onRemove();
+    await act(async () => {
+      modalBottom[0].props.onRemove();
+    });
 
     mock.onDelete(API.AUTOMATE.DELETE_SCRIPT_ACTION(1, 1)).reply(200);
     expect(mock.history.delete).toHaveLength(1);
-    modalBottom[0].props.onClose();
   });
 });

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

@@ -10,6 +10,7 @@ import Notification from '../index';
 import NotificationItem from '../components/NotificationItem';
 import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
+import { WrapHeaderScrollable } from '../../../commons';
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -48,33 +49,30 @@ describe('test Notification', () => {
 
   it('test render', async () => {
     const response = {
-      status: 200,
-      data: {
-        results: [
-          {
-            content_code: 'NOTIFY_INVITE_MEMBER',
-            created_at: '2021-10-07T08:57:09.370286Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
-            id: 12905,
-            is_read: true,
-            params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
-            type: 'NEWS',
-          },
-          {
-            content_code: 'PARKING_COMPLETED',
-            created_at: '2021-07-26T07:30:00.558123Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/2021-07-01_00-21_1.png',
-            id: 11621,
-            is_read: true,
-            params: "{'booking_id': 4736}",
-            type: 'NEWS',
-          },
-        ],
-      },
+      results: [
+        {
+          content_code: 'NOTIFY_INVITE_MEMBER',
+          created_at: '2021-10-07T08:57:09.370286Z',
+          icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
+          id: 12905,
+          is_read: true,
+          params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
+          type: 'NEWS',
+        },
+        {
+          content_code: 'PARKING_COMPLETED',
+          created_at: '2021-07-26T07:30:00.558123Z',
+          icon: 'https://eoh-gateway-backend.eoh.io/2021-07-01_00-21_1.png',
+          id: 11621,
+          is_read: true,
+          params: "{'booking_id': 4736}",
+          type: 'NEWS',
+        },
+      ],
     };
     mock
       .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+      .reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -84,75 +82,68 @@ describe('test Notification', () => {
     expect(notificationItem).toHaveLength(2);
   });
 
-  it('test handleOnLoadMore', async () => {
+  it.only('test handleOnLoadMore', async () => {
     const response = {
-      status: 200,
-      data: {
-        results: [
-          {
-            content_code: 'NOTIFY_INVITE_MEMBER',
-            created_at: '2021-10-07T08:57:09.370286Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
-            id: 12905,
-            is_read: true,
-            params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
-            type: 'NEWS',
-          },
-          {
-            content_code: 'PARKING_COMPLETED',
-            created_at: '2021-07-26T07:30:00.558123Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/2021-07-01_00-21_1.png',
-            id: 11621,
-            is_read: true,
-            params: "{'booking_id': 4736}",
-            type: 'NEWS',
-          },
-        ],
-      },
+      count: 13,
+      results: [],
     };
+    for (let index = 0; index < 10; index++) {
+      response.results.push({
+        content_code: 'NOTIFY_INVITE_MEMBER',
+        created_at: '2021-10-07T08:57:09.370286Z',
+        icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
+        id: 12905,
+        is_read: true,
+        params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
+        type: 'NEWS',
+      });
+    }
     mock
       .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+      .reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
+    const wrapHeaderScrollable = instance.findByType(WrapHeaderScrollable);
+    expect(wrapHeaderScrollable.props.disableLoadMore).toEqual(false);
+
     const scrollView = instance.findByType(Animated.ScrollView);
+    mock
+      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(2, ''))
+      .reply(200, response);
     await act(async () => {
       scrollView.props.onMomentumScrollEnd();
     });
-    expect(scrollView).toBeDefined();
+    expect(wrapHeaderScrollable.props.disableLoadMore).toEqual(true);
   });
 
   it('test onRefresh', async () => {
     const response = {
-      status: 200,
-      data: {
-        results: [
-          {
-            content_code: 'NOTIFY_INVITE_MEMBER',
-            created_at: '2021-10-07T08:57:09.370286Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
-            id: 12905,
-            is_read: true,
-            params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
-            type: 'NEWS',
-          },
-          {
-            content_code: 'PARKING_COMPLETED',
-            created_at: '2021-07-26T07:30:00.558123Z',
-            icon: 'https://eoh-gateway-backend.eoh.io/2021-07-01_00-21_1.png',
-            id: 11621,
-            is_read: true,
-            params: "{'booking_id': 4736}",
-            type: 'NEWS',
-          },
-        ],
-      },
+      results: [
+        {
+          content_code: 'NOTIFY_INVITE_MEMBER',
+          created_at: '2021-10-07T08:57:09.370286Z',
+          icon: 'https://eoh-gateway-backend.eoh.io/Rectangle_65.png',
+          id: 12905,
+          is_read: true,
+          params: "{'unit_owner_name': 'Canh', 'unit_name': 'EoH Office'}",
+          type: 'NEWS',
+        },
+        {
+          content_code: 'PARKING_COMPLETED',
+          created_at: '2021-07-26T07:30:00.558123Z',
+          icon: 'https://eoh-gateway-backend.eoh.io/2021-07-01_00-21_1.png',
+          id: 11621,
+          is_read: true,
+          params: "{'booking_id': 4736}",
+          type: 'NEWS',
+        },
+      ],
     };
     mock
       .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+      .reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });

package/src/screens/Notification/index.js

@@ -17,10 +17,9 @@ import { useSCContextSelector } from '../../context';
 import { notImplemented } from '../../utils/Utils';
 import { useReceiveNotifications } from '../../hooks';
 
-let page = 1;
-
 const Notification = memo(() => {
   const t = useTranslations();
+  const [page, setPage] = useState(1);
   const user = useSCContextSelector((state) => state?.auth?.account?.user);
   const [notifications, setNotifications] = useState([]);
   const [maxPageNotification, setMaxPageNotification] = useState(1);
@@ -60,27 +59,21 @@ const Notification = memo(() => {
     }
   }, []);
 
-  useFocusEffect(
-    useCallback(() => {
-      fetchNotifications(1);
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [])
-  );
-
   const handleOnLoadMore = useCallback(() => {
-    page += 1;
-    if (page <= maxPageNotification) {
-      fetchNotifications(page);
+    setPage((preState) => preState + 1);
+    if (page < maxPageNotification) {
+      fetchNotifications(page + 1);
     }
-  }, [maxPageNotification, fetchNotifications]);
+  }, [page, maxPageNotification, fetchNotifications]);
 
   const onRefresh = useCallback(async () => {
-    page = 1;
+    setPage(1);
     const { success, data } = await axiosGet(
       API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, '')
     );
     if (success) {
       setNotifications(data.results);
+      setMaxPageNotification(Math.ceil(data.count / 10));
     }
   }, []);
 
@@ -91,6 +84,13 @@ const Notification = memo(() => {
     return () => unwatchNotificationData(user);
   }, [user, onRefresh]);
 
+  useFocusEffect(
+    useCallback(() => {
+      onRefresh();
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [])
+  );
+
   return (
     <View style={styles.wrap}>
       <WrapHeaderScrollable

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

@@ -9,11 +9,7 @@ import ScriptDetail from '..';
 import MenuActionMore from '../../../commons/MenuActionMore';
 import AlertAction from '../../../commons/AlertAction';
 import _TextInput from '../../../commons/Form/TextInput';
-import {
-  AUTOMATE_SELECT,
-  AUTOMATE_TYPE,
-  AccessibilityLabel,
-} from '../../../configs/Constants';
+import { AUTOMATE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
 import { API } from '../../../configs';
 import { TouchableOpacity } from 'react-native';
 import Routes from '../../../utils/Route';
@@ -223,12 +219,10 @@ describe('Test ScriptDetail', () => {
     await act(async () => {
       await button.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.SelectSensorDevices, {
+    expect(mockNavigate).toHaveBeenCalledWith(Routes.SelectControlDevices, {
       unit: route.params.unit,
       automateId: route.params.id,
-      isCreateNewAction: true,
       scriptName: route.params.name,
-      title: AUTOMATE_SELECT.SELECT_DEVICE,
       type: AUTOMATE_TYPE.ONE_TAP,
       oldType: AUTOMATE_TYPE.ONE_TAP,
       automate: route.params.automate,

package/src/screens/ScriptDetail/index.js

@@ -34,16 +34,13 @@ import Routes from '../../utils/Route';
 import { ToastBottomHelper } from '../../utils/Utils';
 import ItemAutomate from '../../commons/Automate/ItemAutomate';
 import withPreventDoubleClick from '../../commons/WithPreventDoubleClick';
-import {
-  AUTOMATE_SELECT,
-  AUTOMATE_TYPE,
-  STATE_VALUE_SENSOR_TYPES,
-} from '../../configs/Constants';
+import { AUTOMATE_TYPE } from '../../configs/Constants';
 import { popAction } from '../../navigations/utils';
 import { AccessibilityLabel } from '../../configs/Constants';
 import useKeyboardAnimated from '../../hooks/Explore/useKeyboardAnimated';
-import { REPEAT_OPTIONS } from '../SetSchedule/components/RepeatOptionsPopup';
 import { useSCContextSelector } from '../../context';
+import { useGetEvaluateValue } from '../Device/hooks/useEvaluateValue';
+import { generateAutomationConditionText } from './utils';
 
 const PreventDoubleTouch = withPreventDoubleClick(TouchableOpacity);
 
@@ -67,6 +64,7 @@ const ScriptDetail = ({ route }) => {
     isCreateNewAction,
     isMultiUnits,
   } = params;
+  const valueEvaluation = useGetEvaluateValue(automate?.config_id);
   const [scriptName, setScriptName] = useState(name);
   const [inputName, setInputName] = useState(name);
   const [
@@ -203,12 +201,10 @@ const ScriptDetail = ({ route }) => {
       automateId: id,
       type,
       oldType: type,
-      isCreateNewAction: true,
-      title: AUTOMATE_SELECT.SELECT_DEVICE,
       automate,
     };
     navigate(
-      isMultiUnits ? Routes.SelectUnit : Routes.SelectSensorDevices,
+      isMultiUnits ? Routes.SelectUnit : Routes.SelectControlDevices,
       navParams
     );
   }, [unit, scriptName, id, type, navigate, isMultiUnits, automate]);
@@ -356,85 +352,10 @@ const ScriptDetail = ({ route }) => {
 
   const isHaveScriptActions = data?.length > 0;
 
-  const textCondition = useMemo(() => {
-    if (
-      [AUTOMATE_TYPE.VALUE_CHANGE, AUTOMATE_TYPE.EVENT_SENSOR].includes(type)
-    ) {
-      const { condition, config_name, value, sensor_type } =
-        automate?.value_change || automate?.event_sensor;
-      const stateConditionData = STATE_VALUE_SENSOR_TYPES.find(
-        (i) => i.type === sensor_type
-      );
-      const isNumberValue = !stateConditionData;
-
-      let text;
-      if (condition === '>') {
-        text = 'higher_than';
-      } else if (condition === '<') {
-        text = 'lower_than';
-      } else if (condition === '=') {
-        text = isNumberValue ? 'equal' : stateConditionData?.stateValue[value];
-      }
-      return `${config_name} ${t(text)} ${isNumberValue ? value : ''}`;
-    } else if (type === AUTOMATE_TYPE.SCHEDULE) {
-      const { repeat, time_repeat, date_repeat, weekday_repeat } =
-        automate?.schedule;
-      const time =
-        time_repeat?.length >= 8
-          ? time_repeat.substring(0, time_repeat?.length - 3)
-          : time_repeat;
-      const date = date_repeat?.split('-').reverse().join('/');
-      const weekday = {
-        1: t('mon'),
-        2: t('tue'),
-        3: t('wed'),
-        4: t('thu'),
-        5: t('fri'),
-        6: t('sat'),
-        0: t('sun'),
-      };
-
-      if (repeat === REPEAT_OPTIONS.ONCE) {
-        return `${time} ${date}`;
-      } else if (repeat === REPEAT_OPTIONS.EVERYDAY) {
-        return `${t('every_day_at', { time })}`;
-      } else if (repeat === REPEAT_OPTIONS.EVERYWEEK) {
-        //sort 0 is last number, exp: [1,3,5,0]
-        const newWeekdayRepeat = weekday_repeat.map((item) =>
-          parseInt(item, 10)
-        );
-        const sortWeekday = newWeekdayRepeat.sort((a, b) => {
-          if (a !== 0 && b === 0) {
-            return -1;
-          }
-          if (a === 0 && b !== 0) {
-            return 1;
-          }
-          return a - b;
-        });
-        const textWeekday = sortWeekday.map((item) => weekday[item]).join(', ');
-        return `${textWeekday} ${t('at')} ${time}`;
-      }
-    } else if (
-      [AUTOMATE_TYPE.EVENT, AUTOMATE_TYPE.EVENT_ACTION].includes(type)
-    ) {
-      const { action, end_device_name, config_name, sensor_type, value } =
-        automate?.event || automate?.event_action || automate?.event_sensor;
-      let textEvent = '';
-      if (config_name) {
-        const stateConditionData = STATE_VALUE_SENSOR_TYPES.find(
-          (i) => i.type === sensor_type
-        );
-        textEvent = `${config_name} - ${t(
-          stateConditionData.stateValue[value]
-        )}`;
-      } else {
-        textEvent = `${end_device_name} - ${action}`;
-      }
-      return textEvent;
-    }
-    return null;
-  }, [t, automate, type]);
+  const textCondition = useMemo(
+    () => generateAutomationConditionText(type, automate, valueEvaluation, t),
+    [type, automate, valueEvaluation, t]
+  );
 
   return (
     <View style={styles.wrap}>

package/src/screens/ScriptDetail/utils.js

@@ -0,0 +1,112 @@
+import { AUTOMATE_TYPE } from '../../configs/Constants';
+import { REPEAT_OPTIONS } from '../SetSchedule/components/RepeatOptionsPopup';
+
+export const generateAutomationDataConditionText = (
+  type,
+  automateData,
+  valueEvaluation,
+  t
+) => {
+  let automate = {
+    ...automateData,
+    config_name: automateData.name,
+  };
+  if ([AUTOMATE_TYPE.VALUE_CHANGE, AUTOMATE_TYPE.EVENT_SENSOR].includes(type)) {
+    automate = { value_change: automate };
+  } else if (type === AUTOMATE_TYPE.SCHEDULE) {
+    automate = { schedule: automate };
+  } else if ([AUTOMATE_TYPE.EVENT, AUTOMATE_TYPE.EVENT_ACTION].includes(type)) {
+    automate = { event: automate };
+  }
+  return generateAutomationConditionText(type, automate, valueEvaluation, t);
+};
+
+export const getAutomationData = (type, automate) => {
+  if ([AUTOMATE_TYPE.VALUE_CHANGE, AUTOMATE_TYPE.EVENT_SENSOR].includes(type)) {
+    return automate?.value_change || automate?.event_sensor;
+  } else if (type === AUTOMATE_TYPE.SCHEDULE) {
+    return automate?.schedule;
+  } else if ([AUTOMATE_TYPE.EVENT, AUTOMATE_TYPE.EVENT_ACTION].includes(type)) {
+    return automate?.event || automate?.event_action || automate?.event_sensor;
+  }
+  return null;
+};
+
+export const generateAutomationConditionText = (
+  type,
+  automate,
+  valueEvaluation,
+  t
+) => {
+  if ([AUTOMATE_TYPE.VALUE_CHANGE, AUTOMATE_TYPE.EVENT_SENSOR].includes(type)) {
+    const { condition, config_name, value } =
+      automate?.value_change || automate?.event_sensor;
+
+    if (condition === 'value_evaluation' && valueEvaluation) {
+      return `${config_name} ${t('is')} ${
+        valueEvaluation.configuration.ranges[value]?.evaluate.text
+      }`;
+    }
+
+    let text;
+    if (condition === '>') {
+      text = 'higher_than';
+    } else if (condition === '<') {
+      text = 'lower_than';
+    } else if (condition === '=') {
+      text = 'equal';
+    }
+    return `${config_name} ${t(text)} ${value}`;
+  } else if (type === AUTOMATE_TYPE.SCHEDULE) {
+    const { repeat, time_repeat, date_repeat, weekday_repeat } =
+      automate?.schedule;
+    const time =
+      time_repeat?.length >= 8
+        ? time_repeat.substring(0, time_repeat?.length - 3)
+        : time_repeat;
+    const date = date_repeat?.split('-').reverse().join('/');
+    const weekday = {
+      1: t('mon'),
+      2: t('tue'),
+      3: t('wed'),
+      4: t('thu'),
+      5: t('fri'),
+      6: t('sat'),
+      0: t('sun'),
+    };
+
+    if (repeat === REPEAT_OPTIONS.ONCE) {
+      return `${time} ${date}`;
+    } else if (repeat === REPEAT_OPTIONS.EVERYDAY) {
+      return `${t('every_day_at', { time })}`;
+    } else if (repeat === REPEAT_OPTIONS.EVERYWEEK) {
+      //sort 0 is last number, exp: [1,3,5,0]
+      const newWeekdayRepeat = weekday_repeat.map((item) => parseInt(item, 10));
+      const sortWeekday = newWeekdayRepeat.sort((a, b) => {
+        if (a !== 0 && b === 0) {
+          return -1;
+        }
+        if (a === 0 && b !== 0) {
+          return 1;
+        }
+        return a - b;
+      });
+      const textWeekday = sortWeekday.map((item) => weekday[item]).join(', ');
+      return `${textWeekday} ${t('at')} ${time}`;
+    }
+  } else if ([AUTOMATE_TYPE.EVENT, AUTOMATE_TYPE.EVENT_ACTION].includes(type)) {
+    const { action, end_device_name, config_name, value } =
+      automate?.event || automate?.event_action || automate?.event_sensor;
+    let textEvent = '';
+    if (config_name) {
+      const stateConditionData = null;
+      textEvent = `${config_name} - ${t(
+        stateConditionData?.stateValue[value]
+      )}`;
+    } else {
+      textEvent = `${end_device_name} - ${action}`;
+    }
+    return textEvent;
+  }
+  return null;
+};

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

@@ -59,7 +59,6 @@ describe('Test Select unit screen', () => {
         isAutomateTab: true,
         isMultiUnits: true,
         routeName: 'test',
-        isCreateNewAction: false,
       },
     });
     const response = {
@@ -96,7 +95,6 @@ describe('Test Select unit screen', () => {
         isAutomateTab: true,
         isMultiUnits: true,
         routeName: 'test',
-        isCreateNewAction: false,
       },
     });
 
@@ -119,7 +117,6 @@ describe('Test Select unit screen', () => {
     useRoute.mockReturnValue({
       params: {
         automateId: 1,
-        isCreateNewAction: true,
         scriptName: '1',
         title: 'select_device',
         type: 'value_change',
@@ -162,7 +159,6 @@ describe('Test Select unit screen', () => {
     useRoute.mockReturnValue({
       params: {
         automateId: 1,
-        isCreateNewAction: true,
         scriptName: '1',
         title: 'select_device',
         type: 'value_change',
@@ -189,7 +185,6 @@ describe('Test Select unit screen', () => {
     expect(mockNavigate).toBeCalledWith(Routes.ScriptDetail, {
       id: 1,
       havePermission: true,
-      isCreateNewAction: true,
       isMultiUnits: undefined,
       name: '1',
       type: undefined,

package/src/screens/SelectUnit/index.js

@@ -67,11 +67,10 @@ const SelectUnit = () => {
 
   const onContinue = useCallback(() => {
     navigate(
-      isCreateNewAction || !routeName ? Routes.SelectSensorDevices : routeName,
+      isCreateNewAction || !routeName ? Routes.SelectMonitorDevices : routeName,
       {
         ...params,
         automate,
-        title,
         selectedItem,
         type,
         isAutomateTab,

package/src/screens/Sharing/Components/TitleCheckBox.js

@@ -1,4 +1,4 @@
-import React, { memo, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Text } from 'react-native';
 import { CheckBoxCustom } from '.';
 import t from '../../../hooks/Common/useTranslations';
@@ -48,4 +48,4 @@ const TitleCheckBox = ({
   );
 };
 
-export default memo(TitleCheckBox);
+export default TitleCheckBox;

package/src/screens/SmartAccount/SuccessfullyConnected/__test__/SuccessfullyConnected.test.js

@@ -86,7 +86,7 @@ describe('Test SuccessfullyConnected', () => {
       ],
     });
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     await flushPromises();
     const instance = tree.root;
@@ -101,7 +101,7 @@ describe('Test SuccessfullyConnected', () => {
 
   it('render function handleContinue ', async () => {
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const handleContinue = instance.find(
@@ -123,7 +123,7 @@ describe('Test SuccessfullyConnected', () => {
   });
   it('render function handleFinish ', async () => {
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
 

package/src/screens/SmartAccount/__test__/Connecting.test.js

@@ -44,7 +44,7 @@ describe('Test Connecting', () => {
       },
     };
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);