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

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

@@ -195,7 +195,7 @@ describe('test DeviceDetail', () => {
     ],
     side_menu_items: [{ id: 1, order: 1, name: 'Setup generate passcode' }],
   };
-  test('render DeviceDetail render SensorDisplayItem', async () => {
+  it('render DeviceDetail render SensorDisplayItem', async () => {
     const responseDisplay = {
       status: 200,
       data: data_sensor_display,
@@ -263,7 +263,7 @@ describe('test DeviceDetail', () => {
     });
   });
 
-  test('AlertSendConfirm onSendNowAlert', async () => {
+  it('AlertSendConfirm onSendNowAlert', async () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
@@ -288,7 +288,7 @@ describe('test DeviceDetail', () => {
     expect(alertSent.props.showAlertSent).toEqual(false);
   });
 
-  test('ButtonPopup onClick', async () => {
+  it('ButtonPopup onClick', async () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
@@ -314,7 +314,7 @@ describe('test DeviceDetail', () => {
     expect(buttonPopup.props.visible).toEqual(false);
   });
 
-  test('ButtonPopup render', async () => {
+  it('ButtonPopup render', async () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
@@ -337,7 +337,7 @@ describe('test DeviceDetail', () => {
     expect(buttonPopupIcon.props.name).toEqual('check-circle');
   });
 
-  test('ScrollView onRefresh', async () => {
+  it('ScrollView onRefresh', async () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
@@ -350,7 +350,7 @@ describe('test DeviceDetail', () => {
     expect(scrollView).toBeDefined();
   });
 
-  test('Should render SensorDisplayItem', async () => {
+  it('Should render SensorDisplayItem', async () => {
     const responseDisplay = {
       status: 200,
       data: {
@@ -489,7 +489,7 @@ describe('test DeviceDetail', () => {
     expect(sensorDisplayItem).toHaveLength(4);
   });
 
-  test('render SensorDisplayItem emercency', async () => {
+  it('render SensorDisplayItem emercency', async () => {
     const responseDisplay = {
       status: 200,
       data: {
@@ -554,7 +554,7 @@ describe('test DeviceDetail', () => {
     expect(sensorDisplayItem).toHaveLength(1);
   });
 
-  test('render CurrentRainSensor', async () => {
+  it('render CurrentRainSensor', async () => {
     const responseDisplay = {
       status: 200,
       data: {
@@ -606,7 +606,7 @@ describe('test DeviceDetail', () => {
     expect(currentRainSensor).toHaveLength(1); // not crash app
   });
 
-  test('not fetch value if not managed by backend', async () => {
+  it('not fetch value if not managed by backend', async () => {
     route.params.sensorData.is_managed_by_backend = false;
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
@@ -619,7 +619,7 @@ describe('test DeviceDetail', () => {
     expect(sensorDisplayItem).toHaveLength(0);
   });
 
-  test('HeaderDevice button more onClick', async () => {
+  it('HeaderDevice button more onClick', async () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
@@ -638,7 +638,7 @@ describe('test DeviceDetail', () => {
     expect(menu.props.isVisible).toBe(true);
   });
 
-  test('Add device to Favourites', async () => {
+  it('Add device to Favourites', async () => {
     const sensor = route?.params?.sensorData;
     sensor.is_favourite = false;
 
@@ -657,7 +657,7 @@ describe('test DeviceDetail', () => {
     });
   });
 
-  test('Remove device from Favourites', async () => {
+  it('Remove device from Favourites', async () => {
     const sensor = route?.params?.sensorData;
     store.unit.favoriteDeviceIds = [sensor.id];
 
@@ -677,7 +677,7 @@ describe('test DeviceDetail', () => {
     });
   });
 
-  test('Go to ActivityLog', async () => {
+  it('Go to ActivityLog', async () => {
     const responseDisplay = {
       status: 200,
       data: {
@@ -733,7 +733,7 @@ describe('test DeviceDetail', () => {
     });
   });
 
-  test('Open popup ble when server down', async () => {
+  it('Open popup ble when server down', async () => {
     store.app.isBluetoothEnabled = false;
     data_sensor_display.items[1].configuration.configuration.action1_data.command_prefer_over_bluetooth = true;
     const responseDisplay = {

package/src/screens/Device/detail.js

@@ -531,8 +531,15 @@ const DeviceDetail = ({ route }) => {
       } else if (resp_status >= 500) {
         setServerDown(true);
       }
-      loading.isConnected &&
-        setLoading((preState) => ({ ...preState, isConnected: false }));
+      setLoading((preState) => {
+        if (preState.isConnected) {
+          return {
+            ...preState,
+            isConnected: false,
+          };
+        }
+        return preState;
+      });
     };
     if (
       sensor?.is_managed_by_backend &&
@@ -546,7 +553,7 @@ const DeviceDetail = ({ route }) => {
         setLoading((preState) => ({ ...preState, isConnected: false }));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sensor, display, loading.isConnected]);
+  }, [sensor, display]);
 
   const isShowEmergencyResolve =
     display.items.filter(

package/src/screens/Device/utils/index.test.js

@@ -3,7 +3,7 @@ import { getConfigControlFromDeviceDisplay } from './index';
 describe('Test getConfigControlFromDeviceDisplay', () => {
   let deviceDisplay;
 
-  test('test onoff template', () => {
+  it('test onoff template', async () => {
     deviceDisplay = {
       items: [
         {
@@ -39,7 +39,7 @@ describe('Test getConfigControlFromDeviceDisplay', () => {
     expect(configs).toHaveLength(2);
   });
 
-  test('test state grid template', () => {
+  it('test state grid template', async () => {
     deviceDisplay = {
       items: [
         {
@@ -61,7 +61,7 @@ describe('Test getConfigControlFromDeviceDisplay', () => {
     expect(configs).toHaveLength(1);
   });
 
-  test('test timer action template', () => {
+  it('test timer action template', async () => {
     deviceDisplay = {
       items: [
         {
@@ -90,7 +90,7 @@ describe('Test getConfigControlFromDeviceDisplay', () => {
     expect(configs).toHaveLength(2);
   });
 
-  test('test two button template', () => {
+  it('test two button template', async () => {
     deviceDisplay = {
       items: [
         {

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

@@ -13,7 +13,7 @@ const wrapComponent = () => (
 
 describe('Drawer', () => {
   let tree;
-  test('drawer snapshot', async () => {
+  it('drawer snapshot', async () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent());
     });

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

@@ -50,7 +50,7 @@ describe('EditActionsList', () => {
   beforeEach(() => {
     mockGoBack.mockClear();
   });
-  test('render EditActionsList', async () => {
+  it('render EditActionsList', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -60,7 +60,7 @@ describe('EditActionsList', () => {
     expect(draggableFlatList).toHaveLength(1);
     expect(modalBottom).toHaveLength(1);
   });
-  test('EditActionsList onPress cancel', async () => {
+  it('EditActionsList onPress cancel', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -75,7 +75,7 @@ describe('EditActionsList', () => {
     buttonCancel.props.onPress();
     expect(mockGoBack).toHaveBeenCalled();
   });
-  test('EditActionsList onPress save', async () => {
+  it('EditActionsList onPress save', async () => {
     mock.onPut(API.AUTOMATE.ORDER_SCRIPT_ACTION(1)).reply(200);
     await act(async () => {
       tree = await create(wrapComponent());
@@ -91,7 +91,7 @@ describe('EditActionsList', () => {
     buttonSave.props.onPress();
     expect(mock.history.put).toHaveLength(1);
   });
-  test('EditActionsList onPress remove', async () => {
+  it('EditActionsList onPress remove', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -105,7 +105,7 @@ describe('EditActionsList', () => {
     expect(buttonRemove).toBeDefined();
     buttonRemove.props.onPress();
   });
-  test('EditActionsList modal onPress remove', async () => {
+  it('EditActionsList modal onPress remove', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });

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

@@ -52,9 +52,9 @@ describe('test EmergencyContactAddNew', () => {
 
   let tree;
 
-  test('onChangeNameText', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onChangeNameText', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.find(
@@ -65,7 +65,7 @@ describe('test EmergencyContactAddNew', () => {
     );
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    act(() => {
+    await act(async () => {
       textInput.props.onChangeText('ABC');
     });
 
@@ -73,9 +73,9 @@ describe('test EmergencyContactAddNew', () => {
     expect(viewButtonBottom.props.rightDisabled).toBeTruthy();
   });
 
-  test('onTextPhoneChange', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onTextPhoneChange', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.find(
@@ -86,7 +86,7 @@ describe('test EmergencyContactAddNew', () => {
     );
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    act(() => {
+    await act(async () => {
       textInput.props.onChangeText('123');
     });
 
@@ -94,21 +94,21 @@ describe('test EmergencyContactAddNew', () => {
     expect(viewButtonBottom.props.rightDisabled).toBeTruthy();
   });
 
-  test('onCancel', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onCancel', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    act(() => {
+    await act(async () => {
       viewButtonBottom.props.onLeftClick();
     });
 
     expect(mockedGoBack).toHaveBeenCalledTimes(1);
   });
 
-  test('onSave success', async () => {
+  it('onSave success', async () => {
     mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(200);
 
     await act(async () => {
@@ -132,7 +132,7 @@ describe('test EmergencyContactAddNew', () => {
     expect(mockedGoBack).toHaveBeenCalledTimes(1);
   });
 
-  test('onSave failed', async () => {
+  it('onSave failed', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -162,7 +162,7 @@ describe('test EmergencyContactAddNew', () => {
     expect(mockedGoBack).not.toHaveBeenCalled();
   });
 
-  test('invalid phone number', async () => {
+  it('invalid phone number', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -50,35 +50,35 @@ describe('test EmergencyContactList', () => {
     mockedNavigate.mockClear();
   });
 
-  test('handleRemove', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('handleRemove', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
     mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(204);
-    act(() => {
+    await act(async () => {
       alertAction.props.rightButtonClick();
     });
     expect(alertAction.props.visible).toBe(false);
   });
 
-  test('handleRemove failure', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('handleRemove failure', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
     mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(400);
-    act(() => {
+    await act(async () => {
       alertAction.props.rightButtonClick();
     });
     expect(alertAction.props.visible).toBe(false);
   });
 
-  test('onAddNew', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onAddNew', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -91,16 +91,16 @@ describe('test EmergencyContactList', () => {
 
     expect(menuActionList.props.visible).toBe(false);
 
-    act(() => {
+    await act(async () => {
       rowUser.props.onPress();
     });
 
     expect(menuActionList.props.visible).toBeTruthy();
   });
 
-  test('onItemAddClick create contact', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onItemAddClick create contact', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -113,9 +113,9 @@ describe('test EmergencyContactList', () => {
     expect(buttonsMenuActionList).toHaveLength(2);
   });
 
-  test('onItemAddClick select unit members', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onItemAddClick select unit members', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -127,7 +127,7 @@ describe('test EmergencyContactList', () => {
     );
     expect(buttonsMenuActionList).toHaveLength(2);
 
-    act(() => {
+    await act(async () => {
       buttonsMenuActionList[1].props.onPress();
     });
 

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

@@ -44,9 +44,9 @@ describe('test EmergencyContactsSelectContacts', () => {
 
   let tree;
 
-  test('onPress ErgencyContactsSelectContacts', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onPress ErgencyContactsSelectContacts', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const rowUser = instance.findAllByProps(
@@ -57,15 +57,15 @@ describe('test EmergencyContactsSelectContacts', () => {
     expect(rowUser[0]).toBeDefined();
   });
 
-  test('render emergencyContactsSelectContacts success', async () => {
+  it('render emergencyContactsSelectContacts success', async () => {
     jest.useFakeTimers();
     mock.onGet(API.SHARE.UNITS_MEMBERS(1, 1)).reply(200, {
       id: 1,
       name: 'test',
       phone_number: 1,
     });
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const rowUser = instance.findAllByProps(
@@ -76,10 +76,10 @@ describe('test EmergencyContactsSelectContacts', () => {
     expect(rowUser[0]).toBeDefined();
   });
 
-  test('test onSave emergencyContactsSelectContacts', async () => {
+  it('test onSave emergencyContactsSelectContacts', async () => {
     mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(200);
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -94,10 +94,10 @@ describe('test EmergencyContactsSelectContacts', () => {
     });
   });
 
-  test('test onSave emergencyContactsSelectContacts fail', async () => {
+  it('test onSave emergencyContactsSelectContacts fail', async () => {
     mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(500);
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 

package/src/screens/EmergencySetting/__test__/DropDownItem.test.js

@@ -19,15 +19,15 @@ const wrapComponent = (props) => (
 describe('Test DropDownItem', () => {
   let tree;
 
-  test('test render DropDownItem', () => {
+  it('test render DropDownItem', async () => {
     const props = {
       label: 'mode',
       data: [{ label: 'Stop (0)', value: 'stop' }],
       isOpen: true,
     };
 
-    act(() => {
-      tree = create(wrapComponent(props));
+    await act(async () => {
+      tree = await create(wrapComponent(props));
     });
     const instance = tree.root;
     const dropDownPicker = instance.findAll(
@@ -38,7 +38,7 @@ describe('Test DropDownItem', () => {
     expect(dropDownPicker).toHaveLength(1);
   });
 
-  test('test onPress DropDown', () => {
+  it('test onPress DropDown', async () => {
     const props = {
       label: 'mode',
       data: [{ label: 'Stop (0)', value: 'stop' }],
@@ -46,12 +46,12 @@ describe('Test DropDownItem', () => {
       index: 0,
     };
 
-    act(() => {
-      tree = create(wrapComponent(props));
+    await act(async () => {
+      tree = await create(wrapComponent(props));
     });
     const instance = tree.root;
     const touchableOpacity = instance.findByType(TouchableOpacity);
-    act(() => {
+    await act(async () => {
       touchableOpacity.props.onPress();
     });
 

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

@@ -15,9 +15,9 @@ const wrapComponent = () => (
 describe('test EmergencySetting', () => {
   let tree;
 
-  test('test render EmergencySetting', () => {
-    act(() => {
-      tree = create(wrapComponent());
+  it('test render EmergencySetting', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const dropDownItem = instance.findAllByType(DropDownItem);

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

@@ -44,34 +44,34 @@ describe('Test EnterPassword', () => {
     mockNavigate.mockClear();
   });
 
-  test('test render EnterPassword button done', () => {
+  it('test render EnterPassword button done', async () => {
     const route = {
       params: { dataParams: {}, type: '' },
     };
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = buttonDone(instance);
     expect(button).toHaveLength(1);
   });
 
-  test('test render EnterPassword has not params', () => {
+  it('test render EnterPassword has not params', async () => {
     const route = {};
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = buttonDone(instance);
     expect(button).toHaveLength(1);
   });
 
-  test('test render EnterPassword text input password', () => {
+  it('test render EnterPassword text input password', async () => {
     const route = {
       params: { dataParams: {}, type: '' },
     };
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.findAll(
@@ -82,7 +82,7 @@ describe('Test EnterPassword', () => {
     expect(textInput).toHaveLength(3);
   });
 
-  test('test EnterPassword button done onPress none type ', async () => {
+  it('test EnterPassword button done onPress none type ', async () => {
     const route = {
       params: { dataParams: { unit_id: 1, member: { id: 1 } }, type: '' },
     };
@@ -97,7 +97,7 @@ describe('Test EnterPassword', () => {
     });
   });
 
-  test('test EnterPassword button done onPress has type ', async () => {
+  it('test EnterPassword button done onPress has type ', async () => {
     const route = {
       params: {
         dataParams: {
@@ -119,7 +119,7 @@ describe('Test EnterPassword', () => {
     expect(mockNavigate).toBeCalled();
   });
 
-  test('test EnterPassword button failure', async () => {
+  it('test EnterPassword button failure', async () => {
     const route = {
       params: {
         dataParams: {

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

@@ -32,9 +32,9 @@ jest.mock('@react-navigation/native', () => {
 describe('test Explore', () => {
   let tree;
 
-  test('Explore', async () => {
-    act(() => {
-      tree = create(wrapComponent(mockedNavigate));
+  it('Explore', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(mockedNavigate));
     });
     const instance = tree.root;
     const safeAreaView = instance.findAllByType(SafeAreaView);

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

@@ -79,7 +79,7 @@ describe('Test GuestInfo', () => {
     };
   });
 
-  test('test render GuestInfo', async () => {
+  it('test render GuestInfo', async () => {
     mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -116,7 +116,7 @@ describe('Test GuestInfo', () => {
     expect(temporary.props.isSelected).toBeTruthy();
   });
 
-  test('test open and close 2 modal', async () => {
+  it('test open and close 2 modal', async () => {
     mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -182,7 +182,7 @@ describe('Test GuestInfo', () => {
     expect(accessScheduleSheet.props.isVisible).toBeFalsy();
   });
 
-  test('test save', async () => {
+  it('test save', async () => {
     data.access_schedule = 'recurring';
     mock.onGet(API.SHARED_SENSOR.ACCESS(1)).reply(200, data);
     await act(async () => {

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

@@ -89,7 +89,7 @@ describe('Test HanetCaptureFaceID', () => {
     });
   };
 
-  test('Test update face id', async () => {
+  it('Test update face id', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -110,7 +110,7 @@ describe('Test HanetCaptureFaceID', () => {
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
-  test('Test set face id for new member', async () => {
+  it('Test set face id for new member', async () => {
     route.params.isAddNewMember = true;
     await act(async () => {
       tree = await create(wrapComponent(route));