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

package/src/hooks/IoT/__test__/useWatchConfigs.test.js

@@ -1,9 +1,9 @@
-import React, { useContext } from 'react';
 import { renderHook } from '@testing-library/react-hooks';
+import React, { useContext } from 'react';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import { unwatchMultiConfigs, watchMultiConfigs } from '../../../iot/Monitor';
 import { useWatchConfigs } from '../index';
-import { watchMultiConfigs, unwatchMultiConfigs } from '../../../iot/Monitor';
 
 const mockedSetAction = jest.fn();
 
@@ -27,6 +27,6 @@ describe('Test useWatchConfigs', () => {
       wrapper,
     });
     jest.runOnlyPendingTimers();
-    expect(watchMultiConfigs).toBeCalledWith([1]);
+    expect(watchMultiConfigs).toHaveBeenCalledWith([1]);
   });
 });

package/src/hooks/IoT/useRemoteControl.js

@@ -1,15 +1,15 @@
+import NetInfo from '@react-native-community/netinfo';
+import { t } from 'i18n-js';
 import { useCallback } from 'react';
 import { useSCContextSelector } from '../../context';
-import { sendCommandOverHomeAssistant } from '../../iot/RemoteControl/HomeAssistant';
-import { sendCommandOverInternet } from '../../iot/RemoteControl/Internet';
 import {
-  sendCommandOverBluetooth,
-  SEND_COMMAND_OVER_BLUETOOTH_FAIL,
   BLUETOOOH_DEVICE_UNSTABLE,
+  SEND_COMMAND_OVER_BLUETOOTH_FAIL,
+  sendCommandOverBluetooth,
 } from '../../iot/RemoteControl/Bluetooth';
+import { sendCommandOverHomeAssistant } from '../../iot/RemoteControl/HomeAssistant';
+import { sendCommandOverInternet } from '../../iot/RemoteControl/Internet';
 import { ToastBottomHelper } from '../../utils/Utils';
