@eohjsc/react-native-smart-city 0.7.3-rc0 → 0.7.3-rc10

package/src/screens/Automate/SetSchedule/__test__/index.test.js

@@ -1,34 +1,37 @@
+import { useNavigation, useRoute } from '@react-navigation/native';
+import moment from 'moment';
 import React from 'react';
 import { act, create } from 'react-test-renderer';
+import BottomButtonView from '../../../../commons/BottomButtonView';
+import Calendar from '../../../../commons/Calendar';
+import WheelDateTimePicker from '../../../../commons/WheelDateTimePicker';
+import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
-import SetSchedule from '../index';
-import RowItem from '../components/RowItem';
-import WheelDateTimePicker from '../../../../commons/WheelDateTimePicker';
+import Routes from '../../../../utils/Route';
 import RepeatOptionsPopup, {
   REPEAT_OPTIONS,
 } from '../components/RepeatOptionsPopup';
-import Calendar from '../../../../commons/Calendar';
-import BottomButtonView from '../../../../commons/BottomButtonView';
-import Routes from '../../../../utils/Route';
+import RowItem from '../components/RowItem';
 import SelectWeekday from '../components/SelectWeekday';
-import moment from 'moment';
-import { useNavigation } from '@react-navigation/native';
-import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
+import SetSchedule from '../index';
 
-const wrapComponent = (route) => (
-  <SCProvider initState={mockSCStore({})}>
-    <SetSchedule route={route} />
-  </SCProvider>
-);
+const wrapComponent = (route) => {
+  useRoute.mockReturnValue(route);
+  return (
+    <SCProvider initState={mockSCStore({})}>
+      <SetSchedule route={route} />
+    </SCProvider>
+  );
+};
 
 describe('Test SetSchedule', () => {
   let tree;
   let route = {
     params: {
-      type: 'schedule',
-      unit: { id: 1 },
-      isAutomateTab: true,
+      automate: { type: 'schedule', unit: 1 },
+      unitId: 1,
+      closeScreen: 'UnitDetail',
     },
   };
 
@@ -70,7 +73,11 @@ describe('Test SetSchedule', () => {
     await act(async () => {
       await header.props.onPress();
     });
-    expect(global.mockedNavigate).toBeCalledWith(undefined);
+    expect(global.mockedNavigate).toHaveBeenCalledWith('UnitDetail', {
+      automate: { type: 'schedule', unit: 1 },
+      closeScreen: 'UnitDetail',
+      unitId: 1,
+    });
   });
 
   it('test repeat options popup', async () => {
@@ -137,7 +144,10 @@ describe('Test SetSchedule', () => {
         repeat: 'once',
         time_repeat: '12:00:00',
         weekday_repeat: [],
+        type: 'schedule',
+        unit: 1,
       },
+      closeScreen: 'UnitDetail',
     });
   });
 });

package/src/screens/Automate/SetSchedule/index.js

@@ -1,19 +1,19 @@
-import React, { memo, useCallback, useState } from 'react';
-import { ScrollView } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import moment from 'moment';
-import WheelDateTimePicker from '../../../commons/WheelDateTimePicker';
+import React, { memo, useCallback, useState } from 'react';
+import { ScrollView } from 'react-native';
 import Calendar from '../../../commons/Calendar';
+import WheelDateTimePicker from '../../../commons/WheelDateTimePicker';
+import { useBoolean } from '../../../hooks/Common';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
+import Routes from '../../../utils/Route';
+import NewActionWrapper from '../AddNewAction/NewActionWrapper';
 import RepeatOptionsPopup, {
   REPEAT_OPTIONS,
 } from './components/RepeatOptionsPopup';
 import RowItem from './components/RowItem';
 import SelectWeekday from './components/SelectWeekday';
