@eohjsc/react-native-smart-city 0.5.1 → 0.5.2-rc

package/src/screens/Sharing/__test__/SelectShareDevice.test.js

@@ -0,0 +1,215 @@
+import { act } from '@testing-library/react-hooks';
+import React from 'react';
+import { Alert } from 'react-native';
+import { create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+import { ViewButtonBottom } from '../../../commons';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import API from '../../../configs/API';
+import api from '../../../utils/Apis/axios';
+import AccessibilityLabel from '../../../configs/AccessibilityLabel';
+import SelectShareDevice from '../SelectShareDevice';
+import Routes from '../../../utils/Route';
+
+const mock = new MockAdapter(api.axiosInstance);
+jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+const mockNavigate = jest.fn();
+const mockGoBack = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+      goBack: mockGoBack,
+    }),
+  };
+});
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectShareDevice route={route} />
+  </SCProvider>
+);
+
+describe('Test SelectShareDevice', () => {
+  let tree;
+  let route = {
+    params: {
+      unit: { id: 1, name: 'unit 1' },
+    },
+  };
+  let listDevices = [
+    {
+      id: 1,
+      name: 'Sub unit',
+      devices: [
+        {
+          id: 2,
+          actions: [{ id: 3, name: 'action 1' }],
+          read_configs: [{ id: 4, name: 'config 1' }],
+          name: 'child1',
+        },
+        {
+          id: 5,
+          actions: [{ id: 6, name: 'action 2' }],
+          read_configs: [{ id: 7, name: 'config 2' }],
+          name: 'child2',
+        },
+        {
+          id: 8,
+          actions: [],
+          read_configs: [],
+          name: 'child3',
+        },
+      ],
+    },
+  ];
+
+  afterEach(() => {
+    Alert.alert.mockReset();
+    mock.resetHistory();
+    mockNavigate.mockClear();
+    mockGoBack.mockClear();
+  });
+
+  const clickCheckBoxAllDevice = async (instance, statusCheckbox) => {
+    const checkBoxAllDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.CHECK_BOX_CUSTOM}-undefined`
+    );
+    expect(checkBoxAllDevice.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxAllDevice.props.onPress();
+    });
+  };
+
+  const clickCheckBoxSubUnit = async (instance, statusCheckbox) => {
+    const checkBoxSubunit = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.CHECK_BOX_CUSTOM}-0`
+    );
+    expect(checkBoxSubunit.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxSubunit.props.onPress();
+    });
+  };
+
+  const clickCheckBoxConfig = async (instance, configId, statusCheckbox) => {
+    let checkBoxConfig = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.CHECK_BOX_CONFIG}-${configId}`
+    );
+    expect(checkBoxConfig.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxConfig.props.onPress();
+    });
+  };
+
+  const clickExpandEndDevice = async (instance, indexEndDevice, statusIcon) => {
+    const expandEndDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.EXPAND_END_DEVICE}-${indexEndDevice}`
+    );
+    expect(expandEndDevice.props.name).toEqual(statusIcon);
+    await act(async () => {
+      await expandEndDevice.props.onPress();
+    });
+  };
+
+  const clickNameEndDevice = async (instance, indexEndDevice) => {
+    const nameEndDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.CLICK_NAME_END_DEVICE}-${indexEndDevice}`
+    );
+    await act(async () => {
+      await nameEndDevice.props.onPress();
+    });
+  };
+
+  it('test user select share device', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200, listDevices);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    let instance = tree.root;
+    await clickNameEndDevice(instance, 0); // click to select all configs in end device index 0
+    await clickNameEndDevice(instance, 0); // click again to remove all configs, and coverage expand end device
+    await clickCheckBoxConfig(instance, 3, false); // click to select action
+    await clickCheckBoxConfig(instance, 3, true); // click again to coverage case status reversal
+    await clickCheckBoxConfig(instance, 4, false); // click to select config
+    await clickCheckBoxConfig(instance, 4, true); // click again to coverage case status reversal
+    await clickExpandEndDevice(instance, 0, 'up');
+    await clickExpandEndDevice(instance, 0, 'down'); // click again to coverage case status reversal
+
+    await clickCheckBoxAllDevice(instance, false); // click to select all device
+    await clickCheckBoxSubUnit(instance, true); // click to remove all device in sub unit id 1
+    await clickNameEndDevice(instance, 1); // click to select all configs in end device index 1
+    await clickNameEndDevice(instance, 2); // click to select all configs in end device index 2
+
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(mockNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
+      unit: { id: 1, name: 'unit 1' },
+      permissions: {
+        read_permissions: [
+          { id: 5, values: [7] },
+          { id: 8, values: [] },
+        ],
+        control_permissions: [{ id: 5, values: [6] }],
+      },
+    });
+  });
+
+  it('test no data, api get UNIT_PERMISSIONS false', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(400);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    let text = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.TEXT_NO_DATA_STATIONS
+    );
+    expect(text.props.children).toEqual('No data');
+  });
+
+  it('user not choose device click button back', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onLeftClick();
+    });
+    expect(mockGoBack).toBeCalled();
+  });
+
+  it('user not choose device click button next', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(Alert.alert.mock.calls[0][1]).toEqual(
+      'Please choose at least one sensor.'
+    );
+  });
+});

package/src/screens/Sharing/__test__/UnitMemberList.test.js

@@ -71,7 +71,7 @@ describe('test MemberList', () => {
       await memberListButtons[1].props.onPress();
     });
     expect(mockedNavigate).toBeCalledWith(Routes.AddMemberStack, {
-      screen: Routes.SharingSelectPermission,
+      screen: Routes.SelectShareDevice,
       params: { unit: { id: 1 } },
     });
   });

package/src/screens/Sharing/__test__/UpdateShareDevice.test.js

@@ -0,0 +1,307 @@
+import { act } from '@testing-library/react-hooks';
+import React from 'react';
+import { Alert } from 'react-native';
+import { create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+import { ViewButtonBottom } from '../../../commons';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import API from '../../../configs/API';
+import api from '../../../utils/Apis/axios';
+import UpdateShareDevice from '../UpdateShareDevice';
+import AccessibilityLabel from '../../../configs/AccessibilityLabel';
+
+const mock = new MockAdapter(api.axiosInstance);
+jest.spyOn(Alert, 'alert').mockImplementation(() => {});
+const mockNavigate = jest.fn();
+const mockGoBack = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+      goBack: mockGoBack,
+    }),
+  };
+});
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <UpdateShareDevice route={route} />
+  </SCProvider>
+);
+
+describe('Test UpdateShareDevice', () => {
+  let tree;
+  let route = {
+    params: {
+      unit: { id: 1, name: 'unit 1' },
+      member: {
+        id: 1,
+        name: 'a',
+        phone_number: '0901234567',
+        email: 'email@gmail.com',
+      },
+    },
+  };
+  let listDevices = [
+    {
+      id: 1,
+      name: 'Sub unit',
+      devices: [
+        {
+          id: 2,
+          actions: [{ id: 3, name: 'action 1' }],
+          read_configs: [{ id: 4, name: 'config 1' }],
+          name: 'child1',
+        },
+        {
+          id: 5,
+          actions: [{ id: 6, name: 'action 2' }],
+          read_configs: [{ id: 7, name: 'config 2' }],
+          name: 'child2',
+        },
+        {
+          id: 8,
+          actions: [],
+          read_configs: [],
+          name: 'child3',
+        },
+      ],
+    },
+  ];
+
+  afterEach(() => {
+    Alert.alert.mockReset();
+    mock.resetHistory();
+    mockNavigate.mockClear();
+    mockGoBack.mockClear();
+  });
+
+  const clickCheckBoxAllDevice = async (instance, statusCheckbox) => {
+    const checkBoxAllDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.CHECK_BOX_CUSTOM}-undefined`
+    );
+    expect(checkBoxAllDevice.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxAllDevice.props.onPress();
+    });
+  };
+
+  const clickCheckBoxSubUnit = async (instance, statusCheckbox) => {
+    const checkBoxSubunit = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.CHECK_BOX_CUSTOM}-0`
+    );
+    expect(checkBoxSubunit.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxSubunit.props.onPress();
+    });
+  };
+
+  const clickCheckBoxConfig = async (instance, configId, statusCheckbox) => {
+    let checkBoxConfig = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.CHECK_BOX_CONFIG}-${configId}`
+    );
+    expect(checkBoxConfig.props.isChecked).toEqual(statusCheckbox);
+    await act(async () => {
+      await checkBoxConfig.props.onPress();
+    });
+  };
+
+  const clickExpandEndDevice = async (instance, indexEndDevice, statusIcon) => {
+    const expandEndDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.EXPAND_END_DEVICE}-${indexEndDevice}`
+    );
+    expect(expandEndDevice.props.name).toEqual(statusIcon);
+    await act(async () => {
+      await expandEndDevice.props.onPress();
+    });
+  };
+
+  const clickNameEndDevice = async (instance, indexEndDevice) => {
+    const nameEndDevice = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        `${AccessibilityLabel.SHARE_DEVICE.CLICK_NAME_END_DEVICE}-${indexEndDevice}`
+    );
+    await act(async () => {
+      await nameEndDevice.props.onPress();
+    });
+  };
+
+  it('test user update share device by phone', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200, listDevices);
+    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(200, []);
+    mock.onPost(API.SHARE.SHARE()).reply(200);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    let instance = tree.root;
+    await clickNameEndDevice(instance, 0); // click to select all configs in end device index 0
+    await clickNameEndDevice(instance, 0); // click again to remove all configs, and coverage expand end device
+    await clickCheckBoxConfig(instance, 3, false); // click to select action
+    await clickCheckBoxConfig(instance, 3, true); // click again to coverage case status reversal
+    await clickCheckBoxConfig(instance, 4, false); // click to select config
+    await clickCheckBoxConfig(instance, 4, true); // click again to coverage case status reversal
+    await clickExpandEndDevice(instance, 0, 'up');
+    await clickExpandEndDevice(instance, 0, 'down'); // click again to coverage case status reversal
+
+    await clickCheckBoxAllDevice(instance, false); // click to select all device
+    await clickCheckBoxSubUnit(instance, true); // click to remove all device in sub unit id 1
+    await clickNameEndDevice(instance, 1); // click to select all configs in end device index 1
+    await clickNameEndDevice(instance, 2); // click to select all configs in end device index 2
+
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(mockGoBack).toBeCalled();
+    expect(mock.history.post[0].data).toEqual(
+      JSON.stringify({
+        phone: '0901234567',
+        email: '',
+        unit: 1,
+        permissions: {
+          read_permissions: [
+            { id: 5, values: [7] },
+            { id: 8, values: [] },
+          ],
+          control_permissions: [{ id: 5, values: [6] }],
+        },
+        is_remove_old_permission: true,
+      })
+    );
+  });
+
+  it('test user update share device by email', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200, listDevices);
+    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(200, []);
+    mock.onPost(API.SHARE.SHARE()).reply(200);
+
+    route.params.member.phone_number = '';
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    await clickNameEndDevice(instance, 0); // click to select all configs in end device index 0
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(mockGoBack).toBeCalled();
+    expect(mock.history.post[0].data).toEqual(
+      JSON.stringify({
+        phone: '',
+        email: 'email@gmail.com',
+        unit: 1,
+        permissions: {
+          read_permissions: [{ id: 2, values: [4] }],
+          control_permissions: [{ id: 2, values: [3] }],
+        },
+        is_remove_old_permission: true,
+      })
+    );
+  });
+
+  it('test user update share device not have phone and email', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200, listDevices);
+    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(200, []);
+    mock.onPost(API.SHARE.SHARE()).reply(400);
+
+    route.params.member.phone_number = '';
+    route.params.member.email = '';
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    await clickNameEndDevice(instance, 0); // click to select all configs in end device index 0
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(mockGoBack).not.toBeCalled();
+    expect(mock.history.post[0].data).toEqual(
+      JSON.stringify({
+        phone: '',
+        email: '',
+        unit: 1,
+        permissions: {
+          read_permissions: [{ id: 2, values: [4] }],
+          control_permissions: [{ id: 2, values: [3] }],
+        },
+        is_remove_old_permission: true,
+      })
+    );
+  });
+
+  it('test no data, api get UNIT_PERMISSIONS false', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(400);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    let text = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.TEXT_NO_DATA_STATIONS
+    );
+    expect(text.props.children).toEqual('No data');
+  });
+
+  it('test api get UNIT_MEMBER_SHARE_DEVICE false', async () => {
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200, listDevices);
+    mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(400);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    let text = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.TEXT_NO_DATA_STATIONS
+    );
+    expect(text).toEqual([]);
+  });
+
+  it('user not choose device click button back', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onLeftClick();
+    });
+    expect(mockGoBack).toBeCalled();
+  });
+
+  it('user not choose device click button next', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    await act(async () => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(Alert.alert.mock.calls[0][1]).toEqual(
+      'Please choose at least one sensor.'
+    );
+  });
+});

package/src/screens/Sharing/hooks/index.js

@@ -16,6 +16,7 @@ const useDataMember = (unitId, userUnitId = undefined) => {
   const [loading, setLoading] = useState(true);
   const user = useSCContextSelector((state) => state?.auth?.account?.user);
   const { isOwner } = useIsOwnerOfUnit(userUnitId);
+  const [isRemoving, setIsRemoving] = useState(false);
 
   const insertAndShift = (arr, from, to) => {
     let cutOut = arr.splice(from, 1)[0]; // cut the element at index 'from'
@@ -50,12 +51,15 @@ const useDataMember = (unitId, userUnitId = undefined) => {
 
   const removeMember = useCallback(
     async (id, name) => {
+      setIsRemoving(true);
       await axiosDelete(API.SHARE.UNITS_MEMBER_DETAIL(unitId, id));
       ToastBottomHelper.success(
         t('sharing_removed_user', {
           name,
         })
       );
+
+      setIsRemoving(false);
       goBack();
     },
     [goBack, t, unitId]
@@ -85,6 +89,7 @@ const useDataMember = (unitId, userUnitId = undefined) => {
     isRefresh,
     onRefresh,
     loading,
+    isRemoving,
   };
 };
 

package/src/screens/SubUnit/AddSubUnit.js

@@ -183,12 +183,8 @@ const AddSubUnit = ({ route }) => {
   );
 
   const validateData = useMemo(() => {
-    if (isAddUnit) {
-      return roomName === '' || wallpaper === '' || !location.description;
-    } else {
-      return roomName === '' || wallpaper === '';
-    }
-  }, [roomName, wallpaper, location, isAddUnit]);
+    return roomName === '';
+  }, [roomName]);
 
   const onChooseLocation = useCallback(() => {
     navigate(Routes.AddLocationMaps);

package/src/screens/SubUnit/EditSubUnitStyles.js

@@ -11,6 +11,7 @@ export default StyleSheet.create({
     flex: 1,
   },
   title: {
+    paddingTop: 22,
     paddingLeft: 22,
     fontSize: 24,
     lineHeight: 32,
@@ -43,7 +44,7 @@ export default StyleSheet.create({
     bottom: 0,
     borderWidth: 0,
     alignSelf: 'center',
-    paddingBottom: 16 + getBottomSpace(),
+    paddingBottom: 36 + getBottomSpace(),
   },
   removeText: {
     borderBottomWidth: 1,

package/src/screens/Unit/AddMenu.js

@@ -54,7 +54,7 @@ const AddMenu = memo(({ unit, afterItemClick, showAdd, setHideAdd }) => {
         image: <AddMemberIcon width={43} height={43} />,
         onClick: () =>
           navigation.navigate(Routes.AddMemberStack, {
-            screen: Routes.SharingSelectPermission,
+            screen: Routes.SelectShareDevice,
             params: { unit },
           }),
       },

package/src/utils/Route/index.js

@@ -75,7 +75,8 @@ const Routes = {
   ConnectingWifiGuide: 'ConnectingWifiGuide',
 
   UnitMemberList: 'UnitMemberList',
-  SharingSelectPermission: 'SharingSelectPermission',
+  UpdateShareDevice: 'UpdateShareDevice',
+  SelectShareDevice: 'SelectShareDevice',
   SharingInviteMembers: 'SharingInviteMembers',
   LocationNearMe: 'LocationNearMe',
   WindSpeed: 'WindSpeed',