-import { t } from 'i18n-js';
-import NetInfo from '@react-native-community/netinfo';
 
 const handleReconnectionDeviceBle = async (device, action, data, userId) => {
   for (let i = 0; i < 5; i++) {

package/src/hooks/useMqtt.js

@@ -1,9 +1,9 @@
 import mqtt from 'precompiled-mqtt/dist/mqtt.browser';
-import { useState, useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 
 import API from '../configs/API';
-import { axiosGet } from '../utils/Apis/axios';
 import { handleMqttMessage } from '../iot/mqtt';
+import { axiosGet } from '../utils/Apis/axios';
 
 const useChipJsonConfiguration = (dashboardId) => {
   const [chips, setChips] = useState([]);

package/src/iot/RemoteControl/Internet.js

@@ -1,8 +1,8 @@
 import t from '../../hooks/Common/useTranslations';
 
-import { ToastBottomHelper } from '../../utils/Utils';
-import { axiosPost } from '../../utils/Apis/axios';
 import { API } from '../../configs';
+import { axiosPost } from '../../utils/Apis/axios';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 export const sendCommandOverInternet = async (sensor, action, data, source) => {
   if (data !== null) {

package/src/iot/RemoteControl/__test__/Internet.test.js

@@ -1,8 +1,8 @@
-import Toast from 'react-native-toast-message';
 import MockAdapter from 'axios-mock-adapter';
-import { sendCommandOverInternet } from '../Internet';
-import api from '../../../utils/Apis/axios';
+import Toast from 'react-native-toast-message';
 import { API } from '../../../configs';
+import api from '../../../utils/Apis/axios';
+import { sendCommandOverInternet } from '../Internet';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -14,24 +14,24 @@ describe('Test IOT Remote Control Internet', () => {
   it('Trigger action via request POST', async () => {
     mock.onPost(API.DEVICE.TRIGGER_ACTION()).reply(200);
     await sendCommandOverInternet({}, {}, 'internet');
-    expect(Toast.show).toBeCalledTimes(2);
+    expect(Toast.show).toHaveBeenCalledTimes(2);
   });
 
   it('Trigger action via request POST with data isInteger', async () => {
     mock.onPost(API.DEVICE.TRIGGER_ACTION()).reply(200);
     await sendCommandOverInternet({}, {}, 1);
-    expect(Toast.show).toBeCalledTimes(2);
+    expect(Toast.show).toHaveBeenCalledTimes(2);
   });
 
   it('Trigger action via request POST with data is null', async () => {
     mock.onPost(API.DEVICE.TRIGGER_ACTION()).reply(200);
     await sendCommandOverInternet({}, {}, null);
-    expect(Toast.show).toBeCalledTimes(2);
+    expect(Toast.show).toHaveBeenCalledTimes(2);
   });
 
   it('Trigger action fail show error', async () => {
     mock.onPost(API.DEVICE.TRIGGER_ACTION()).reply(400);
     await sendCommandOverInternet({}, {}, 'internet');
-    expect(Toast.show).toBeCalled();
+    expect(Toast.show).toHaveBeenCalled();
   });
 });

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

@@ -1,22 +1,22 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { Alert } from 'react-native';
-import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import RNP from 'react-native-permissions';
 import RNAndroidLocationEnabler from 'react-native-android-location-enabler';
+import RNP from 'react-native-permissions';
+import { act, create } from 'react-test-renderer';
 
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import AddLocationMaps from '../index';
+import { useNavigation } from '@react-navigation/native';
+import { RESULTS } from 'react-native-permissions';
 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 {
   GEOLOCATION_ERROR,
   OpenSetting,
 } from '../../../utils/Permission/common';
-import { RESULTS } from 'react-native-permissions';
-import { useNavigation } from '@react-navigation/native';
+import AddLocationMaps from '../index';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -171,7 +171,7 @@ describe('Test SelectAddress', () => {
     });
     expect(
       RNAndroidLocationEnabler.promptForEnableLocationIfNeeded
-    ).toBeCalled();
+    ).toHaveBeenCalled();
 
     RNAndroidLocationEnabler.promptForEnableLocationIfNeeded.mockClear();
 
@@ -184,7 +184,7 @@ describe('Test SelectAddress', () => {
     });
     expect(
       RNAndroidLocationEnabler.promptForEnableLocationIfNeeded
-    ).toBeCalled();
+    ).toHaveBeenCalled();
   });
 
   it('test get current location failed location not enabled ios', async () => {
@@ -233,7 +233,7 @@ describe('Test SelectAddress', () => {
     await act(async () => {
       await button.props.onPress();
     });
-    expect(OpenSetting).toBeCalledTimes(0);
+    expect(OpenSetting).toHaveBeenCalledTimes(0);
     OpenSetting.mockClear();
   });
 
@@ -249,6 +249,6 @@ describe('Test SelectAddress', () => {
     await act(async () => {
       await button.props.onPress();
     });
-    expect(navigate).toBeCalled();
+    expect(navigate).toHaveBeenCalled();
   });
 });

package/src/screens/AddNewGateway/ShareWifiPassword.js

@@ -1,37 +1,37 @@
+import NetInfo from '@react-native-community/netinfo';
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+import LottieView from 'lottie-react-native';
 import React, {
   useCallback,
-  useRef,
-  useState,
   useEffect,
   useMemo,
+  useRef,
+  useState,
 } from 'react';
 import {
   Alert,
-  TouchableOpacity,
-  View,
   FlatList,
   Platform,
+  TouchableOpacity,
+  View,
 } from 'react-native';
 import dgram from 'react-native-udp';
-import { useNavigation, useIsFocused } from '@react-navigation/native';
-import LottieView from 'lottie-react-native';
 import { v4 as uuidv4 } from 'uuid';
-import NetInfo from '@react-native-community/netinfo';
 
-import { ToastBottomHelper } from '../../utils/Utils';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import { HeaderCustom } from '../../commons/Header';
-import Text from '../../commons/Text';
 import WifiIcon from '../../../assets/images/wifi.svg';
 import ButtonPopup from '../../commons/ButtonPopup';
-import AccessibilityLabel from '../../configs/AccessibilityLabel';
-import { Colors } from '../../configs';
 import TextInputPassword from '../../commons/Form/TextInputPassword';
-import styles from './ShareWifiPasswordStyles';
-import Routes from '../../utils/Route';
 import FullLoading from '../../commons/FullLoading';
+import { HeaderCustom } from '../../commons/Header';
+import Text from '../../commons/Text';
+import { Colors } from '../../configs';
+import AccessibilityLabel from '../../configs/AccessibilityLabel';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 import LoadingCircle from '../../Images/Common/loading-circle.json';
+import Routes from '../../utils/Route';
+import { ToastBottomHelper } from '../../utils/Utils';
 import { useWifiManage } from './hooks/useWifiManage';
+import styles from './ShareWifiPasswordStyles';
 
 let socket;
 let wifiOrGatewaySSID;
@@ -112,6 +112,7 @@ const ShareWifiPassword = ({ route }) => {
           '192.168.27.1',
           undefined
         );
+
         if (i > 0) {
           shareWifiToDevice(socket, i);
           clearTimeout(timeoutSendConnect);

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

@@ -1,17 +1,17 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
 
-import AddNewGateway from '../index';
+import { useNavigation } from '@react-navigation/native';
+import { TextInput } from 'react-native';
+import { ViewButtonBottom } from '../../../commons';
 import GroupCheckBox from '../../../commons/GroupCheckBox';
 import { AccessibilityLabel } from '../../../configs/Constants';
-import { ViewButtonBottom } from '../../../commons';
-import { TextInput } from 'react-native';
-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';
+import { getTranslate } from '../../../utils/I18n';
+import AddNewGateway from '../index';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -147,6 +147,6 @@ describe('Test AddNewGateway', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(global.mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toHaveBeenCalled();
   });
 });

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

@@ -1,17 +1,17 @@
+import NetInfo from '@react-native-community/netinfo';
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { Alert } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import NetInfo from '@react-native-community/netinfo';
 
-import ConnectingWifiDevice from '../ConnectingWifiDevice';
+import { useNavigation } from '@react-navigation/native';
+import Processing from '../../../commons/Processing';
+import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
-import Processing from '../../../commons/Processing';
 import ConnectingDevice from '../ConnectingDevice';
-import { API } from '../../../configs';
-import { useNavigation } from '@react-navigation/native';
+import ConnectingWifiDevice from '../ConnectingWifiDevice';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -59,7 +59,7 @@ describe('Test connecting wifi device', () => {
     await act(async () => {
       jest.runAllTimers();
     });
-    expect(NetInfo.addEventListener).toBeCalled();
+    expect(NetInfo.addEventListener).toHaveBeenCalled();
   };
 
   it('onReady call api scan chip', async () => {
@@ -81,6 +81,6 @@ describe('Test connecting wifi device', () => {
     await act(async () => {
       Alert.alert.mock.calls[1][2][0].onPress();
     });
-    expect(goBack).toBeCalled();
+    expect(goBack).toHaveBeenCalled();
   });
 });

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

@@ -1,14 +1,14 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
+import { Alert } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import { getPusher } from '../../../utils/Pusher';
-import Routes from '../../../utils/Route';
-import ConnectingZigbeeDevice from '../ConnectingZigbeeDevice';
+import Processing from '../../../commons/Processing';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
-import Processing from '../../../commons/Processing';
-import { Alert } from 'react-native';
+import { getPusher } from '../../../utils/Pusher';
+import Routes from '../../../utils/Route';
+import ConnectingZigbeeDevice from '../ConnectingZigbeeDevice';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -61,7 +61,7 @@ describe('Test connecting modbus device', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
-    expect(Alert.alert).toBeCalled();
+    expect(Alert.alert).toHaveBeenCalled();
   });
 
   it('receive sensor-id from channel then rename sensor-id', async () => {

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

@@ -1,18 +1,18 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
 
-import RenameNewDevices from '../RenameNewDevices';
+import { useNavigation } from '@react-navigation/native';
+import _TextInput from '../../../commons/Form/TextInput';
+import Text from '../../../commons/Text';
+import AccessibilityLabel from '../../../configs/AccessibilityLabel';
+import API from '../../../configs/API';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
-import AccessibilityLabel from '../../../configs/AccessibilityLabel';
-import Text from '../../../commons/Text';
-import _TextInput from '../../../commons/Form/TextInput';
-import API from '../../../configs/API';
 import { CheckBoxCustom } from '../../Sharing/Components';
-import { useNavigation } from '@react-navigation/native';
+import RenameNewDevices from '../RenameNewDevices';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -61,7 +61,7 @@ describe('Test rename new devices', () => {
     }
   };
   const mockedDispatchNavigate = () => {
-    expect(global.mockedDispatch).toBeCalledWith({
+    expect(global.mockedDispatch).toHaveBeenCalledWith({
       payload: {
         index: 0,
         routes: [

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 
-import ScanGatewayQR from '../ScanGatewayQR';
+import { useNavigation } from '@react-navigation/native';
+import { ViewButtonBottom } from '../../../commons';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import QRScan from '../../ScanChipQR/components/QRScan';
 import { getTranslate } from '../../../utils/I18n';
 import Routes from '../../../utils/Route';
-import { ViewButtonBottom } from '../../../commons';
-import { useNavigation } from '@react-navigation/native';
+import QRScan from '../../ScanChipQR/components/QRScan';
+import ScanGatewayQR from '../ScanGatewayQR';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -62,7 +62,7 @@ describe('test scan gateway device QR', () => {
     await act(async () => {
       await buttonBottom.props.onLeftClick();
     });
-    expect(goBack).toBeCalled();
+    expect(goBack).toHaveBeenCalled();
   });
 
   it('on scan correct QR code', async () => {

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 
-import SelectDeviceUnit from '../SelectDeviceUnit';
+import { useNavigation } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
 import AccessibilityLabel from '../../../configs/AccessibilityLabel';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { useNavigation } from '@react-navigation/native';
-import MockAdapter from 'axios-mock-adapter';
 import api from '../../../utils/Apis/axios';
+import SelectDeviceUnit from '../SelectDeviceUnit';
 
 new MockAdapter(api.axiosInstance);
 
@@ -41,6 +41,6 @@ describe('test single SelectUnit', () => {
     await act(async () => {
       goBack.props.onPress();
     });
-    expect(global.mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toHaveBeenCalled();
   });
 });

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/__test__/ShareWifiPassword.test.js

@@ -40,15 +40,11 @@ describe('test share wifi password', () => {
   });
 
   it('render share wifi', async () => {
-    jest.useFakeTimers();
     const route = { params: {} };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
     await flushPromises();
-    await act(async () => {
-      jest.runOnlyPendingTimers();
-    });
 
     const instance = tree.root;
     const popups = instance.findAllByType(ButtonPopup);

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: {