-import { useBoolean } from '../../../hooks/Common';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import styles from './styles/indexStyles';
-import Routes from '../../../utils/Route';
-import NewActionWrapper from '../AddNewAction/NewActionWrapper';
 
 const SetSchedule = ({ route }) => {
   const t = useTranslations();

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
 import { useRoute } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import DraggableFlatList from 'react-native-draggable-flatlist';
+import { act, create } from 'react-test-renderer';
 
 import ChangePosition from '../';
+import BottomButtonView from '../../../commons/BottomButtonView';
+import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
 import { ToastBottomHelper } from '../../../utils/Utils';
-import BottomButtonView from '../../../commons/BottomButtonView';
 
 const mock = new MockAdapter(api.axiosInstance);
 const mockSetDisplay = jest.fn();
@@ -60,6 +60,6 @@ describe('Test ChangePosition', () => {
     expect(global.mockedGoBack).toHaveBeenCalled();
     expect(mockFetchData).toHaveBeenCalled();
     expect(mockSetDisplay).toHaveBeenCalled();
-    expect(spyToastSuccess).toBeCalledWith('Updated widget successfully');
+    expect(spyToastSuccess).toHaveBeenCalledWith('Updated widget successfully');
   });
 });

package/src/screens/ChangePosition/index.js

@@ -49,7 +49,8 @@ const ChangePosition = () => {
     }
   };
 
