@eohjsc/react-native-smart-city 0.7.3-rc6 → 0.7.3-rc8

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 
-import SelectModbusGateway from '../SelectModbusGateway';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import SelectGateway from '../../../commons/SelectGateway';
-import Routes from '../../../utils/Route';
 import { useNavigation } from '@react-navigation/native';
 import MockAdapter from 'axios-mock-adapter';
+import SelectGateway from '../../../commons/SelectGateway';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
+import Routes from '../../../utils/Route';
+import SelectModbusGateway from '../SelectModbusGateway';
 
 new MockAdapter(api.axiosInstance);
 
@@ -60,7 +60,7 @@ describe('Test select modbus gateway', () => {
       selectGateway.props.onPressNext({ id: 3 });
     });
 
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.ConnectingModbusDevice,
       {
         unit: {

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 
-import SelectZigbeeGateway from '../SelectZigbeeGateway';
+import { useNavigation } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
+import SelectGateway from '../../../commons/SelectGateway';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import SelectGateway from '../../../commons/SelectGateway';
-import Routes from '../../../utils/Route';
-import MockAdapter from 'axios-mock-adapter';
 import api from '../../../utils/Apis/axios';
-import { useNavigation } from '@react-navigation/native';
+import Routes from '../../../utils/Route';
+import SelectZigbeeGateway from '../SelectZigbeeGateway';
 
 new MockAdapter(api.axiosInstance);
 
@@ -60,7 +60,7 @@ describe('Test select zigbee gateway', () => {
       selectGateway.props.onPressNext({ id: 3 });
     });
 
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.ZigbeeDeviceConnectGuide,
       {
         unit: {

package/src/screens/AddNewGateway/hooks/__Tests__/useWifiManage.test.js

@@ -1,7 +1,7 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 
-import { useWifiManage } from '../useWifiManage';
 import WifiManager from 'react-native-wifi-reborn';
+import { useWifiManage } from '../useWifiManage';
 
 describe('Test useWifiManage', () => {
   it('test getCurrentWifiSSID', async () => {
@@ -18,6 +18,6 @@ describe('Test useWifiManage', () => {
     await act(async () => {
       await result.current.disconnectWifi(123);
     });
-    expect(WifiManager.disconnectFromSSID).toBeCalledWith(123);
+    expect(WifiManager.disconnectFromSSID).toHaveBeenCalledWith(123);
   });
 });

package/src/screens/AllGateway/DetailConfigActionModbus/__test__/index.test.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
 import { useRoute } from '@react-navigation/native';
+import React from 'react';
+import { act, create } from 'react-test-renderer';
 
+import DetailConfigActionModbus from '..';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
-import DetailConfigAction from '../../components/DetailConfigAction';
-import DetailActionModbus from '../../components/DetailActionModbus';
 import Routes from '../../../../utils/Route';
-import DetailConfigActionModbus from '..';
+import DetailActionModbus from '../../components/DetailActionModbus';
+import DetailConfigAction from '../../components/DetailConfigAction';
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -93,7 +93,7 @@ describe('Test DetailConfigActionZigbee', () => {
       })();
     });
     expect(detailActionModbus).toHaveLength(1);
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailChildConfigActionModbus,
       {
         isChildAction: true,

package/src/screens/AllGateway/DeviceInternalDetail/__test__/index.test.js

@@ -1,23 +1,25 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import { useRoute } from '@react-navigation/native';
 import SegmentedControl from '@react-native-segmented-control/segmented-control';
+import { useRoute } from '@react-navigation/native';
+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 { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
 import DeviceInternalDetail from '..';
 import { HeaderCustom } from '../../../../commons';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-import Routes from '../../../../utils/Route';
-import TabPaneCT from '../../components/TabPaneCT';
 import MenuActionMore from '../../../../commons/MenuActionMore';
-import api from '../../../../utils/Apis/axios';
+import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { API } from '../../../../configs';
-import { PERMISSION_TYPE } from '../../../../configs/Constants';
+import {
+  AccessibilityLabel,
+  PERMISSION_TYPE,
+} from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
 import Detail from '../../components/Detail';
-import ModalPopupCT from '../../../../commons/ModalPopupCT';
+import TabPaneCT from '../../components/TabPaneCT';
 import { fetchGatewayCT, flushPromises } from '../../test-utils';
 
 const mock = new MockAdapter(api.axiosInstance);
@@ -167,8 +169,8 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(global.mockedPop).toBeCalledWith(1);
-    expect(Toast.show).toBeCalledWith({
+    expect(global.mockedPop).toHaveBeenCalledWith(1);
+    expect(Toast.show).toHaveBeenCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
       text2: undefined,
@@ -253,7 +255,7 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionInternal,
       {
         device: {
@@ -307,7 +309,7 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionInternal,
       {
         device: {
@@ -332,7 +334,7 @@ describe('Test DeviceInternalDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionInternal,
       {
         device: {

package/src/screens/AllGateway/DeviceModbusDetail/__test__/index.test.js

@@ -1,23 +1,25 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import { useRoute } from '@react-navigation/native';
 import SegmentedControl from '@react-native-segmented-control/segmented-control';
+import { useRoute } from '@react-navigation/native';
+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 { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
 import DeviceModbusDetail from '..';
 import { HeaderCustom } from '../../../../commons';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-import Routes from '../../../../utils/Route';
-import TabPaneCT from '../../components/TabPaneCT';
 import MenuActionMore from '../../../../commons/MenuActionMore';
-import api from '../../../../utils/Apis/axios';
+import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { API } from '../../../../configs';
-import { PERMISSION_TYPE } from '../../../../configs/Constants';
+import {
+  AccessibilityLabel,
+  PERMISSION_TYPE,
+} from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
 import Detail from '../../components/Detail';
-import ModalPopupCT from '../../../../commons/ModalPopupCT';
+import TabPaneCT from '../../components/TabPaneCT';
 import { fetchGatewayCT, flushPromises } from '../../test-utils';
 
 const mock = new MockAdapter(api.axiosInstance);
@@ -141,8 +143,8 @@ describe('Test DeviceModbusDetail', () => {
     });
     await flushPromises();
 
-    expect(global.mockedPop).toBeCalledWith(1);
-    expect(Toast.show).toBeCalledWith({
+    expect(global.mockedPop).toHaveBeenCalledWith(1);
+    expect(Toast.show).toHaveBeenCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
       text2: undefined,
@@ -228,7 +230,7 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionModbus,
       {
         gatewayId: 1,
@@ -262,7 +264,7 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionModbus,
       {
         gatewayId: 1,
@@ -289,7 +291,7 @@ describe('Test DeviceModbusDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionModbus,
       {
         gatewayId: 1,

package/src/screens/AllGateway/DeviceZigbeeDetail/__test__/index.test.js

@@ -1,23 +1,25 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import Toast from 'react-native-toast-message';
 import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { useRoute } from '@react-navigation/native';
+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 { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
 import DeviceZigbeeDetail from '..';
 import { HeaderCustom } from '../../../../commons';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-import Routes from '../../../../utils/Route';
-import TabPaneCT from '../../components/TabPaneCT';
 import MenuActionMore from '../../../../commons/MenuActionMore';
-import api from '../../../../utils/Apis/axios';
+import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { API } from '../../../../configs';
-import { PERMISSION_TYPE } from '../../../../configs/Constants';
+import {
+  AccessibilityLabel,
+  PERMISSION_TYPE,
+} from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
 import Detail from '../../components/Detail';
-import ModalPopupCT from '../../../../commons/ModalPopupCT';
+import TabPaneCT from '../../components/TabPaneCT';
 import { fetchGatewayCT } from '../../test-utils';
 
 const mock = new MockAdapter(api.axiosInstance);
@@ -127,8 +129,8 @@ describe('Test DeviceZigbeeDetail', () => {
       await modal.props.onPressConfirm();
     });
 
-    expect(global.mockedPop).toBeCalledWith(1);
-    expect(Toast.show).toBeCalledWith({
+    expect(global.mockedPop).toHaveBeenCalledWith(1);
+    expect(Toast.show).toHaveBeenCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
       text2: undefined,
@@ -184,7 +186,7 @@ describe('Test DeviceZigbeeDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionZigbee,
       {
         gatewayId: 1,
@@ -211,7 +213,7 @@ describe('Test DeviceZigbeeDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.DetailConfigActionZigbee,
       {
         gatewayId: 1,

package/src/screens/AllGateway/GatewayDetail/__test__/index.test.js

@@ -1,23 +1,22 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import Toast from 'react-native-toast-message';
 import SegmentedControl from '@react-native-segmented-control/segmented-control';
 import { useRoute } from '@react-navigation/native';
 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 { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
 import GatewayDetail from '..';
 import { HeaderCustom } from '../../../../commons';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-import Routes from '../../../../utils/Route';
-import TabPaneCT from '../../components/TabPaneCT';
 import MenuActionMore from '../../../../commons/MenuActionMore';
-import api from '../../../../utils/Apis/axios';
+import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { API } from '../../../../configs';
-import { DEVICE_TYPE } from '../../../../configs/Constants';
+import { AccessibilityLabel, DEVICE_TYPE } from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
 import Detail from '../../components/Detail';
-import ModalPopupCT from '../../../../commons/ModalPopupCT';
+import TabPaneCT from '../../components/TabPaneCT';
 import { flushPromises } from '../../test-utils';
 
 const mock = new MockAdapter(api.axiosInstance);
@@ -149,7 +148,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(global.mockedPop).toBeCalledWith(1);
+    expect(global.mockedPop).toHaveBeenCalledWith(1);
   });
 
   it('test render GatewayDetail onPress more and onPress Delete', async () => {
@@ -170,7 +169,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(global.mockedPop).toBeCalledWith(1);
+    expect(global.mockedPop).toHaveBeenCalledWith(1);
   });
 
   it('test render GatewayDetail onPress TabPanel internal', async () => {
@@ -221,13 +220,16 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceInternalDetail, {
-      device: 1,
-      gatewayId: 1,
-      isInternal: true,
-      isModbus: false,
-      isZigbee: false,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceInternalDetail,
+      {
+        device: 1,
+        gatewayId: 1,
+        isInternal: true,
+        isModbus: false,
+        isZigbee: false,
+      }
+    );
   });
 
   it('test render GatewayDetail onPress TabPanel zigbee onPressRow', async () => {
@@ -235,13 +237,16 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceZigbeeDetail, {
-      device: 1,
-      gatewayId: 1,
-      isInternal: false,
-      isModbus: false,
-      isZigbee: true,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceZigbeeDetail,
+      {
+        device: 1,
+        gatewayId: 1,
+        isInternal: false,
+        isModbus: false,
+        isZigbee: true,
+      }
+    );
   });
 
   it('test render GatewayDetail onPress TabPanel modbus onPressRow', async () => {
@@ -250,13 +255,16 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith(Routes.DeviceModbusDetail, {
-      device: 1,
-      gatewayId: 1,
-      isInternal: false,
-      isModbus: true,
-      isZigbee: false,
-    });
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
+      Routes.DeviceModbusDetail,
+      {
+        device: 1,
+        gatewayId: 1,
+        isInternal: false,
+        isModbus: true,
+        isZigbee: false,
+      }
+    );
   });
 
   it('test render GatewayDetail onPress TabPanel error onPressRow', async () => {
@@ -274,7 +282,7 @@ describe('Test GatewayDetail', () => {
     await act(async () => {
       await detail.props.onPressRow(1);
     });
-    expect(global.mockedNavigate).toBeCalledWith('', {
+    expect(global.mockedNavigate).toHaveBeenCalledWith('', {
       device: 1,
       gatewayId: null,
       isInternal: false,

package/src/screens/AllGateway/GatewayInfo/__test__/index.test.js

@@ -1,20 +1,20 @@
+import { useRoute } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
-import { create, act } from 'react-test-renderer';
 import { FlatList } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
-import { useRoute } from '@react-navigation/native';
+import { act, create } from 'react-test-renderer';
 
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import { HeaderCustom, Text } from '../../../../commons';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-import API from '../../../../configs/API';
-import Routes from '../../../../utils/Route';
-import api from '../../../../utils/Apis/axios';
 import GatewayInfo from '..';
-import t from '../../../../hooks/Common/useTranslations';
+import { HeaderCustom, Text } from '../../../../commons';
 import ModalPopupCT from '../../../../commons/ModalPopupCT';
 import { SCConfig } from '../../../../configs';
+import API from '../../../../configs/API';
+import { AccessibilityLabel } from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import t from '../../../../hooks/Common/useTranslations';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
 
 const mock = new MockAdapter(api.axiosInstance);
 const wrapComponent = () => (
@@ -92,7 +92,7 @@ describe('Test GatewayInfo', () => {
     await act(async () => {
       btnConnect.props.onPress();
     });
-    expect(global.mockedNavigate).toBeCalledWith(
+    expect(global.mockedNavigate).toHaveBeenCalledWith(
       Routes.GatewayConnectionMethods,
       {
         methodsConnection: [],
@@ -116,6 +116,6 @@ describe('Test GatewayInfo', () => {
     await act(async () => {
       await modal.props.onPressConfirm();
     });
-    expect(global.mockedPop).toBeCalledWith(2);
+    expect(global.mockedPop).toHaveBeenCalledWith(2);
   });
 });

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

@@ -1,16 +1,16 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { FlatList } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
 
+import Gateway from '..';
+import API from '../../../configs/API';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { AccessibilityLabel } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
-import GatewayItem from '../components/GatewayItem';
-import API from '../../../configs/API';
 import Routes from '../../../utils/Route';
-import Gateway from '..';
+import GatewayItem from '../components/GatewayItem';
 const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (
@@ -58,7 +58,7 @@ describe('Test Gateway screen', () => {
     await act(async () => {
       await gatewayItems[0].props.onPress();
     });
-    expect(global.mockedNavigate).toBeCalledWith(Routes.AllGatewayStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.AllGatewayStack, {
       params: {
         item: {
           id: 1,

package/src/screens/AllGateway/components/GatewayItem/__test__/index.test.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
+import { act, create } from 'react-test-renderer';
 
+import GatewayItem from '..';
 import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
-import GatewayItem from '..';
 
 const mockOnPressItem = jest.fn();
 
@@ -67,6 +67,6 @@ describe('Test GatewayItem', () => {
     await act(async () => {
       await buttons[0].props.onPress();
     });
-    expect(mockOnPressItem).toBeCalledTimes(1);
+    expect(mockOnPressItem).toHaveBeenCalledTimes(1);
   });
 });

package/src/screens/AllGateway/components/TabPaneCT/__test__/index.test.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
 import SegmentedControl from '@react-native-segmented-control/segmented-control';
+import React from 'react';
 import Carousel from 'react-native-new-snap-carousel';
+import { act, create } from 'react-test-renderer';
 
+import TabPaneCT from '..';
+import { DEVICE_TYPE } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
-import { DEVICE_TYPE } from '../../../../../configs/Constants';
-import TabPaneCT from '..';
 
 const mockSetSelectedIndex = jest.fn();
 const wrapComponent = (item = []) => (
@@ -58,7 +58,7 @@ describe('Test TabPaneCT', () => {
         nativeEvent: { selectedSegmentIndex: 1 },
       });
     });
-    expect(mockSetSelectedIndex).toBeCalledWith(1);
+    expect(mockSetSelectedIndex).toHaveBeenCalledWith(1);
   });
 
   it('test render TabPaneCT onChange Carousel', async () => {
@@ -72,7 +72,7 @@ describe('Test TabPaneCT', () => {
     await act(async () => {
       await carousel[0].props.onSnapToItem(1);
     });
-    expect(mockSetSelectedIndex).toBeCalledWith(1);
+    expect(mockSetSelectedIndex).toHaveBeenCalledWith(1);
   });
 
   it('test render TabPaneCT none list', async () => {

package/src/screens/AllGateway/hooks/__test__/index.test.js

@@ -2,8 +2,8 @@ import { act, renderHook } from '@testing-library/react-hooks';
 import MockAdapter from 'axios-mock-adapter';
 import Toast from 'react-native-toast-message';
 
-import api from '../../../../utils/Apis/axios';
 import { API } from '../../../../configs';
+import api from '../../../../utils/Apis/axios';
 import { useGateway } from '../useGateway';
 
 const mock = new MockAdapter(api.axiosInstance);
@@ -98,7 +98,7 @@ describe('Test useGateway', () => {
     await act(async () => {
       await hook.result.current.deleteGatewayDetail(1);
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       position: 'bottom',
       text1: 'Delete successfully!',
       text2: undefined,

package/src/screens/Automate/AddNewAction/__test__/ChooseAction.test.js

@@ -391,7 +391,7 @@ describe('Test ChooseAction', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(spyToastError).toBeCalledWith(
+    expect(spyToastError).toHaveBeenCalledWith(
       getTranslate('en', 'template_not_supported', {
         template: response[0].template,
       }),
@@ -459,7 +459,7 @@ describe('Test ChooseAction', () => {
       await buttonSave.props.onPress();
     });
 
-    expect(spyToastError).toBeCalledWith(
+    expect(spyToastError).toHaveBeenCalledWith(
       'You can only add more 0 action',
       null,
       3000
@@ -617,7 +617,7 @@ describe('Test ChooseAction', () => {
       await buttonSave.props.onPress();
     });
 
-    expect(spyToastError).toBeCalledWith(
+    expect(spyToastError).toHaveBeenCalledWith(
       'You can only add more 2 actions',
       null,
       3000