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

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/screens/Unit/ManageUnitStyles.js

@@ -18,7 +18,7 @@ export default StyleSheet.create({
     bottom: 0,
     borderWidth: 0,
     alignSelf: 'center',
-    paddingBottom: 16 + getBottomSpace(),
+    paddingBottom: 20 + getBottomSpace(),
   },
   boxImage: {
     flexDirection: 'row',

package/src/utils/I18n/translations/en.js

@@ -1464,6 +1464,8 @@ export default {
   end_devices_added: 'end devices added',
   bellow_widget_is_not_configured: 'Bellow widget is not configured',
   bellow_widget_is_wrongly_configured: 'Bellow widget is wrongly configured',
+  widget_have_not_been_shared:
+    '{widget} widget have not been shared. Please contact the owner',
   'customize...': 'Customize...',
   uri_invalid: 'URI invalid',
   when_value_is: 'When value is',

package/src/utils/I18n/translations/vi.js

@@ -1474,6 +1474,8 @@ export default {
   end_devices_added: 'thiết bị được thêm vào',
   bellow_widget_is_not_configured: 'Tiện ích bên dưới chưa được cấu hình',
   bellow_widget_is_wrongly_configured: 'Tiện ích bên dưới được cấu hình sai',
+  widget_have_not_been_shared:
+    'Tiện ích {widget} chưa được chia sẽ. Vui lòng liên hệ với chủ sở hữu',
   'customize...': 'Tùy chỉnh...',
   uri_invalid: 'URI không hợp lệ',
   when_value_is: 'Khi giá trị là',

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',

package/src/commons/ActionGroup/OnOffTemplate/styles.js

@@ -1,7 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  wrap: {
-    marginBottom: 16,
-  },
-});

package/src/screens/Sharing/Components/DeviceItem.js

@@ -1,146 +0,0 @@
-import React, { memo, useEffect, useMemo, useState } from 'react';
-import {
-  View,
-  Text,
-  LayoutAnimation,
-  Platform,
-  UIManager,
-  TouchableOpacity,
-} from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { Colors } from '../../../configs';
-import styles from './Styles/DeviceItemStyles';
-import FImage from '../../../commons/FImage';
-import { TitleCheckBox } from '.';
-import { CheckBoxCustom } from '.';
-import { AccessibilityLabel } from '../../../configs/Constants';
-
-const DeviceItem = ({
-  item = {},
-  isRenderSeparated,
-  onTickedChild,
-  onTickedDevice,
-  onTickedDeviceIcon,
-  isItemExpanded,
-  toggleItem,
-  idGroup,
-}) => {
-  const {
-    id = '',
-    name = '',
-    actions = [],
-    read_configs = [],
-    icon_kit = '',
-    isChecked,
-  } = item;
-  const [dataConfig, setDataConfig] = useState([
-    ...actions.map((i) => ({ ...i, isControl: true })),
-    ...read_configs.map((i) => ({ ...i, isConfig: true })),
-  ]);
-
-  const onPressItem = () => {
-    if (dataConfig.length > 0) {
-      toggleItem();
-      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-    } else {
-      handleOnTickedDevice();
-    }
-  };
-
-  const handleOnTickedChild = (group, checked, childId) => {
-    const dataTemp = [...dataConfig];
-    const indexTemp = dataTemp.findIndex((i) => i.id === childId);
-    dataTemp.splice(indexTemp, 1, {
-      ...dataTemp[indexTemp],
-      isChecked: checked,
-    });
-    setDataConfig(dataTemp);
-    onTickedChild &&
-      onTickedChild(
-        group,
-        id,
-        childId,
-        checked,
-        Boolean(dataTemp[indexTemp]?.isConfig)
-      );
-  };
-
-  const isCheckedIcon = useMemo(() => {
-    return dataConfig.some((i) => i.isChecked);
-  }, [dataConfig]);
-
-  const handleOnTickedIcon = () => {
-    onTickedDeviceIcon && onTickedDeviceIcon(idGroup, id, isCheckedIcon);
-  };
-
-  const handleOnTickedDevice = () => {
-    onTickedDevice && onTickedDevice(idGroup, id, !isChecked);
-  };
-
-  useEffect(() => {
-    Platform.OS === 'android' &&
-      UIManager.setLayoutAnimationEnabledExperimental &&
-      UIManager.setLayoutAnimationEnabledExperimental(true);
-  }, []);
-
-  const renderData = useMemo(() => {
-    return dataConfig.map((i) => (
-      <TitleCheckBox
-        title={i.name}
-        wrapCheckBoxStyle={styles.wrapCheckBoxStyle}
-        onPress={handleOnTickedChild}
-        isChecked={i.isChecked}
-        id={i.id}
-        titleStyle={styles.titleStyle}
-        key={i.id}
-        idGroup={idGroup}
-        isConfig={i.isConfig}
-        isControl={i.isControl}
-        wrapStyle={styles.wrapStyleTitle}
-      />
-    ));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dataConfig]);
-
-  return (
-    <View style={[styles.wrap, !isRenderSeparated && styles.isRenderSeparated]}>
-      <TouchableOpacity onPress={handleOnTickedIcon}>
-        <FImage
-          source={{ uri: icon_kit }}
-          style={styles.viewLeft}
-          tintColor={isCheckedIcon ? Colors.Primary : Colors.Gray}
-        />
-      </TouchableOpacity>
-      <View style={styles.wrapRight}>
-        <View style={styles.viewRight}>
-          <Text
-            numberOfLines={1}
-            style={styles.text}
-            onPress={onPressItem}
-            accessibilityLabel={AccessibilityLabel.TEXT_SENSOR_ITEM}
-          >
-            {name}
-          </Text>
-          {dataConfig.length > 0 ? (
-            <IconOutline
-              onPress={onPressItem}
-              name={isItemExpanded ? 'up' : 'down'}
-              size={20}
-              color={Colors.Gray6}
-            />
-          ) : (
-            <CheckBoxCustom
-              isChecked={isChecked}
-              onPress={onPressItem}
-              wrapStyle={styles.checkBox}
-            />
-          )}
-        </View>
-        {isItemExpanded && <View style={styles.wrapExpand}>{renderData}</View>}
-        {isRenderSeparated && <View style={styles.viewSeparated} />}
-      </View>
-    </View>
-  );
-};
-
-export default memo(DeviceItem);

package/src/screens/Sharing/Components/__test__/DeviceItem.test.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import DeviceItem from '../DeviceItem';
-import { Text } from 'react-native';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-
-const mockOnTickedDevice = jest.fn();
-const mockOnTickedChild = jest.fn();
-const wrapComponent = (item) => (
-  <SCProvider initState={mockSCStore({})}>
-    <DeviceItem
-      item={item}
-      onTickedChild={mockOnTickedChild}
-      onTickedSensor={mockOnTickedDevice}
-      activeItemId={item.id}
-    />
-  </SCProvider>
-);
-
-describe('test DeviceTemplate', () => {
-  it('test DeviceTemplate', async () => {
-    const item = {
-      id: 1,
-      name: 'abc',
-      actions: [],
-      read_configs: [],
-      icon_kit: '',
-      isChecked: true,
-    };
-    let tree;
-    await act(async () => {
-      tree = await create(wrapComponent(item));
-    });
-    const instance = tree.root;
-    const onPressText = instance.find(
-      (el) =>
-        el.type === Text &&
-        el.props.accessibilityLabel === AccessibilityLabel.TEXT_SENSOR_ITEM
-    );
-    expect(onPressText).toBeDefined();
-    await act(async () => {
-      onPressText.props.onPress();
-    });
-  });
-});