@eohjsc/react-native-smart-city 0.7.21 → 0.7.23

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
-
-import InfoMemberUnit from '../InfoMemberUnit';
-import { HeaderCustom } from '../../../commons/Header';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
 import { AlertAction, ViewButtonBottom } from '../../../commons';
+import { act, create } from 'react-test-renderer';
+
 import API from '../../../configs/API';
 import { AccessibilityLabel } from '../../../configs/Constants';
-import api from '../../../utils/Apis/axios';
+import { HeaderCustom } from '../../../commons/Header';
+import InfoMemberUnit from '../InfoMemberUnit';
 import ItemChangeRole from '../Components/ItemChangeRole';
+import MockAdapter from 'axios-mock-adapter';
 import ModalPopupCT from '../../../commons/ModalPopupCT';
+import React from 'react';
 import Routes from '../../../utils/Route';
-import { useNavigation } from '@react-navigation/native';
 import RowGuestInfo from '../../GuestInfo/components/RowGuestInfo';
+import { SCProvider } from '../../../context';
+import { TouchableOpacity } from 'react-native';
+import api from '../../../utils/Apis/axios';
+import { mockSCStore } from '../../../context/mockStore';
+import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -212,4 +212,51 @@ describe('Test InfoMemberUnit', () => {
     });
     expect(global.mockedNavigate).toHaveBeenCalledTimes(1);
   });
+
+  it('test click left button', async () => {
+    jest.useFakeTimers();
+    mock.onGet(API.SHARE.UNIT_MEMBER_INFO(1, 1)).reply(200, {
+      id: 2,
+      identity: 'member',
+      name: 'user',
+      email: 'abc@gmail.com',
+      avatar: 'abc.png',
+    });
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const touchChangeRole = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.CHANGE_ROLE,
+    });
+    await act(async () => {
+      await touchChangeRole.props.onPress();
+    });
+
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toEqual(true);
+
+    const itemChangeRole = instance.findAllByType(ItemChangeRole);
+    expect(itemChangeRole).toHaveLength(2);
+
+    await act(async () => {
+      await itemChangeRole[0].props.onPress();
+    });
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+
+    await act(async () => {
+      jest.runAllTimers();
+    });
+
+    const viewButtonBottom = instance.findAllByType(ViewButtonBottom);
+    expect(viewButtonBottom).toHaveLength(2);
+
+    await act(async () => {
+      await viewButtonBottom[1].props.onLeftClick();
+    });
+    const modalPopupCT = instance.findByType(ModalPopupCT);
+    expect(modalPopupCT.props.isVisible).toEqual(false);
+  });
 });

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

