@eohjsc/react-native-smart-city 0.3.36 → 0.3.38

package/src/screens/AddNewGateway/ScanWifiDeviceQR.js

@@ -20,9 +20,7 @@ const ScanWifiDeviceQR = memo(({ route }) => {
         setLoading(false);
         return;
       }
-      const devicePrefixName = data?.imei?.split('-')[0];
-      // todo Bang change QR format
-      if (['ROBOT'].indexOf(devicePrefixName) === -1) {
+      if (!data?.prefix || !data?.org_slug) {
         setIsInvalidQrCode(true);
         setLoading(false);
         return;
@@ -30,7 +28,6 @@ const ScanWifiDeviceQR = memo(({ route }) => {
       navigate(Routes.ConnectingWifiGuide, {
         unitId,
         stationId,
-        prefix: devicePrefixName,
         qrData: data,
       });
       setLoading(true);

package/src/screens/AddNewGateway/ShareWifiPassword.js

@@ -42,7 +42,7 @@ const WifiItem = ({ item, setIsShowPopupPassword, setSelectedWifi }) => {
 };
 
 const ShareWifiPassword = ({ route }) => {
-  const { wifiList, unitId, stationId } = route?.params || {};
+  const { wifiList, unitId, stationId, qrData } = route?.params || {};
   const t = useTranslations();
   const navigation = useNavigation();
 
@@ -98,6 +98,7 @@ const ShareWifiPassword = ({ route }) => {
             unitId,
             stationId: stationId,
             gateway: gatewayInfo,
+            qrData: qrData,
             selectedWifi: {
               ssid: selectedWifi,
               password: selectedWifiPassword,
@@ -108,7 +109,7 @@ const ShareWifiPassword = ({ route }) => {
 
       return true;
     },
-    [navigation, selectedWifi, selectedWifiPassword, stationId, unitId]
+    [navigation, qrData, selectedWifi, selectedWifiPassword, stationId, unitId]
   );
 
   const onPasswordReady = useCallback(async () => {
@@ -188,6 +189,7 @@ const ShareWifiPassword = ({ route }) => {
             value={selectedWifiPassword}
             textInputStyle={styles.input}
             selectionColor={Colors.Primary}
+            autoFocus
           />
         </>
       </ButtonPopup>

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

@@ -57,7 +57,7 @@ describe('Test AddNewGateway', () => {
     return instance.find((el) => el.props.accessibilityLabel === id);
   };
 
-  test('create', async () => {
+  it('create', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -78,7 +78,7 @@ describe('Test AddNewGateway', () => {
     expect(groupCheckBox).toHaveLength(0);
   });
 
-  test('onChange chipName and phoneNumber', async () => {
+  it('onChange chipName and phoneNumber', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -104,7 +104,7 @@ describe('Test AddNewGateway', () => {
     expect(textInputs[1].props.value).toEqual('New chip name');
   });
 
-  test('ViewButtonBottom', async () => {
+  it('ViewButtonBottom', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -119,7 +119,7 @@ describe('Test AddNewGateway', () => {
     );
   });
 
-  test('ViewButtonBottom onLeftClick', async () => {
+  it('ViewButtonBottom onLeftClick', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -131,7 +131,7 @@ describe('Test AddNewGateway', () => {
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
-  test('ViewButtonBottom onRightClick without select stationId', async () => {
+  it('ViewButtonBottom onRightClick without select stationId', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -143,7 +143,7 @@ describe('Test AddNewGateway', () => {
     expect(mockedNavigate).not.toHaveBeenCalled();
   });
 
-  test('ViewButtonBottom onRightClick with stationId', async () => {
+  it('ViewButtonBottom onRightClick with stationId', async () => {
     const response = {
       status: 200,
       data: {

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

@@ -51,7 +51,7 @@ describe('Test connecting modbus device', () => {
     };
   });
 
-  test('rendering', async () => {
+  it('rendering', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -46,12 +46,13 @@ describe('Test connecting wifi device', () => {
         unitId: 1,
         stationId: 2,
         gateway: {},
+        qrData: {},
         selectedWifi: {},
       },
     };
   });
 
-  test('rendering', async () => {
+  it('rendering', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -44,6 +44,7 @@ const ConnectWifiActionButton = async (instance) => {
 
 describe('test share wifi password', () => {
   let tree;
+  const routeParams = { qrData: { prefix: 'robot', org_slug: 'eoh' } };
 
   beforeEach(() => {
     const socket = dgram.createSocket({});
@@ -53,7 +54,7 @@ describe('test share wifi password', () => {
     socket.close.mockClear();
   });
 
-  test('render connect wifi guide', async () => {
+  it('render connect wifi guide', async () => {
     const route = { params: {} };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
@@ -66,9 +67,9 @@ describe('test share wifi password', () => {
     expect(button).toHaveLength(2);
   });
 
-  test('auto connect to wifi prefix on ios', async () => {
+  it('auto connect to wifi prefix on ios', async () => {
     Platform.OS = 'ios';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
@@ -83,9 +84,9 @@ describe('test share wifi password', () => {
     expect(socket.bind).toBeCalled();
   });
 
-  test('fail connect to wifi prefix on ios', async () => {
+  it('fail connect to wifi prefix on ios', async () => {
     Platform.OS = 'ios';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     WifiManager.connectToProtectedSSIDPrefix.mockImplementationOnce(
       async () => {
         throw 'Cannot connect to protected prefix SSID';
@@ -99,9 +100,9 @@ describe('test share wifi password', () => {
     expect(socket.bind).not.toBeCalled();
   });
 
-  test('auto connect to wifi android', async () => {
+  it('auto connect to wifi android', async () => {
     Platform.OS = 'android';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     WifiManager.loadWifiList.mockImplementationOnce(async () => [
       { SSID: 'random-name' },
       { SSID: 'eoh.lite.xxx' },
@@ -120,9 +121,9 @@ describe('test share wifi password', () => {
     expect(socket.bind).toBeCalled();
   });
 
-  test('fail connect to wifi android', async () => {
+  it('fail connect to wifi android', async () => {
     Platform.OS = 'android';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     WifiManager.reScanAndLoadWifiList.mockImplementationOnce(async () => [
       { SSID: 'random-name' },
       { SSID: 'eoh.lite.xxx' },
@@ -140,9 +141,9 @@ describe('test share wifi password', () => {
     expect(socket.bind).not.toBeCalled();
   });
 
-  test('fail load wifi list android', async () => {
+  it('fail load wifi list android', async () => {
     Platform.OS = 'android';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     WifiManager.reScanAndLoadWifiList.mockImplementationOnce(async () => {
       throw 'Cannot load wifi list to wifi';
     });
@@ -155,10 +156,10 @@ describe('test share wifi password', () => {
     expect(socket.bind).not.toBeCalled();
   });
 
-  test('request wifi list from device', async () => {
+  it('request wifi list from device', async () => {
     jest.useFakeTimers();
     Platform.OS = 'android';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
@@ -170,10 +171,14 @@ describe('test share wifi password', () => {
     expect(data.type).toEqual('scan');
   });
 
-  test('got wifi list from device', async () => {
+  it('got wifi list from device', async () => {
     Platform.OS = 'android';
     const route = {
-      params: { prefix: 'robot', qrData: 'abc123', unitId: 1, stationId: 1 },
+      params: {
+        qrData: { org_slug: 'eoh', prefix: 'robot' },
+        unitId: 1,
+        stationId: 1,
+      },
     };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
@@ -198,15 +203,15 @@ describe('test share wifi password', () => {
       unitId: 1,
       stationId: 1,
       wifiList: [{ ssid: 'wifi 1' }, { ssid: 'wifi.2' }],
-      qrData: 'abc123',
+      qrData: { org_slug: 'eoh', prefix: 'robot' },
     });
 
     // expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ShareWifiPassword);
   });
 
-  test('got error while request wifi list from device', async () => {
+  it('got error while request wifi list from device', async () => {
     Platform.OS = 'android';
-    const route = { params: { prefix: 'robot' } };
+    const route = { params: routeParams };
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });

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

@@ -1,6 +1,8 @@
 import React from 'react';
 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 { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -36,7 +38,8 @@ describe('Test connecting modbus device', () => {
   let tree;
   let route;
 
-  afterEach(() => {
+  beforeEach(() => {
+    getPusher().resetMock();
     mockedNavigate.mockClear();
   });
 
@@ -51,7 +54,7 @@ describe('Test connecting modbus device', () => {
     };
   });
 
-  test('rendering', async () => {
+  it('rendering', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -59,4 +62,29 @@ describe('Test connecting modbus device', () => {
     expect(instance.findAllByType(Processing)).toHaveLength(1);
     expect(mock.history.post).toHaveLength(1);
   });
+
+  it('receive sensor-id from channel then rename sensor-id', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const channels = getPusher().channels;
+    let channel;
+    for (const key in channels) {
+      if (key.indexOf('cache-') === 0) {
+        channel = channels[key];
+      }
+    }
+    await act(async () => {
+      await channel.trigger('progress', { data: { sensorId: 1 } });
+    });
+    await act(async () => {
+      await channel.trigger('progress', { success: 1 });
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.RenameNewDevices, {
+      unitId: 1,
+      stationId: 2,
+      chipId: 3,
+      sensorId: 1,
+    });
+  });
 });

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

@@ -58,7 +58,7 @@ describe('Test rename new devices', () => {
     };
   });
 
-  test('rendering base', async () => {
+  it('rendering base', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -81,7 +81,7 @@ describe('Test rename new devices', () => {
     expect(mock.history.get).toHaveLength(1);
   });
 
-  test('rendering sensor', async () => {
+  it('rendering sensor', async () => {
     mock.onGet().reply(200, {
       id: 1,
       name: 'chip',
@@ -122,7 +122,7 @@ describe('Test rename new devices', () => {
     ).toHaveLength(1);
   });
 
-  test('render rename chip', async () => {
+  it('render rename chip', async () => {
     mock.onGet().reply(200, {
       can_rename: true,
     });
@@ -149,7 +149,7 @@ describe('Test rename new devices', () => {
     expect(mock.history.get).toHaveLength(1);
   });
 
-  test('update name', async () => {
+  it('update name', async () => {
     mock.onGet().reply(200, {
       id: 1,
       can_rename: true,

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

@@ -30,7 +30,7 @@ const wrapComponent = (route) => (
 describe('test scan gateway device QR', () => {
   let tree;
 
-  test('render scan gateway device', async () => {
+  it('render scan gateway device', async () => {
     const route = { params: {} };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
@@ -49,12 +49,12 @@ describe('test scan gateway device QR', () => {
 
     const instance = tree.root;
     const qrScan = instance.findByType(QRScan);
-    act(() => {
+    await act(async () => {
       qrScan.props.onScan(JSON.stringify(data), jest.fn());
     });
   };
 
-  test('on scan wrong QR code', async () => {
+  it('on scan wrong QR code', async () => {
     await scanQRCode({ imei: 'SAMSUNG-xxx' });
 
     const instance = tree.root;
@@ -64,7 +64,7 @@ describe('test scan gateway device QR', () => {
     expect(bottomSheet.props.isVisible).toBe(true);
   });
 
-  test('on scan correct QR code', async () => {
+  it('on scan correct QR code', async () => {
     await scanQRCode({ imei: 'LITE-xxx' }, jest.fn());
     expect(mockedNavigate).toHaveBeenCalled();
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);

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

@@ -30,7 +30,7 @@ const wrapComponent = (route) => (
 describe('test scan modbus QR', () => {
   let tree;
 
-  test('render scan modbus device', async () => {
+  it('render scan modbus device', async () => {
     const route = { params: {} };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
@@ -49,12 +49,12 @@ describe('test scan modbus QR', () => {
 
     const instance = tree.root;
     const qrScan = instance.findByType(QRScan);
-    act(() => {
+    await act(async () => {
       qrScan.props.onScan(JSON.stringify(data), jest.fn());
     });
   };
 
-  test('on scan wrong QR code', async () => {
+  it('on scan wrong QR code', async () => {
     await scanQRCode({ imei: 'SAMSUNG-xxx' });
     const instance = tree.root;
     const bottomSheet = instance.findByProps({
@@ -63,7 +63,7 @@ describe('test scan modbus QR', () => {
     expect(bottomSheet.props.isVisible).toBe(true);
   });
 
-  test('on scan correct QR code', async () => {
+  it('on scan correct QR code', async () => {
     await scanQRCode({ imei: 'SENSOR-xxx' }, jest.fn());
     expect(mockedNavigate).toHaveBeenCalled();
     expect(mockedNavigate.mock.calls[0][0]).toEqual(

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

@@ -30,7 +30,7 @@ const wrapComponent = (route) => (
 describe('test scan wifi device QR', () => {
   let tree;
 
-  test('render scan wifi device', async () => {
+  it('render scan wifi device', async () => {
     const route = { params: {} };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
@@ -49,12 +49,12 @@ describe('test scan wifi device QR', () => {
 
     const instance = tree.root;
     const qrScan = instance.findByType(QRScan);
-    act(() => {
+    await act(async () => {
       qrScan.props.onScan(JSON.stringify(data), jest.fn());
     });
   };
 
-  test('on scan wrong QR code', async () => {
+  it('on scan wrong QR code', async () => {
     await scanQRCode({ imei: 'SAMSUNG-xxx' });
     const instance = tree.root;
     const bottomSheet = instance.findByProps({
@@ -63,8 +63,8 @@ describe('test scan wifi device QR', () => {
     expect(bottomSheet.props.isVisible).toBe(true);
   });
 
-  test('on scan correct QR code', async () => {
-    await scanQRCode({ imei: 'ROBOT-xxx' }, jest.fn());
+  it('on scan correct QR code', async () => {
+    await scanQRCode({ prefix: 'robot', org_slug: 'eoh' }, jest.fn());
     expect(mockedNavigate).toHaveBeenCalled();
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ConnectingWifiGuide);
   });

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

@@ -33,14 +33,14 @@ describe('Test SelectSubUnit', () => {
   });
   let tree;
 
-  test('test ViewButtonBottom onRightClick', async () => {
+  it('test ViewButtonBottom onRightClick', async () => {
     const route = { params: { deviceType: DEVICE_TYPE.WIFI_DEVICE } };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
-    act(() => {
+    await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
     expect(mockedNavigate).toHaveBeenCalled();

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

@@ -50,7 +50,7 @@ describe('Test select device type', () => {
     };
   });
 
-  test('render select type without station', async () => {
+  it('render select type without station', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -63,7 +63,7 @@ describe('Test select device type', () => {
     expect(deviceTypeItems).toHaveLength(4);
   });
 
-  test('render select type with station', async () => {
+  it('render select type with station', async () => {
     route = {
       params: {
         unitId: 1,
@@ -105,19 +105,19 @@ describe('Test select device type', () => {
     expect(mockedNavigate).toBeCalled();
   };
 
-  test('select modbus', async () => {
+  it('select modbus', async () => {
     await selectDeviceType(0);
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.ScanGatewayQR);
   });
-  test('select zigbee', async () => {
+  it('select zigbee', async () => {
     await selectDeviceType(1);
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
   });
-  test('select gateway', async () => {
+  it('select gateway', async () => {
     await selectDeviceType(2);
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
   });
-  test('select wifi', async () => {
+  it('select wifi', async () => {
     await selectDeviceType(3);
     expect(mockedNavigate.mock.calls[0][0]).toEqual(Routes.SelectDeviceSubUnit);
   });

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

@@ -27,7 +27,7 @@ const wrapComponent = (route) => (
 describe('test single SelectUnit', () => {
   let tree;
 
-  test('click next', async () => {
+  it('click next', async () => {
     const route = { params: { addType: 'AddSubUnit' } };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));

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

@@ -48,7 +48,7 @@ describe('Test select modbus gateway', () => {
     };
   });
 
-  test('render gateway', async () => {
+  it('render gateway', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -57,7 +57,7 @@ describe('Test select modbus gateway', () => {
     expect(safeAreaView).toHaveLength(1);
   });
 
-  test('select gateway', async () => {
+  it('select gateway', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -48,7 +48,7 @@ describe('Test select zigbee gateway', () => {
     };
   });
 
-  test('render gateway', async () => {
+  it('render gateway', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -57,7 +57,7 @@ describe('Test select zigbee gateway', () => {
     expect(safeAreaView).toHaveLength(1);
   });
 
-  test('select gateway', async () => {
+  it('select gateway', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -42,7 +42,7 @@ describe('test share wifi password', () => {
     socket.close.mockClear();
   });
 
-  test('render share wifi', async () => {
+  it('render share wifi', async () => {
     const route = { params: {} };
     await act(async () => {
       tree = renderer.create(wrapComponent(route));
@@ -78,14 +78,14 @@ describe('test share wifi password', () => {
     expect(socket.on).toBeCalled();
   };
 
-  test('send password to gateway', async () => {
+  it('send password to gateway', async () => {
     await sendPasswordToGateway();
     const socket = dgram.createSocket({});
     expect(socket.on.mock.calls[0][0]).toEqual('message');
     expect(JSON.parse(socket.send.mock.calls[0][0]).type).toEqual('connect');
   });
 
-  test('error share password to gateway', async () => {
+  it('error share password to gateway', async () => {
     await sendPasswordToGateway();
     const socket = dgram.createSocket({});
     expect(socket.on.mock.calls[1][0]).toEqual('error');
@@ -128,19 +128,19 @@ describe('test share wifi password', () => {
     });
   };
 
-  test('close socket after gateway success connect to wifi', async () => {
+  it('close socket after gateway success connect to wifi', async () => {
     await receiveGatewayInfo();
     const socket = dgram.createSocket({});
     expect(socket.close).toBeCalled();
   });
 
-  test('not close socket after gateway fail connect to wifi', async () => {
+  it('not close socket after gateway fail connect to wifi', async () => {
     await receiveGatewayInfo({});
     const socket = dgram.createSocket({});
     expect(socket.close).not.toBeCalled();
   });
 
-  test('go to connecting after restore wifi', async () => {
+  it('go to connecting after restore wifi', async () => {
     await receiveGatewayInfo();
     WifiManager.getCurrentWifiSSID.mockImplementationOnce(
       async () => 'other-random-name'

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

@@ -50,7 +50,7 @@ describe('test AddNewOneTap', () => {
     mockedNavigate.mockClear();
   });
 
-  test('create AddNewOneTap success', async () => {
+  it('create AddNewOneTap success', async () => {
     Platform.OS = 'ios';
     let route = {
       params: {
@@ -101,7 +101,7 @@ describe('test AddNewOneTap', () => {
     });
   });
 
-  test('create AddNewOneTap fail', async () => {
+  it('create AddNewOneTap fail', async () => {
     Platform.OS = 'android';
     let route = {
       params: { type: 'one_tap' },
@@ -126,7 +126,7 @@ describe('test AddNewOneTap', () => {
     expect(mockedNavigate).not.toBeCalled();
   });
 
-  test('test onClose have automateId', async () => {
+  it('test onClose have automateId', async () => {
     Platform.OS = 'android';
     let route = {
       params: {
@@ -146,7 +146,7 @@ describe('test AddNewOneTap', () => {
 
     const header = tree.root.findByType(HeaderCustom);
 
-    act(() => {
+    await act(async () => {
       header.props.onClose();
     });
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail, {

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

@@ -84,8 +84,8 @@ describe('Test AllCamera screen', () => {
     mockSetState.mockImplementation((init) => [init, mockSetState]);
     mockSetState.mockImplementation((init) => [init, mockSetState]);
     mockSetState.mockImplementation((init) => [init, mockSetState]);
-    await act(() => {
-      tree = create(wrapComponent());
+    await act(async () => {
+      tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const TouchableOpacities = instance.findAllByType(TouchableOpacity);

package/src/screens/Automate/__test__/Loading.test.js

@@ -6,8 +6,8 @@ import Loading from '../Components/Loading';
 describe('Test Loading', () => {
   let tree;
   it('Test render', async () => {
-    await act(() => {
-      tree = create(<Loading />);
+    await act(async () => {
+      tree = await create(<Loading />);
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);