@eohjsc/react-native-smart-city 0.4.41 → 0.4.42

package/src/screens/Sharing/MemberList.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation, useIsFocused } from '@react-navigation/native';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { Colors } from '../../configs';
@@ -17,8 +17,6 @@ import { useSCContextSelector } from '../../context';
 import { useBackendPermission } from '../../utils/Permission/backend';
 import { ToastBottomHelper } from '../../utils/Utils';
 
-const isAndroid = Platform.OS === 'android';
-
 const MemberList = ({ route }) => {
   const t = useTranslations();
   const { navigate } = useNavigation();
@@ -71,16 +69,6 @@ const MemberList = ({ route }) => {
     hideStateAlertSharingMenu();
   }, [hideStateAlertSharingMenu, isOwner, leaveUnit, unit.name]);
 
-  const getIconRight = useCallback(() => {
-    if (isOwner) {
-      if (isAndroid) {
-        return 'plus-square';
-      }
-      return 'plus';
-    }
-    return 'ellipsis';
-  }, [isOwner]);
-
   useEffect(() => {
     if (isFocused) {
       onRefresh();
@@ -91,13 +79,12 @@ const MemberList = ({ route }) => {
     <TouchableOpacity
       accessibilityLabel={AccessibilityLabel.MEMBER_LIST_RIGHT_HEADER_TOUCH}
       onPress={onPressRightHeader}
-      style={[styles.rightHeader]}
+      style={styles.rightHeader}
     >
       <IconOutline
-        name={getIconRight()}
+        name={isOwner ? 'plus' : 'more'}
         size={30}
         color={Colors.Black}
-        style={{ transform: [{ rotate: isOwner ? '0deg' : '90deg' }] }}
       />
     </TouchableOpacity>
   );

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

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 import { act } from '@testing-library/react-hooks';
 import React, { useState } from 'react';
 import { FlatList, Text, Platform } from 'react-native';
@@ -24,8 +23,6 @@ jest.mock('react', () => {
   };
 });
 
-// NOTE: Hinh will fix it later
-
 const mockNavigate = jest.fn();
 const mockGoBack = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -47,6 +44,20 @@ const wrapComponent = (route) => (
 describe('Test SelectPermission', () => {
   let tree;
   let route = { params: { unit: { id: 1, name: 'unit 1' } } };
+  let listDevices = [
+    {
+      id: 204,
+      name: 'device',
+      devices: [
+        {
+          id: 123,
+          actions: [{ id: 136, name: 'action 1' }],
+          read_configs: [{ id: 137, name: 'config 1' }],
+          name: 'child1',
+        },
+      ],
+    },
+  ];
 
   const mockSetTickAllDevice = jest.fn();
   const mockSetActiveItemId = jest.fn();
@@ -59,6 +70,23 @@ describe('Test SelectPermission', () => {
     mockSetDataStations.mockClear();
   });
 
+  function mockLoading() {
+    useState.mockImplementationOnce((init) => [init, mockSetState]);
+    useState.mockImplementationOnce((init) => [init, mockSetState]);
+    useState.mockImplementationOnce((init) => [init, mockSetState]);
+    useState.mockImplementationOnce((init) => [false, mockSetState]); // loading
+  }
+
+  function mocSetdata() {
+    useState.mockImplementationOnce((init) => [
+      listDevices,
+      mockSetDataStations,
+    ]);
+    useState.mockImplementationOnce((init) => [init, mockSetTickAllDevice]);
+    useState.mockImplementationOnce((init) => [init, mockSetActiveItemId]);
+    useState.mockImplementationOnce((init) => [false, mockSetState]); // loading
+  }
+
   it('test unit null', async () => {
     Platform.OS = 'android';
     await act(async () => {
@@ -70,6 +98,7 @@ describe('Test SelectPermission', () => {
   });
 
   it('render empty list', async () => {
+    mockLoading();
     Platform.OS = 'ios';
     route.params.unit = 1;
     mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(200);
@@ -81,29 +110,32 @@ describe('Test SelectPermission', () => {
     expect(TextElement[2].props.children).toBe('No data');
   });
 
-  // it('test unit get permission default', async () => {
-  //   const routes = { params: { unit: { id: 1, name: '123' } } };
-  //   mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200);
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(routes));
-  //   });
-  //   const instance = tree.root;
-  //   const FlatListElement = instance.findAllByType(FlatList);
-  //   expect(FlatListElement).toHaveLength(1);
-  // });
-
-  // it('test unit fail default', async () => {
-  //   const routes = { params: { unit: null } };
-  //   mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(400);
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(routes));
-  //   });
-  //   const instance = tree.root;
-  //   const TextElement = instance.findAllByType(Text);
-  //   expect(TextElement[2].props.children).toBe('No data');
-  // });
+  it('test unit get permission default', async () => {
+    mocSetdata();
+    const routes = { params: { unit: { id: 1, name: '123' } } };
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(200);
+    await act(async () => {
+      tree = await create(wrapComponent(routes));
+    });
+    const instance = tree.root;
+    const FlatListElement = instance.findAllByType(FlatList);
+    expect(FlatListElement).toHaveLength(1);
+  });
+
+  it('test unit fail default', async () => {
+    mockLoading();
+    const routes = { params: { unit: null } };
+    mock.onGet(API.SHARE.UNIT_PERMISSIONS(1)).reply(400);
+    await act(async () => {
+      tree = await create(wrapComponent(routes));
+    });
+    const instance = tree.root;
+    const TextElement = instance.findAllByType(Text);
+    expect(TextElement[2].props.children).toBe('No data');
+  });
 
   it('test get unit fail shared', async () => {
+    mockLoading();
     route.params.unit = 1;
     mock.onGet(API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1)).reply(400);
     await act(async () => {
@@ -114,80 +146,87 @@ describe('Test SelectPermission', () => {
     expect(TextElement[2].props.children).toBe('No data');
   });
 
-  // it('render list', async () => {
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(route));
-  //   });
-  //   const instance = tree.root;
-  //   const FlatListElement = instance.findAllByType(FlatList);
-  //   expect(FlatListElement).toHaveLength(1);
-  //   const TitleCheckBoxElement = instance.findAllByType(TitleCheckBox);
-  //   expect(TitleCheckBoxElement).toHaveLength(2);
-  //   await act(async () => {
-  //     TitleCheckBoxElement[0].props.onPress(null, true);
-  //   });
-  //   expect(mockSetTickAllDevice).toBeCalledWith(true);
-  //   expect(mockSetDataStations).toBeCalledWith([
-  //     {
-  //       id: 204,
-  //       isChecked: true,
-  //       name: 'device',
-  //       devices: [
-  //         {
-  //           actions: [{ id: 136, isChecked: true, name: 'action 1' }],
-  //           id: 123,
-  //           isChecked: true,
-  //           name: 'child1',
-  //           read_configs: [{ id: 137, isChecked: true, name: 'config 1' }],
-  //         },
-  //       ],
-  //     },
-  //   ]);
-  //   await act(async () => {
-  //     TitleCheckBoxElement[0].props.onPress(204, true);
-  //   });
-  //   expect(mockSetTickAllDevice).toBeCalledWith(true);
-  // });
-
-  // it('test onTickedChild function', async () => {
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(route));
-  //   });
-  //   const instance = tree.root;
-  //   const DeviceItemElement = instance.findAllByType(DeviceItem);
-  //   expect(DeviceItemElement).toHaveLength(1);
-  //   await act(async () => {
-  //     DeviceItemElement[0].props.onTickedChild(204, 123, 137, true, true);
-  //   });
-  //   expect(mockSetDataStations).toBeCalled();
-  // });
-
-  // it('test onTickedDevice function', async () => {
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(route));
-  //   });
-  //   const instance = tree.root;
-  //   const DeviceItemElement = instance.findAllByType(DeviceItem);
-  //   await act(async () => {
-  //     DeviceItemElement[0].props.onTickedDevice(204, 123, true);
-  //     DeviceItemElement[0].props.toggleItem(123);
-  //   });
-  //   expect(mockSetDataStations).toBeCalled();
-  // });
-
-  // it('test onTickedDeviceIcon function', async () => {
-  //   await act(async () => {
-  //     tree = await create(wrapComponent(route));
-  //   });
-  //   const instance = tree.root;
-  //   const DeviceItemElement = instance.findAllByType(DeviceItem);
-  //   await act(async () => {
-  //     DeviceItemElement[0].props.onTickedDeviceIcon(204, 123, true);
-  //   });
-  //   expect(mockSetDataStations).toBeCalled();
-  // });
+  it('render list', async () => {
+    mocSetdata();
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const FlatListElement = instance.findAllByType(FlatList);
+    expect(FlatListElement).toHaveLength(1);
+    const TitleCheckBoxElement = instance.findAllByType(TitleCheckBox);
+    expect(TitleCheckBoxElement).toHaveLength(2);
+    await act(async () => {
+      TitleCheckBoxElement[0].props.onPress(null, true);
+    });
+    expect(mockSetTickAllDevice).toBeCalledWith(true);
+    expect(mockSetDataStations).toBeCalledWith([
+      {
+        id: 204,
+        isChecked: true,
+        name: 'device',
+        devices: [
+          {
+            actions: [{ id: 136, isChecked: true, name: 'action 1' }],
+            id: 123,
+            isChecked: true,
+            name: 'child1',
+            read_configs: [{ id: 137, isChecked: true, name: 'config 1' }],
+          },
+        ],
+      },
+    ]);
+    await act(async () => {
+      TitleCheckBoxElement[0].props.onPress(204, true);
+    });
+    expect(mockSetTickAllDevice).toBeCalledWith(true);
+  });
+
+  it('test onTickedChild function', async () => {
+    mocSetdata();
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const DeviceItemElement = instance.findAllByType(DeviceItem);
+    expect(DeviceItemElement).toHaveLength(1);
+    await act(async () => {
+      DeviceItemElement[0].props.onTickedChild(204, 123, 137, true, true);
+    });
+    expect(mockSetDataStations).toBeCalled();
+  });
+
+  it('test onTickedDevice function', async () => {
+    mocSetdata();
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const DeviceItemElement = instance.findAllByType(DeviceItem);
+    expect(DeviceItemElement).toHaveLength(1);
+    await act(async () => {
+      DeviceItemElement[0].props.onTickedDevice(204, 123, true);
+      DeviceItemElement[0].props.toggleItem(123);
+    });
+    expect(mockSetDataStations).toBeCalled();
+  });
+
+  it('test onTickedDeviceIcon function', async () => {
+    mocSetdata();
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const DeviceItemElement = instance.findAllByType(DeviceItem);
+    expect(DeviceItemElement).toHaveLength(1);
+    await act(async () => {
+      DeviceItemElement[0].props.onTickedDeviceIcon(204, 123, true);
+    });
+    expect(mockSetDataStations).toBeCalled();
+  });
 
   it('test ViewButtonBottom', async () => {
+    mocSetdata();
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -204,6 +243,8 @@ describe('Test SelectPermission', () => {
   });
 
   it('test selectPermission type share_device', async () => {
+    mocSetdata();
+    useState.mockImplementationOnce((init) => [true, mockSetState]);
     const response = {
       status: 200,
       data: [

package/src/screens/Template/__test__/EditTemplate.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-unused-vars */
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import DraggableFlatList from 'react-native-draggable-flatlist';
@@ -29,8 +28,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-// NOTE: Hinh will fix it later
-
 describe('Test EditTemplate', () => {
   let tree;
   const data = [
@@ -44,55 +41,55 @@ describe('Test EditTemplate', () => {
   ];
 
   it('Test render empty', async () => {
-    // useRoute.mockReturnValue({
-    //   params: {},
-    // });
-    // await act(async () => {
-    //   tree = await create(wrapComponent());
-    // });
-    // const instance = tree.root;
-    // const Texts = instance.findAllByType(Text);
-    // expect(Texts[0].props.children).toBe(getTranslate('en', 'no_widgets'));
-    // expect(Texts[1].props.children).toBe(getTranslate('en', 'add_your_widget'));
+    useRoute.mockReturnValue({
+      params: {},
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const Texts = instance.findAllByType(Text);
+    expect(Texts[0].props.children).toBe(getTranslate('en', 'no_widgets'));
+    expect(Texts[1].props.children).toBe(getTranslate('en', 'add_your_widget'));
   });
 
-  // it('Test render list widgets', async () => {
-  //   useRoute.mockReturnValue({
-  //     params: {
-  //       data,
-  //       setData: mockSetData,
-  //     },
-  //   });
-  //   await act(async () => {
-  //     tree = await create(wrapComponent());
-  //   });
-  //   const instance = tree.root;
-  //   const DraggableFlatLists = instance.findAllByType(DraggableFlatList);
-  //   expect(DraggableFlatLists).toHaveLength(1);
+  it('Test render list widgets', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        data,
+        setData: mockSetData,
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const DraggableFlatLists = instance.findAllByType(DraggableFlatList);
+    expect(DraggableFlatLists).toHaveLength(1);
 
-  //   const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
 
-  //   await act(async () => {
-  //     await TouchableOpacities[0].props.onPress();
-  //   });
-  //   await act(async () => {
-  //     const firstItem = instance.findByProps({ accessibilityLabel: 'item-0' });
-  //     await firstItem.props.onLongPress();
-  //   });
+    await act(async () => {
+      await TouchableOpacities[0].props.onPress();
+    });
+    await act(async () => {
+      const firstItem = instance.findByProps({ accessibilityLabel: 'item-0' });
+      await firstItem.props.onLongPress();
+    });
 
-  //   expect(mockGoBack).toBeCalled();
+    expect(mockGoBack).toBeCalled();
 
-  //   mockGoBack.mockReset();
-  //   await act(async () => {
-  //     await DraggableFlatLists[0].props.onDragEnd({
-  //       data,
-  //     });
-  //   });
-  //   await act(async () => {
-  //     await instance
-  //       .findByProps({ accessibilityLabel: 'Save' })
-  //       .props.onPress();
-  //   });
-  //   expect(mockGoBack).toBeCalled();
-  // });
+    mockGoBack.mockReset();
+    await act(async () => {
+      await DraggableFlatLists[0].props.onDragEnd({
+        data,
+      });
+    });
+    await act(async () => {
+      await instance
+        .findByProps({ accessibilityLabel: 'Save' })
+        .props.onPress();
+    });
+    expect(mockGoBack).toBeCalled();
+  });
 });

package/src/screens/Unit/SelectAddToFavorites.js

@@ -214,7 +214,6 @@ const SelectAddToFavorites = memo(({ route }) => {
             ? 'disabled'
             : 'primary'
         }
-        accessibilityLabelPrefix={AccessibilityLabel.BUTTON_SELECT_FAVORITES}
       />
       {loading && <FullLoading />}
     </View>

package/src/screens/Unit/__test__/SelectAddress.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { Alert } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
@@ -83,6 +83,14 @@ jest.mock('react-native-permissions', () => {
   return require('react-native-permissions/mock');
 });
 
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    memo: (x) => x,
+    useRef: jest.fn(),
+  };
+});
+
 describe('Test SelectAddress', () => {
   let tree, route, Platform;
   const mockUpdateLocation = jest.fn();
@@ -178,7 +186,7 @@ describe('Test SelectAddress', () => {
         animateToRegion,
       },
     };
-    jest.spyOn(React, 'useRef').mockReturnValue(mapRef);
+    useRef.mockImplementation(() => mapRef);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -219,8 +227,7 @@ describe('Test SelectAddress', () => {
     await act(async () => {
       await rowLocations[0].props.onPress({ place_id: 1, description: '1' });
     });
-    // NOTE: Hinh will fix it later
-    expect(animateToRegion).not.toBeCalled();
+    expect(animateToRegion).toBeCalled();
   });
 
   it('test get lat lng of location failed', async () => {

package/src/screens/UnitSummary/components/3PPowerConsumption/__test__/3PPowerConsumption.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { API, Colors } from '../../../../../configs';
@@ -9,6 +9,15 @@ import MockAdapter from 'axios-mock-adapter';
 import api from '../../../../../utils/Apis/axios';
 
 const mock = new MockAdapter(api.axiosInstance);
+const mockSetState = jest.fn();
+
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    useState: jest.fn(),
+  };
+});
+useState.mockImplementation((init) => [init, mockSetState]);
 
 const wrapComponent = (summaryDetail) => (
   <SCProvider initState={mockSCStore({})}>
@@ -84,5 +93,6 @@ describe('Test 3PPowerConsumption', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(summaryDetail));
     });
+    expect(mockSetState).toHaveBeenCalledWith([{}]);
   });
 });

package/src/utils/Apis/axios.js

@@ -62,7 +62,6 @@ const shouldHideError = async (message) => {
 const parseErrorResponse = async (error) => {
   let message;
   let data = {};
-
   if (error.data instanceof Array) {
     message = error.data[0];
   } else if (error.data instanceof Object) {

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

@@ -1425,6 +1425,4 @@ export default {
   actions: 'actions',
   value_must_be_less_than_8_character:
     'Value must be less than or equal to 8 characters',
-  bellow_widget_is_not_configured: 'Bellow widget is not configured',
-  bellow_widget_is_wrongly_configured: 'Bellow widget is wrongly configured',
 };

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

@@ -1436,6 +1436,4 @@ export default {
   you_can_only_add_more: 'Bạn chỉ có thể thêm {number}',
   actions: 'hành động',
   value_must_be_less_than_8_character: 'Giá trị phải ít hơn hoặc bằng 8 kí tự',
-  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',
 };

package/src/utils/Monitor.js

@@ -2,8 +2,8 @@ import { getPusher, destroyPusher } from './Pusher';
 
 // eslint-disable-next-line promise/prefer-await-to-callbacks
 export const watchNotificationData = (user, callback) => {
-  // const channel = getPusher().subscribe(`private-user-${user.id}`);
-  // channel.bind('new-notification', callback);
+  const channel = getPusher().subscribe(`private-user-${user.id}`);
+  channel.bind('new-notification', callback);
 };
 
 export const unwatchNotificationData = (user) => {