@@ -1,19 +1,20 @@
-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 { IconOutline } from '@ant-design/icons-react-native';
+import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import SelectShareDevice from '../SelectShareDevice';
+import { ShareDeviceSelector } from '../Components';
+import { ViewButtonBottom } from '../../../commons';
+import { act } from '@testing-library/react-hooks';
+import api from '../../../utils/Apis/axios';
+import { create } from 'react-test-renderer';
+import { mockSCStore } from '../../../context/mockStore';
+import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
-jest.spyOn(Alert, 'alert').mockImplementation(() => {});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -28,175 +29,65 @@ describe('Test SelectShareDevice', () => {
       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();
+  let listDevices;
+  beforeEach(() => {
     mock.resetHistory();
+    listDevices = [
+      {
+        id: 1,
+        name: 'Sub unit 1',
+        devices: [
+          {
+            id: 1,
+            icon_kit: 'https://xxx.png',
+            actions: [{ id: 1, name: 'action 1' }],
+            read_configs: [{ id: 1, name: 'config 1' }],
+            name: 'child1',
+          },
+        ],
+      },
+    ];
   });
-
-  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(
+  const clickChooseDevice = async (instance, deviceId, status) => {
+    const chooseDevice = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
-        `${AccessibilityLabel.CHECK_BOX_CUSTOM}-0`
+        `${AccessibilityLabel.SHARE_DEVICE.NAME_END_DEVICE}-device-${deviceId}`
     );
-    expect(checkBoxSubunit.props.isChecked).toEqual(statusCheckbox);
     await act(async () => {
-      await checkBoxSubunit.props.onPress();
+      chooseDevice.props.onPress();
     });
-  };
-
-  const clickCheckBoxConfig = async (instance, configId, statusCheckbox) => {
-    let checkBoxConfig = instance.find(
+    const iconCheck = instance.findAll(
       (el) =>
         el.props.accessibilityLabel ===
-        `${AccessibilityLabel.SHARE_DEVICE.CHECK_BOX_CONFIG}-${configId}`
+          `${AccessibilityLabel.SHARE_DEVICE.ICON_CHECK}-device-${deviceId}` &&
+        el.type === IconOutline
     );
-    expect(checkBoxConfig.props.isChecked).toEqual(statusCheckbox);
-    await act(async () => {
-      await checkBoxConfig.props.onPress();
-    });
+    expect(iconCheck).toHaveLength(status ? 1 : 0);
   };
-
-  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);
-
+  test('test render SelectShareDevice', async () => {
+    const mockedNavigate = useNavigation().navigate;
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS_v2(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 instance = tree.root;
+    expect(instance.findAllByType(ShareDeviceSelector)).toHaveLength(1);
+    expect(instance.findAllByType(ViewButtonBottom)).toHaveLength(1);
+    await clickChooseDevice(instance, 1, true);
 
-    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    const viewButtonBottom = instance.findByType(ViewButtonBottom);
     await act(async () => {
-      ViewButtonBottomElement[0].props.onRightClick();
+      viewButtonBottom.props.onRightClick();
     });
-    expect(global.mockedNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
-      unit: { id: 1, name: 'unit 1' },
+    expect(viewButtonBottom.props.rightTitle).toEqual('Next');
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.SharingInviteMembers, {
+      unit: route.params.unit,
       permissions: {
-        read_permissions: [
-          { id: 5, values: [7] },
-          { id: 8, values: [] },
-        ],
-        control_permissions: [{ id: 5, values: [6] }],
+        read_permissions: [{ id: 1, values: [1] }],
+        control_permissions: [{ id: 1, values: [1] }],
       },
     });
   });
-
-  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(global.mockedGoBack).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__/SelectUser.test.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import { Button, ViewButtonBottom } from '../../../commons';
+import { act, create } from 'react-test-renderer';
 
-import { ViewButtonBottom, Button } from '../../../commons';
-import _TextInput from '../../../commons/Form/TextInput';
-import AccountList from '../../../commons/Auth/AccountList';
 import { API } from '../../../configs';
-import { getTranslate } from '../../../utils/I18n';
+import AccountList from '../../../commons/Auth/AccountList';
+import { IconOutline } from '@ant-design/icons-react-native';
+import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
 import SharingInviteMembers from '../SelectUser';
 import { ToastBottomHelper } from '../../../utils/Utils';
-import { IconOutline } from '@ant-design/icons-react-native';
+import _TextInput from '../../../commons/Form/TextInput';
+import api from '../../../utils/Apis/axios';
+import { getTranslate } from '../../../utils/I18n';
+import { mockSCStore } from '../../../context/mockStore';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -27,6 +27,7 @@ describe('test SharingInviteMembers container', () => {
   let route;
 
   beforeEach(() => {
+    mock.resetHistory();
     route = {
       params: {
         unit: {
@@ -67,6 +68,30 @@ describe('test SharingInviteMembers container', () => {
     expect(viewButtonBottom.props.rightDisabled).toBeTruthy();
   });
 
+  it('search user by phone api response error', async () => {
+    const spyToast = jest.spyOn(ToastBottomHelper, 'error');
+    const phone = '0909123456';
+    mock.onGet(API.SHARE.SEARCH_USER_BY_PHONE(phone)).reply(400);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    const textInput = instance.findByType(_TextInput);
+    const button = instance.findByType(Button);
+
+    expect(textInput.props.errorText).toEqual('');
+    await act(async () => {
+      textInput.props.onChange(phone);
+    });
+    await act(async () => {
+      button.props.onPress();
+    });
+    let accountList = instance.findAllByType(AccountList);
+    expect(accountList).toHaveLength(0);
+    expect(spyToast).toBeCalledWith('Not found');
+  });
+
   it('input phone valid and call api share permission', async () => {
     const phone = '0909123456';
     const spyToast = jest.spyOn(ToastBottomHelper, 'success');
@@ -104,6 +129,43 @@ describe('test SharingInviteMembers container', () => {
     expect(spyToast).toBeCalledWith('Invited user');
   });
 
+  it('input phone valid and call api share permission error', async () => {
+    const phone = '0909123456';
+    const spyToast = jest.spyOn(ToastBottomHelper, 'success');
+    spyToast.mockClear();
+    mock.onGet(API.SHARE.SEARCH_USER_BY_PHONE(phone)).reply(200, {
+      id: 3,
+      name: 'user add',
+      phone_number: phone,
+    });
+
+    mock.onPost(API.SHARE.SHARE_V2()).reply(400);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const textInput = instance.findByType(_TextInput);
+    const buttonCheckUser = instance.findByType(Button);
+    let accountList = instance.findAllByType(AccountList);
+    expect(accountList).toHaveLength(0);
+    await act(async () => {
+      await textInput.props.onChange(phone);
+    });
+    await act(async () => {
+      await buttonCheckUser.props.onPress();
+    });
+
+    accountList = instance.findAllByType(AccountList);
+    expect(accountList).toHaveLength(1);
+    expect(accountList[0].props.accounts).toHaveLength(1);
+
+    const viewButtonBottom = instance.findByType(ViewButtonBottom);
+    await act(async () => {
+      viewButtonBottom.props.onRightClick();
+    });
+    expect(spyToast).not.toHaveBeenCalled();
+  });
+
   it('input 2 email valid and remove 1 email then call api share permission', async () => {
     const email_1 = 'test1@gmail.com';
     const email_2 = 'test2@gmail.com';