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

package/src/screens/SubUnit/__test__/AddSubUnit.test.js

@@ -75,7 +75,7 @@ describe('Test AddSubUnit', () => {
   });
   let tree;
 
-  test('onChoosePhoto show image picker', async () => {
+  it('onChoosePhoto show image picker', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -94,7 +94,7 @@ describe('Test AddSubUnit', () => {
     expect(imagePicker.props.showImagePicker).toEqual(true);
   });
 
-  test('ImagePicker setImageUrl show wallpaper', async () => {
+  it('ImagePicker setImageUrl show wallpaper', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -127,7 +127,7 @@ describe('Test AddSubUnit', () => {
     return viewButtonBottom;
   };
 
-  test('onChangeRoomName and setImageUrl for validateData', async () => {
+  it('onChangeRoomName and setImageUrl for validateData', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -135,7 +135,7 @@ describe('Test AddSubUnit', () => {
     await makeValidateData(instance);
   });
 
-  test('ViewButtonBottom onLeftClick', async () => {
+  it('ViewButtonBottom onLeftClick', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -149,7 +149,7 @@ describe('Test AddSubUnit', () => {
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
-  test('validateData then send api success', async () => {
+  it('validateData then send api success', async () => {
     mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {});
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -167,7 +167,7 @@ describe('Test AddSubUnit', () => {
     });
   });
 
-  test('validateData then send api fail', async () => {
+  it('validateData then send api fail', async () => {
     mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -185,7 +185,7 @@ describe('Test AddSubUnit', () => {
     });
   });
 
-  test('test create Unit', async () => {
+  it('test create Unit', async () => {
     route.params = {
       ...route.params,
       location: 'Unit address',
@@ -207,7 +207,7 @@ describe('Test AddSubUnit', () => {
     expect(mockNavigationDispatch).toBeCalledWith(mockReplace);
   });
 
-  test('test choose Location', async () => {
+  it('test choose Location', async () => {
     route.params = {
       ...route.params,
       location: '',
@@ -223,13 +223,13 @@ describe('Test AddSubUnit', () => {
         el.props.accessibilityLabel ===
         AccessibilityLabel.ADD_SUB_UNIT_BUTTON_CHOOSE_LOCATION
     );
-    act(() => {
+    await act(async () => {
       buttonChooseLocation.props.onPress();
     });
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddLocationMaps);
   });
 
-  test('test create Unit Fail', async () => {
+  it('test create Unit Fail', async () => {
     route.params = {
       ...route.params,
       location: 'Unit address',
@@ -252,7 +252,7 @@ describe('Test AddSubUnit', () => {
     });
   });
 
-  test('test create sub-unit type AddHassiDevice', async () => {
+  it('test create sub-unit type AddHassiDevice', async () => {
     route.params = {
       ...route.params,
       addType: 'AddHassiDevice',
@@ -269,7 +269,7 @@ describe('Test AddSubUnit', () => {
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
-  test('test create sub-unit type AddNewGateway', async () => {
+  it('test create sub-unit type AddNewGateway', async () => {
     route.params = {
       ...route.params,
       addType: 'AddNewGateway',

package/src/screens/SubUnit/__test__/Detail.test.js

@@ -109,16 +109,16 @@ describe('Test SubUnitDetail', () => {
   });
   let tree;
 
-  test('ItemDevice', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('ItemDevice', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const itemDevices = instance.findAllByType(ItemDevice);
     expect(itemDevices).toHaveLength(0);
   });
 
-  test('onBack', async () => {
+  it('onBack', async () => {
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [
         { name: 'route 1' },
@@ -138,7 +138,7 @@ describe('Test SubUnitDetail', () => {
     expect(mockedDangerouslyGetStatePop).toHaveBeenCalledWith(2);
   });
 
-  test('click Menu ActionMore', async () => {
+  it('click Menu ActionMore', async () => {
     mockedDangerouslyGetState.mockImplementation(() => ({
       routes: [
         { name: 'route 1' },
@@ -157,7 +157,7 @@ describe('Test SubUnitDetail', () => {
           AccessibilityLabel.HEADER_UNIT_BUTTON_BACK &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     const buttonOnActionPress = instance.findAll(

package/src/screens/SubUnit/__test__/EditSubUnit.test.js

@@ -95,9 +95,9 @@ describe('Test EditSubUnit', () => {
   });
   let tree;
 
-  test('alertAction', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('alertAction', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -109,7 +109,7 @@ describe('Test EditSubUnit', () => {
     );
   });
 
-  test('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
+  it('alertAction rightButtonClick success, previous screen Routes.UnitDetail', async () => {
     mock
       .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
       .reply(200);
@@ -122,8 +122,8 @@ describe('Test EditSubUnit', () => {
       ],
     }));
 
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
 
     const instance = tree.root;
@@ -134,7 +134,7 @@ describe('Test EditSubUnit', () => {
     expect(alertAction.props.visible).toEqual(false);
   });
 
-  test('alertAction rightButtonClick success', async () => {
+  it('alertAction rightButtonClick success', async () => {
     mock
       .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
       .reply(200);
@@ -142,8 +142,8 @@ describe('Test EditSubUnit', () => {
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
     }));
 
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -153,7 +153,7 @@ describe('Test EditSubUnit', () => {
     expect(mockedPop).not.toBeCalled();
   });
 
-  test('alertAction rightButtonClick fail', async () => {
+  it('alertAction rightButtonClick fail', async () => {
     mock
       .onDelete('https://backend.eoh.io/api/property_manager/1/sub_units/2/')
       .reply(400);
@@ -162,8 +162,8 @@ describe('Test EditSubUnit', () => {
       routes: [{ name: 'route 1' }, { name: 'route 2' }, { name: 'route 3' }],
     }));
 
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -179,9 +179,9 @@ describe('Test EditSubUnit', () => {
     });
   });
 
-  test('alertAction leftButtonClick', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('alertAction leftButtonClick', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -191,9 +191,9 @@ describe('Test EditSubUnit', () => {
     expect(alertAction.props.visible).toEqual(false);
   });
 
-  test('alertAction hideModal', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('alertAction hideModal', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -203,9 +203,9 @@ describe('Test EditSubUnit', () => {
     expect(alertAction.props.visible).toEqual(false);
   });
 
-  test('viewBottomButton onLeftClick', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('viewBottomButton onLeftClick', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const modal = instance.find(
@@ -229,13 +229,13 @@ describe('Test EditSubUnit', () => {
     expect(modal.props.isVisible).toEqual(false);
   });
 
-  test('viewBottomButton onRightClick success', async () => {
+  it('viewBottomButton onRightClick success', async () => {
     mock
       .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
       .reply(200, { name: 'Station name' });
 
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const text = instance.find(
@@ -252,10 +252,10 @@ describe('Test EditSubUnit', () => {
     expect(text.props.children).toEqual('Station name');
   });
 
-  test('viewBottomButton onRightClick fail', async () => {
+  it('viewBottomButton onRightClick fail', async () => {
     mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 2)).reply(200);
     await act(async () => {
-      tree = create(wrapComponent(route));
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewBottomButtons = instance.findAllByType(ViewButtonBottom);
@@ -268,9 +268,9 @@ describe('Test EditSubUnit', () => {
     expect(Toast.show).not.toHaveBeenCalled();
   });
 
-  test('onPressRemove', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onPressRemove', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -282,28 +282,28 @@ describe('Test EditSubUnit', () => {
     const alertAction = instance.findByType(AlertAction);
     expect(alertAction.props.visible).toEqual(false);
 
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
 
     expect(alertAction.props.visible).toEqual(true);
   });
 
-  test('onChangeName', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('onChangeName', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.findByType(_TextInput);
-    act(() => {
+    await act(async () => {
       textInput.props.onChange('New sub-unit name');
     });
     // This dont have expect
   });
 
-  test('selectFile', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('selectFile', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -314,19 +314,19 @@ describe('Test EditSubUnit', () => {
     );
     const imagePicker = instance.findByType(ImagePicker);
     expect(imagePicker.props.showImagePicker).toEqual(false);
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(imagePicker.props.showImagePicker).toEqual(true);
   });
 
-  test('setImage and updateBackground success', async () => {
+  it('setImage and updateBackground success', async () => {
     mock
       .onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1))
       .reply(200, { name: 'Station name' });
 
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const imagePicker = instance.findByType(ImagePicker);
@@ -342,10 +342,10 @@ describe('Test EditSubUnit', () => {
     });
   });
 
-  test('setImage and updateBackground but fail', async () => {
+  it('setImage and updateBackground but fail', async () => {
     mock.onPatch(API.SUB_UNIT.MANAGE_SUB_UNIT(1, 1)).reply(400);
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const imagePicker = instance.findByType(ImagePicker);

package/src/screens/SubUnit/__test__/ManageSubUnit.test.js

@@ -55,15 +55,15 @@ describe('Test ManageSubUnit', () => {
     useState.mockImplementationOnce((init) => [data, mockSetState]);
     useState.mockImplementationOnce((init) => [false, mockSetState]);
     useState.mockImplementationOnce((init) => [false, mockSetState]);
-    await act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const subUnitScrollViews = instance.findAllByType(ScrollView);
     expect(subUnitScrollViews).toHaveLength(2);
     const rowItem = instance.findAllByType(RowItem);
     expect(rowItem).toHaveLength(1);
-    act(() => {
+    await act(async () => {
       rowItem[0].props.onPress();
     });
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -81,8 +81,8 @@ describe('Test ManageSubUnit', () => {
     let route = {
       params: { unit: { id: 1, name: 'unit 1' } },
     };
-    await act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const buttonAddSubUnit = instance.find(
@@ -90,7 +90,7 @@ describe('Test ManageSubUnit', () => {
         el.props.accessibilityLabel === AccessibilityLabel.ADD_SUB_UNIT &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       buttonAddSubUnit.props.onPress();
     });
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddSubUnitStack, {

package/src/screens/SubUnit/hooks/__test__/useManageSubUnit.test.js

@@ -28,14 +28,14 @@ jest.mock('@react-navigation/native', () => {
 describe('Test Manage Access', () => {
   const unit = { id: 1, name: 'unit name' };
 
-  it('Test init', () => {
+  it('Test init', async () => {
     const { result } = renderHook(() => useManageSubUnit(unit));
     expect(result.current.stations).toEqual([]);
     expect(result.current.isLoading).toBeFalsy();
     expect(result.current.isRefreshing).toBeFalsy();
   });
 
-  it('Test onRefresh', () => {
+  it('Test onRefresh', async () => {
     const { result } = renderHook(() => useManageSubUnit(unit));
     mock.onGet(API.UNIT.UNIT_DETAIL(unit?.id)).reply(200, [
       {
@@ -71,16 +71,16 @@ describe('Test Manage Access', () => {
         ],
       },
     ]);
-    act(() => {
+    await act(async () => {
       result.current.onRefresh();
     });
     expect(result.current.isRefreshing).toBeFalsy();
   });
 
-  it('Test get unit failure', () => {
+  it('Test get unit failure', async () => {
     const { result } = renderHook(() => useManageSubUnit(unit));
     mock.onGet(API.UNIT.UNIT_DETAIL(unit?.id)).reply(400);
-    act(() => {
+    await act(async () => {
       result.current.onRefresh();
     });
     expect(result.current.isRefreshing).toBeFalsy();

package/src/screens/SyncLGDevice/__test__/AddLGDevice.test.js

@@ -62,7 +62,7 @@ describe('Test Add LG Device', () => {
     return instance.find((el) => el.props.accessibilityLabel === id);
   };
 
-  test('render', async () => {
+  it('render', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -84,7 +84,7 @@ describe('Test Add LG Device', () => {
     expect(groupCheckBox[0].props.data).toEqual([]);
   });
 
-  test('fetchDetails success', async () => {
+  it('fetchDetails success', async () => {
     const response = {
       status: 200,
       data: {
@@ -104,7 +104,7 @@ describe('Test Add LG Device', () => {
     ]);
   });
 
-  test('fetchDetails fail', async () => {
+  it('fetchDetails fail', async () => {
     mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(400);
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -120,7 +120,7 @@ describe('Test Add LG Device', () => {
     ]);
   });
 
-  test('ViewButtonBottom', async () => {
+  it('ViewButtonBottom', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -135,7 +135,7 @@ describe('Test Add LG Device', () => {
     );
   });
 
-  test('ViewButtonBottom onLeftClick', async () => {
+  it('ViewButtonBottom onLeftClick', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -147,7 +147,7 @@ describe('Test Add LG Device', () => {
     expect(mockedGoBack).toHaveBeenCalled();
   });
 
-  test('ViewButtonBottom onRightClick without select stationId', async () => {
+  it('ViewButtonBottom onRightClick without select stationId', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -159,7 +159,7 @@ describe('Test Add LG Device', () => {
     expect(mockedNavigate).toHaveBeenCalled();
   });
 
-  test('ViewButtonBottom onRightClick with stationId', async () => {
+  it('ViewButtonBottom onRightClick with stationId', async () => {
     const response = {
       status: 200,
       data: {
@@ -211,7 +211,7 @@ describe('Test Add LG Device', () => {
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
-  test('ViewButtonBottom onRightClick with stationId but sync failed', async () => {
+  it('ViewButtonBottom onRightClick with stationId but sync failed', async () => {
     const response = {
       status: 200,
       data: {
@@ -257,7 +257,7 @@ describe('Test Add LG Device', () => {
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
-  test('ViewButtonBottom onRightClick with stationId but get token failed, wrong data', async () => {
+  it('ViewButtonBottom onRightClick with stationId but get token failed, wrong data', async () => {
     const response = {
       status: 200,
       data: {
@@ -303,7 +303,7 @@ describe('Test Add LG Device', () => {
     spyToastSuccess.mockRestore();
   });
 
-  test('ViewButtonBottom onRightClick with stationId but get token failed, not success', async () => {
+  it('ViewButtonBottom onRightClick with stationId but get token failed, not success', async () => {
     const response = {
       status: 200,
       data: {

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

@@ -26,10 +26,10 @@ jest.mock('react', () => ({
 }));
 
 describe('Test TDS Guide', () => {
-  test('render tds guide', () => {
+  it('render tds guide', async () => {
     let tree;
-    act(() => {
-      tree = create(wrapComponent());
+    await act(async () => {
+      tree = await create(wrapComponent());
     });
 
     const instance = tree.root;

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

@@ -26,10 +26,10 @@ jest.mock('react', () => ({
 }));
 
 describe('Test UV Index Guide', () => {
-  test('render UV Index Guide', async () => {
+  it('render UV Index Guide', async () => {
     let tree;
-    act(() => {
-      tree = create(wrapComponent());
+    await act(async () => {
+      tree = await create(wrapComponent());
     });
 
     const instance = tree.root;

package/src/screens/Unit/ManageUnit.js

@@ -17,54 +17,10 @@ import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 
 import { useIsOwnerOfUnit } from '../../hooks/Common';
 import { AccessibilityLabel } from '../../configs/Constants';
-import { IconOutline } from '@ant-design/icons-react-native';
 import styles from './ManageUnitStyles';
 import { useNavigation } from '@react-navigation/native';
 import { ModalCustom } from '../../commons/Modal';
-import { Icon } from '@ant-design/react-native';
-
-const ButtonWrapper = ({
-  onPress,
-  testId,
-  title,
-  value,
-  valueColor,
-  children,
-  icon,
-}) => {
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      accessibilityLabel={testId}
-      style={styles.buttonWrapper}
-    >
-      <View style={styles.buttonInfo}>
-        <Text type="H4" semibold>
-          {title}
-        </Text>
-        <View style={styles.buttonValue}>
-          {!icon ? (
-            <Text
-              type="Body"
-              color={valueColor || Colors.Gray7}
-              style={styles.value}
-            >
-              {value}
-            </Text>
-          ) : value ? (
-            <Image source={{ uri: value }} style={styles.avatar} />
-          ) : (
-            <View style={styles.avatar}>
-              <Icon name={'user'} size={27} />
-            </View>
-          )}
-          <IconOutline name="right" size={20} color={Colors.Gray7} />
-        </View>
-      </View>
-      {children}
-    </TouchableOpacity>
-  );
-};
+import ButtonWrapper from './components/ButtonWrapper';
 
 const ManageUnit = ({ route }) => {
   const t = useTranslations();
@@ -229,6 +185,8 @@ const ManageUnit = ({ route }) => {
                 accessibilityLabel={AccessibilityLabel.MANAGE_UNIT_CHANGE_NAME}
                 title={t('unit_name')}
                 value={unitData.name}
+                styleTitle={styles.titleButton}
+                styleValue={styles.valueButton}
               />
               <ButtonWrapper
                 onPress={goSelectLocation}
@@ -312,6 +270,7 @@ const ManageUnit = ({ route }) => {
               </Text>
             </View>
             <_TextInput
+              maxLength={50}
               defaultValue={unitData?.name}
               onChange={(value) => setUnitName(value)}
               textInputStyle={styles.textInputStyle}