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

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

@@ -108,7 +108,7 @@ describe('Test SelectAddress', () => {
     mock.resetHistory();
   });
 
-  test('test not do anything then click done', async () => {
+  it('test not do anything then click done', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -121,7 +121,7 @@ describe('Test SelectAddress', () => {
     expect(mockGoBack).not.toBeCalled();
   });
 
-  test('test search location', async () => {
+  it('test search location', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -178,7 +178,7 @@ describe('Test SelectAddress', () => {
     expect(mockGoBack).toBeCalled();
   });
 
-  test('test get lat lng of location failed', async () => {
+  it('test get lat lng of location failed', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -224,7 +224,7 @@ describe('Test SelectAddress', () => {
     });
   });
 
-  test('test get current location success', async () => {
+  it('test get current location success', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -258,7 +258,7 @@ describe('Test SelectAddress', () => {
     });
   });
 
-  test('test get current location success get location name failed', async () => {
+  it('test get current location success get location name failed', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -287,7 +287,7 @@ describe('Test SelectAddress', () => {
     expect(mockGoBack).toBeCalled();
   });
 
-  test('test get current location failed permission denied', async () => {
+  it('test get current location failed permission denied', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -311,7 +311,7 @@ describe('Test SelectAddress', () => {
     OpenSetting.mockClear();
   });
 
-  test('test get current location failed location not enabled android', async () => {
+  it('test get current location failed location not enabled android', async () => {
     Platform.OS = 'android';
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -355,7 +355,7 @@ describe('Test SelectAddress', () => {
     ).toBeCalled();
   });
 
-  test('test get current location failed location not enabled ios', async () => {
+  it('test get current location failed location not enabled ios', async () => {
     Platform.OS = 'ios';
     jest.spyOn(Alert, 'alert');
 
@@ -380,7 +380,7 @@ describe('Test SelectAddress', () => {
     // expect AlertAsync is called
   });
 
-  test('test get current location failed error not handle', async () => {
+  it('test get current location failed error not handle', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -405,7 +405,7 @@ describe('Test SelectAddress', () => {
     OpenSetting.mockClear();
   });
 
-  test('test choose on map', async () => {
+  it('test choose on map', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });

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

@@ -72,7 +72,7 @@ describe('Test SmartAccount', () => {
     mock.resetHistory();
   });
 
-  test('test render SmartAccount', async () => {
+  it('test render SmartAccount', async () => {
     mock
       .onGet(API.SMART_ACCOUNT.LIST_SMART_ACCOUNT(1))
       .reply(response.status, response.data);
@@ -83,7 +83,7 @@ describe('Test SmartAccount', () => {
 
     const smartAccountItem = instance.findAllByType(SmartAccountItem);
     expect(smartAccountItem.length).toEqual(3);
-    act(() => {
+    await act(async () => {
       smartAccountItem[0].props.gotoSmartAccountDetail(response.data[0]);
       smartAccountItem[0].props.onShowMenuMore('ref', response.data[0]);
     });
@@ -113,7 +113,7 @@ describe('Test SmartAccount', () => {
     expect(menuActionMore.props.isVisible).toEqual(true);
   });
 
-  test('test render SmartAccountItem', async () => {
+  it('test render SmartAccountItem', async () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent());
     });
@@ -125,7 +125,7 @@ describe('Test SmartAccount', () => {
     expect(menuActionMore.props.isVisible).toEqual(false);
   });
 
-  test('test render AlertAction', async () => {
+  it('test render AlertAction', async () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent());
     });

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

@@ -39,7 +39,7 @@ jest.mock('react', () => {
 
 describe('Test SmartAccountItem', () => {
   let tree;
-  test('test render SmartAccountItem', async () => {
+  it('test render SmartAccountItem', async () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent());
     });

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

@@ -60,7 +60,7 @@ describe('Test Summaries', () => {
     };
   });
 
-  test('render Summaries receive noti with summary_id then reload', async () => {
+  it('render Summaries receive noti with summary_id then reload', async () => {
     mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
     const dataNotification = {
       params: {
@@ -83,7 +83,7 @@ describe('Test Summaries', () => {
     expect(mockedNavigate).toBeCalled();
   });
 
-  test('render Summaries receive noti with summary_id then not reload', async () => {
+  it('render Summaries receive noti with summary_id then not reload', async () => {
     mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
     const dataNotification = {
       params: {

package/src/screens/Unit/components/ButtonWrapper/index.js

@@ -0,0 +1,60 @@
+import React, { memo } from 'react';
+import { View, TouchableOpacity, Image } from 'react-native';
+import Text from '../../../../commons/Text';
+import { Colors } from '../../../../configs';
+import { Icon } from '@ant-design/react-native';
+import { IconOutline } from '@ant-design/icons-react-native';
+import { AccessibilityLabel } from '../../../../configs/Constants';
+import styles from './styles';
+
+const ButtonWrapper = ({
+  onPress,
+  accessibilityLabel,
+  title,
+  value,
+  valueColor,
+  children,
+  icon,
+  styleTitle,
+  styleValue,
+}) => {
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      accessibilityLabel={
+        accessibilityLabel
+          ? accessibilityLabel
+          : AccessibilityLabel.BUTTON_WRAPPER
+      }
+      style={styles.buttonWrapper}
+    >
+      <View style={styles.buttonInfo}>
+        <View style={styleTitle}>
+          <Text type="H4" semibold>
+            {title}
+          </Text>
+        </View>
+        <View style={[styles.buttonValue, styleValue]}>
+          {!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>
+  );
+};
+export default memo(ButtonWrapper);

package/src/screens/Unit/components/ButtonWrapper/styles.js

@@ -0,0 +1,37 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../../configs';
+
+export default StyleSheet.create({
+  buttonWrapper: {
+    paddingTop: 24,
+    paddingBottom: 24,
+    borderBottomWidth: 0.5,
+    borderBottomColor: Colors.Gray6,
+  },
+  buttonInfo: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  buttonValue: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+  },
+  value: {
+    marginRight: 20,
+    fontSize: 14,
+  },
+  avatar: {
+    height: 50,
+    width: 50,
+    borderRadius: 25,
+    borderWidth: 0.5,
+    borderColor: Colors.Gray5,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 20,
+  },
+});

package/src/screens/Unit/components/MyAllUnit/__test__/Header.test.js

@@ -36,9 +36,9 @@ describe('Test HeaderUnit', () => {
   });
   let tree;
 
-  test('onBack', async () => {
-    act(() => {
-      tree = create(<HeaderUnit {...data} />);
+  it('onBack', async () => {
+    await act(async () => {
+      tree = await create(<HeaderUnit {...data} />);
     });
     const instance = tree.root;
     const button = instance.find(
@@ -47,16 +47,16 @@ describe('Test HeaderUnit', () => {
           AccessibilityLabel.HEADER_UNIT_BUTTON_BACK &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockOnBack).toHaveBeenCalledTimes(1);
   });
 
-  test('goBack', async () => {
+  it('goBack', async () => {
     data.onBack = undefined;
-    act(() => {
-      tree = create(<HeaderUnit {...data} />);
+    await act(async () => {
+      tree = await create(<HeaderUnit {...data} />);
     });
     const instance = tree.root;
     const button = instance.find(
@@ -65,15 +65,15 @@ describe('Test HeaderUnit', () => {
           AccessibilityLabel.HEADER_UNIT_BUTTON_BACK &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockGoBack).toHaveBeenCalledTimes(1);
   });
 
-  test('onAdd', async () => {
-    act(() => {
-      tree = create(<HeaderUnit {...data} />);
+  it('onAdd', async () => {
+    await act(async () => {
+      tree = await create(<HeaderUnit {...data} />);
     });
     const instance = tree.root;
     const button = instance.find(
@@ -82,15 +82,15 @@ describe('Test HeaderUnit', () => {
           AccessibilityLabel.HEADER_UNIT_BUTTON_ADD &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockOnAdd).toHaveBeenCalledTimes(1);
   });
 
-  test('onMore', async () => {
-    act(() => {
-      tree = create(<HeaderUnit {...data} />);
+  it('onMore', async () => {
+    await act(async () => {
+      tree = await create(<HeaderUnit {...data} />);
     });
     const instance = tree.root;
     const button = instance.find(
@@ -99,16 +99,16 @@ describe('Test HeaderUnit', () => {
           AccessibilityLabel.HEADER_UNIT_BUTTON_MORE &&
         el.type === TouchableOpacity
     );
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockOnMore).toHaveBeenCalledTimes(1);
   });
 
-  test('transparent', async () => {
+  it('transparent', async () => {
     data.transparent = true;
-    act(() => {
-      tree = create(<HeaderUnit {...data} />);
+    await act(async () => {
+      tree = await create(<HeaderUnit {...data} />);
     });
     const instance = tree.root;
     const iconPlus = instance.findByProps({ name: 'plus' });

package/src/screens/Unit/components/MyAllUnit/__test__/MyAllUnit.test.js

@@ -12,7 +12,7 @@ const wrapComponent = (route) => (
 );
 describe('Test MyAllUnit', () => {
   let tree;
-  test('render MyAllUnit', async () => {
+  it('render MyAllUnit', async () => {
     const route = {
       params: {
         myUnits: [
@@ -26,8 +26,8 @@ describe('Test MyAllUnit', () => {
         ],
       },
     };
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const safeAreaView = instance.findAllByType(SafeAreaView);

package/src/screens/Unit/components/MyAllUnit/__test__/index.test.js

@@ -11,7 +11,7 @@ const wrapComponent = (props) => (
   </SCProvider>
 );
 
-test('test MyAllUnit', () => {
+it('test MyAllUnit', async () => {
   let tree, props;
   let mockGoBack = jest.fn();
 
@@ -41,13 +41,13 @@ test('test MyAllUnit', () => {
     },
   };
 
-  act(() => {
-    tree = create(wrapComponent(props));
+  await act(async () => {
+    tree = await create(wrapComponent(props));
   });
 
   const instance = tree.root;
   const header = instance.findByType(Header);
-  act(() => {
+  await act(async () => {
     header.props.goBack();
   });
   expect(mockGoBack).toBeCalled();

package/src/screens/Unit/components/__test__/Header.test.js

@@ -31,51 +31,51 @@ jest.mock('@react-navigation/native', () => {
 
 describe('Test Header', () => {
   let tree;
-  test('test hideModal', () => {
-    act(() => {
+  it('test hideModal', async () => {
+    await act(async () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
     const modal = instance.findAllByType(Modal);
-    act(() => {
+    await act(async () => {
       modal[0].props.onBackButtonPress();
     });
     expect(modal[0].props.isVisible).toBe(false);
   });
 
-  test('test onItemClick', () => {
-    act(() => {
+  it('test onItemClick', async () => {
+    await act(async () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
     const modal = instance.findAllByType(Modal);
     const imageButton = instance.findByType(ImageButton);
-    act(() => {
+    await act(async () => {
       imageButton.props.onPress(Routes.Sharing);
     });
     expect(modal[0].props.isVisible).toBe(false);
   });
 
-  test('test Popover Close Menu', () => {
-    act(() => {
+  it('test Popover Close Menu', async () => {
+    await act(async () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
     const popover = instance.findByType(Popover);
-    act(() => {
+    await act(async () => {
       popover.props.onRequestClose();
     });
     expect(popover.props.isVisible).toBe(false);
   });
 
-  test('test onpress touchableOpacity', () => {
-    act(() => {
+  it('test onpress touchableOpacity', async () => {
+    await act(async () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
     const touchableOpacity = instance.findAllByType(TouchableOpacity);
 
-    act(() => {
+    await act(async () => {
       touchableOpacity[0].props.onPress();
       touchableOpacity[1].props.onPress();
       touchableOpacity[2].props.onPress();

package/src/screens/Unit/components/__test__/MyUnitDevice.test.js

@@ -55,8 +55,8 @@ describe('Test MyUnitDevice', () => {
 
   it('Test render without status', async () => {
     props.device.status = undefined;
-    await act(() => {
-      tree = create(wrapComponent(props));
+    await act(async () => {
+      tree = await create(wrapComponent(props));
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);

package/src/screens/Unit/components/__test__/SharedUnit.test.js

@@ -55,7 +55,7 @@ describe('Test SharedUnit', () => {
     user: 1,
   };
 
-  test('test create SharedUnit unit is not pin, not star', async () => {
+  it('test create SharedUnit unit is not pin, not star', async () => {
     const navigation = useNavigation();
     mock.onPost(API.UNIT.PIN_UNIT(3)).reply(200);
     mock.onPost(API.UNIT.STAR_UNIT(3)).reply(200);
@@ -67,7 +67,7 @@ describe('Test SharedUnit', () => {
       (el) =>
         el.props.accessibilityLabel === AccessibilityLabel.TOUCH_SHARED_UNIT
     );
-    act(() => {
+    await act(async () => {
       touchSharedUnit.props.onPress();
     });
     expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -87,7 +87,7 @@ describe('Test SharedUnit', () => {
         el.props.accessibilityLabel ===
         AccessibilityLabel.ICON_ADD_PIN_SHARED_UNIT
     );
-    act(() => {
+    await act(async () => {
       iconAddPinSharedUnit.props.onPress();
     });
     const iconAddStarSharedUnit = instance.find(
@@ -95,13 +95,13 @@ describe('Test SharedUnit', () => {
         el.props.accessibilityLabel ===
         AccessibilityLabel.ICON_ADD_STAR_SHARED_UNIT
     );
-    act(() => {
+    await act(async () => {
       iconAddStarSharedUnit.props.onPress();
     });
     expect(iconRemovePinSharedUnit).toHaveLength(0);
   });
 
-  test('test create SharedUnit unit is pin, is star', async () => {
+  it('test create SharedUnit unit is pin, is star', async () => {
     const navigation = useNavigation();
     item.is_pin = true;
     item.is_star = true;
@@ -127,7 +127,7 @@ describe('Test SharedUnit', () => {
     expect(mockRenewItem).toBeCalled();
   });
 
-  test('test create SharedUnit unit is pin, is star with call api failure', async () => {
+  it('test create SharedUnit unit is pin, is star with call api failure', async () => {
     const navigation = useNavigation();
     item.is_pin = true;
     item.is_star = true;

package/src/screens/UnitSummary/__test__/index.test.js

@@ -76,36 +76,36 @@ describe('Test UnitSummary', () => {
   });
   let tree;
 
-  test('onRefresh', async () => {
+  it('onRefresh', async () => {
     mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const refreshControl = instance.findByType(RefreshControl);
-    act(() => {
+    await act(async () => {
       refreshControl.props.onRefresh();
     });
     expect(refreshControl).toBeDefined();
   });
 
-  test('render fetchSummaryDetail failed', async () => {
-    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200, {});
-    act(() => {
-      tree = create(wrapComponent(route));
+  it('render fetchSummaryDetail failed', async () => {
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(400, {});
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const refreshControl = instance.findByType(RefreshControl);
     expect(refreshControl).toBeDefined();
   });
 
-  test('render fetchSummaryDetail success', async () => {
+  it('render fetchSummaryDetail success', async () => {
     jest.useFakeTimers();
     mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
-    act(() => {
+    await act(async () => {
       jest.runOnlyPendingTimers();
     });
     const instance = tree.root;
@@ -113,7 +113,7 @@ describe('Test UnitSummary', () => {
     expect(refreshControl).toBeDefined();
   });
 
-  test('render fetchUnitDetail success', async () => {
+  it('render fetchUnitDetail success', async () => {
     route = {
       params: {
         unitId: 1,
@@ -127,10 +127,10 @@ describe('Test UnitSummary', () => {
     };
     jest.useFakeTimers();
     mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, {});
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
-    act(() => {
+    await act(async () => {
       jest.runOnlyPendingTimers();
     });
     const instance = tree.root;
@@ -138,7 +138,7 @@ describe('Test UnitSummary', () => {
     expect(refreshControl).toBeDefined();
   });
 
-  test('test receive notification with summary_id then reload data', async () => {
+  it('test receive notification with summary_id then reload data', async () => {
     jest.useFakeTimers();
     mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
     const dataNotification = {
@@ -149,15 +149,15 @@ describe('Test UnitSummary', () => {
     useReceiveNotifications.mockImplementationOnce(() => ({
       dataNotification,
     }));
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
-    act(() => {
+    await act(async () => {
       jest.runOnlyPendingTimers();
     });
   });
 
-  test('test receive notification with other summary_id then not reload data', async () => {
+  it('test receive notification with other summary_id then not reload data', async () => {
     jest.useFakeTimers();
     mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
     const dataNotification = {
@@ -168,10 +168,10 @@ describe('Test UnitSummary', () => {
     useReceiveNotifications.mockImplementationOnce(() => ({
       dataNotification,
     }));
-    act(() => {
-      tree = create(wrapComponent(route));
+    await act(async () => {
+      tree = await create(wrapComponent(route));
     });
-    act(() => {
+    await act(async () => {
       jest.runOnlyPendingTimers();
     });
   });

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

@@ -28,7 +28,7 @@ const wrapComponent = (summaryDetail) => (
 describe('Test 3PPowerConsumption', () => {
   let tree;
 
-  test('render 3PPowerConsumption', () => {
+  it('render 3PPowerConsumption', async () => {
     const summaryDetail = {
       volt1Value: 200,
       current1Value: 20,
@@ -37,7 +37,7 @@ describe('Test 3PPowerConsumption', () => {
       totalPowerValue: 20,
       listConfigs: [1, 2, 3],
     };
-    act(() => {
+    await act(async () => {
       tree = renderer.create(wrapComponent(summaryDetail));
     });
     const instance = tree.root;
@@ -80,7 +80,7 @@ describe('Test 3PPowerConsumption', () => {
     expect(listIndicator.props.data).toEqual(resultList);
   });
 
-  test('render 3PPowerConsumption with total_power', async () => {
+  it('render 3PPowerConsumption with total_power', async () => {
     mock.onGet(API.VALUE_CONSUME.DISPLAY_HISTORY()).reply(200, [{}]);
     const summaryDetail = {
       volt1Value: 200,

package/src/screens/UnitSummary/components/PowerConsumption/__test__/ItemPower.test.js

@@ -4,12 +4,12 @@ import Text from '../../../../../commons/Text';
 import ItemPower from '../ItemPower';
 
 describe('test ItemPower', () => {
-  test('render', async () => {
+  it('render', async () => {
     let tree;
     let data = { svg: '', title: 'Title item', des: '', time: '', value: '' };
 
-    act(() => {
-      tree = create(<ItemPower {...data} />);
+    await act(async () => {
+      tree = await create(<ItemPower {...data} />);
     });
 
     const instance = tree.root;