-  const renderItem = ({ item, index, drag, isActive }) => {
+  const renderItem = ({ item, getIndex, drag, isActive }) => {
+    const index = getIndex();
     return (
       <View style={styles.widgetItem}>
         <View style={[styles.itemOrder, isActive ? styles.isDragging : {}]}>

package/src/screens/Device/EditDevice/__test__/EditDevice.test.js

@@ -1,18 +1,18 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import { act, create } from 'react-test-renderer';
 
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
+import { useRoute } from '@react-navigation/native';
+import Toast from 'react-native-toast-message';
 import EditDevice from '..';
 import AlertAction from '../../../../commons/AlertAction';
 import _TextInput from '../../../../commons/Form/TextInput';
-import { AccessibilityLabel } from '../../../../configs/Constants';
 import { API } from '../../../../configs';
-import { useRoute } from '@react-navigation/native';
+import { AccessibilityLabel } from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
 import api from '../../../../utils/Apis/axios';
-import Toast from 'react-native-toast-message';
 import { getTranslate } from '../../../../utils/I18n';
 
 const wrapComponent = (route) => (
@@ -96,7 +96,7 @@ describe('Test EditDevice', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
       text1: getTranslate('en', 'rename_failed'),
@@ -148,7 +148,7 @@ describe('Test EditDevice', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
       text1: getTranslate('en', 'remove_failed'),

package/src/screens/Device/__test__/detail.test.js

@@ -1,24 +1,24 @@
+import { NavigationContext, useNavigation } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { Alert, ScrollView } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import { NavigationContext, useNavigation } from '@react-navigation/native';
 
-import DeviceDetail from '../detail';
-import { API } from '../../../configs';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import { AlertAction, ButtonPopup, MenuActionMore } from '../../../commons';
+import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
 import { AlertSendConfirm } from '../../../commons/EmergencyButton/AlertSendConfirm';
 import { AlertSent } from '../../../commons/EmergencyButton/AlertSent';
-import { AlertAction, ButtonPopup, MenuActionMore } from '../../../commons';
-import { AccessibilityLabel } from '../../../configs/Constants';
 import Text from '../../../commons/Text';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
-import { getTranslate } from '../../../utils/I18n';
+import { API } from '../../../configs';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import Routes from '../../../utils/Route';
-import api from '../../../utils/Apis/axios';
 import { useWatchConfigs } from '../../../hooks/IoT';
+import api from '../../../utils/Apis/axios';
+import { getTranslate } from '../../../utils/I18n';
+import Routes from '../../../utils/Route';
+import DeviceDetail from '../detail';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -755,7 +755,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       await create(wrapComponent(store, account, route));
     });
-    expect(mockAlertShow).not.toBeCalled();
+    expect(mockAlertShow).not.toHaveBeenCalled();
   });
 
   it('Test fetchUnitDetail', async () => {

package/src/screens/Device/__test__/mqttDetail.test.js

@@ -1,22 +1,22 @@
+import { NavigationContext } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
+import mqtt from 'precompiled-mqtt/dist/mqtt.browser';
 import React from 'react';
 import { Alert } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import mqtt from 'precompiled-mqtt/dist/mqtt.browser';
-import { NavigationContext } from '@react-navigation/native';
 
-import DeviceDetail from '../detail';
+import QualityIndicatorItem from '../../../commons/Device/WaterQualitySensor/QualityIndicatorsItem';
 import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import { watchMultiConfigs } from '../../../iot/Monitor';
+import { setConfigGlobalState } from '../../../iot/states';
 import api from '../../../utils/Apis/axios';
 import {
-  gatewayDataFactory,
   configDataFactory,
+  gatewayDataFactory,
 } from '../../../utils/FactoryGateway';
-import QualityIndicatorItem from '../../../commons/Device/WaterQualitySensor/QualityIndicatorsItem';
-import { watchMultiConfigs } from '../../../iot/Monitor';
-import { setConfigGlobalState } from '../../../iot/states';
+import DeviceDetail from '../detail';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -194,7 +194,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       tree.unmount();
     });
-    expect(client.end).toBeCalled();
+    expect(client.end).toHaveBeenCalled();
   });
 
   const _receiveDataOnDeviceDetail = async (widgetConfigs, topic, message) => {

package/src/screens/Device/components/SensorDisplayItem.js

@@ -13,19 +13,19 @@ import ListQualityIndicator from '../../../commons/Device/WaterQualitySensor/Lis
 import Compass from '../../../commons/Device/WindDirection/Compass';
 import Anemometer from '../../../commons/Device/WindSpeed/Anemometer';
 import MediaPlayerDetail from '../../../commons/MediaPlayerDetail';
+import IFrame from '../../../commons/Widgets/IFrame/IFrame';
+import IFrameWithConfig from '../../../commons/Widgets/IFrameWithConfig/IFrameWithConfig';
+import { Device } from '../../../configs';
 import { AccessibilityLabel, WIDGET_TYPE } from '../../../configs/Constants';
 import { useSCContextSelector } from '../../../context';
 import { useRemoteControl } from '../../../hooks/IoT';
 import { useConfigGlobalState } from '../../../iot/states';
 import SmartIr from '../../../screens/SmartIr';
+import { standardizeCameraScreenSize } from '../../../utils/Utils';
 import { useEvaluateValue } from '../hooks/useEvaluateValue';
 import styles from '../styles';
-import VisualChart from './VisualChart';
-import { standardizeCameraScreenSize } from '../../../utils/Utils';
-import { Device } from '../../../configs';
 import DonutCharts from './DonutChart';
-import IFrame from '../../../commons/Widgets/IFrame/IFrame';
-import IFrameWithConfig from '../../../commons/Widgets/IFrameWithConfig/IFrameWithConfig';
+import VisualChart from './VisualChart';
 
 const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
   Device.screenWidth - 32

package/src/screens/Drawer/Drawer.test.js

@@ -1,10 +1,10 @@
+import { useNavigation } from '@react-navigation/native';
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import AccessibilityLabel from '../../configs/AccessibilityLabel';
 import { SCProvider } from '../../context';
 import { mockSCStore } from '../../context/mockStore';
 import Drawer, { Row } from './index';
-import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (initState = mockSCStore({})) => (
   <SCProvider initState={initState}>
@@ -35,7 +35,7 @@ describe('Drawer', () => {
     await act(async () => {
       await rows[2].props.onPress();
     });
-    expect(dispatch).toBeCalledWith({
+    expect(dispatch).toHaveBeenCalledWith({
       payload: { index: 0, routes: [{ name: 'Main' }] },
       type: 'RESET',
     });

package/src/screens/EmergencyContacts/__test__/EmergencyContactsSelectContacts.test.js

@@ -1,16 +1,16 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import Toast from 'react-native-toast-message';
+import { act, create } from 'react-test-renderer';
 
-import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
+import { ViewButtonBottom } from '../../../commons';
+import { API } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { API } from '../../../configs';
-import { ViewButtonBottom } from '../../../commons';
 import api from '../../../utils/Apis/axios';
 import { getTranslate } from '../../../utils/I18n';
+import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -79,7 +79,7 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
       text1: getTranslate('en', 'saving_contact_successful'),
@@ -98,7 +98,7 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
       text1: getTranslate('en', 'create_contact_failed'),

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

@@ -1,15 +1,15 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
-import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
+import { act, create } from 'react-test-renderer';
 
+import { useNavigation } from '@react-navigation/native';
+import { API } from '../../../configs';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import EnterPassword from '../index';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
-import { useNavigation } from '@react-navigation/native';
+import EnterPassword from '../index';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -103,7 +103,7 @@ describe('Test EnterPassword', () => {
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(navigate).toBeCalled();
+    expect(navigate).toHaveBeenCalled();
   });
 
   it('test EnterPassword button failure', async () => {
@@ -125,6 +125,6 @@ describe('Test EnterPassword', () => {
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(navigate).not.toBeCalled();
+    expect(navigate).not.toHaveBeenCalled();
   });
 });

package/src/screens/GuestInfo/components/__test__/AccessScheduleSheet.test.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { create, act } from 'react-test-renderer';
+import { act, create } from 'react-test-renderer';
 
+import BottomSheet from '../../../../commons/BottomSheet';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import AccessScheduleSheet from '../AccessScheduleSheet';
-import BottomSheet from '../../../../commons/BottomSheet';
 
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
@@ -47,6 +47,6 @@ describe('AccessScheduleSheet', () => {
     await act(async () => {
       bottomSheet[0].props.onBackdropPress();
     });
-    expect(mockOnHide).toBeCalled();
+    expect(mockOnHide).toHaveBeenCalled();
   });
 });

package/src/screens/HanetCamera/__test__/Detail.test.js

@@ -1,18 +1,18 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { FlatList } from 'react-native';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import { act, create } from 'react-test-renderer';
 
+import moment from 'moment';
+import { MenuActionMore } from '../../../commons';
+import Calendar from '../../../commons/Calendar';
+import { API } from '../../../configs';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
 import HanetCameraDetail from '../Detail';
 import CheckinHeader from '../components/CheckinHeader';
-import moment from 'moment';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import Calendar from '../../../commons/Calendar';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
-import { MenuActionMore } from '../../../commons';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -103,7 +103,7 @@ describe('Test HanetCameraDetail', () => {
     expect(textCountStranger.props.children).toBe(1);
     const MenuActionMores = instance.findByType(MenuActionMore);
     await MenuActionMores.props.onItemClick({ data: 'test' });
-    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 
   it('Test change date', async () => {

package/src/screens/HanetCamera/__test__/MemberInfo.test.js

@@ -1,19 +1,19 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import { act, create } from 'react-test-renderer';
 
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import HanetMemberInfo from '../MemberInfo';
+import { useNavigation } from '@react-navigation/native';
 import { AlertAction } from '../../../commons';
-import TextInput from '../../../commons/Form/TextInput';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import BottomSheet from '../../../commons/BottomSheet';
+import TextInput from '../../../commons/Form/TextInput';
+import { API } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
-import { useNavigation } from '@react-navigation/native';
+import HanetMemberInfo from '../MemberInfo';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -113,7 +113,7 @@ describe('Test HanetMemberInfo', () => {
     await chooseSetFaceIDOption(instance, 0);
 
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(navigate).toBeCalled(); // navigate to HanetCaptureFaceID
+    expect(navigate).toHaveBeenCalled(); // navigate to HanetCaptureFaceID
   });
 
   it('Test set photo id choose file', async () => {
@@ -176,6 +176,6 @@ describe('Test HanetMemberInfo', () => {
     await act(async () => {
       await bottomButton.props.onPressMain();
     });
-    expect(navigate).toBeCalled();
+    expect(navigate).toHaveBeenCalled();
   });
 });

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

@@ -1,17 +1,17 @@
-import React from 'react';
-import MockAdapter from 'axios-mock-adapter';
-import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import { TouchableOpacity } from 'react-native';
+import { create } from 'react-test-renderer';
 
-import { AccessibilityLabel } from '../../../configs/Constants';
-import { API } from '../../../configs';
+import { useNavigation } from '@react-navigation/native';
 import MoveToAnotherSubUnit from '../';
+import BottomButtonView from '../../../commons/BottomButtonView';
+import { API } from '../../../configs';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import BottomButtonView from '../../../commons/BottomButtonView';
 import api from '../../../utils/Apis/axios';
-import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -128,7 +128,7 @@ describe('Test Render ListSubUnit', () => {
       await bottomButtonView.props.onPressMain();
     });
 
-    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
     const touchableOpacities = instance.findAllByType(TouchableOpacity);
     await act(async () => {
       await touchableOpacities[2].props.onPress();
@@ -140,6 +140,6 @@ describe('Test Render ListSubUnit', () => {
     await act(async () => {
       await bottomButtonView.props.onPressMain();
     });
-    expect(global.mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 });

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

@@ -1,19 +1,19 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
+import { NavigationContext } from '@react-navigation/native';
 import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import { Animated, RefreshControl } from 'react-native';
-import { NavigationContext } from '@react-navigation/native';
+import { act, create } from 'react-test-renderer';
 
+import { WrapHeaderScrollable } from '../../../commons';
+import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import Notification from '../index';
-import NotificationItem from '../components/NotificationItem';
-import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
-import { WrapHeaderScrollable } from '../../../commons';
+import NotificationItem from '../components/NotificationItem';
+import Notification from '../index';
 
-import { getPusher } from '../../../utils/Pusher';
 import { NOTIFICATION_TYPES } from '../../../configs/Constants';
+import { getPusher } from '../../../utils/Pusher';
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -155,7 +155,7 @@ describe('test Notification', () => {
       tree = await create(wrapComponent());
       await tree.unmount();
     });
-    expect(getPusher().unsubscribe).toBeCalledWith('private-user-1');
+    expect(getPusher().unsubscribe).toHaveBeenCalledWith('private-user-1');
   });
   it('test render trigger script notification', async () => {
     const response = {

package/src/screens/Notification/components/NotificationItem.js

@@ -72,8 +72,7 @@ const NotificationItem = memo(({ item }) => {
           },
           iconContent: (
             <IconComponent
-              icon={'usergroup-add'}
-              outlined
+              icon={'addusergroup'}
               style={styles.backgroundSummer}
             />
           ),

package/src/screens/Notification/styles/NotificationItemStyles.js

@@ -31,7 +31,6 @@ export default StyleSheet.create({
     lineHeight: 23,
   },
   backgroundSummer: {
-    width: '46%',
     color: Colors.Summer,
   },
   logo: {

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

@@ -5,11 +5,11 @@ import { Calendar } from 'react-native-calendars';
 
 import { act, create } from 'react-test-renderer';
 import PlayBackCamera from '..';
+import MediaPlayerFull from '../../../commons/MediaPlayerDetail/MediaPlayerFull';
 import Text from '../../../commons/Text';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import MediaPlayerFull from '../../../commons/MediaPlayerDetail/MediaPlayerFull';
 import Timer from '../Timer';
 
 const wrapComponent = () => (

package/src/screens/ScanChipQR/components/QRScan/__test__/QRScan.test.js

@@ -48,6 +48,6 @@ describe('Test QRScan', () => {
     await act(async () => {
       RNCam.props.onBarCodeRead(e);
     });
-    expect(mockedOnScan).toBeCalled();
+    expect(mockedOnScan).toHaveBeenCalled();
   });
 });