@eohjsc/react-native-smart-city 0.3.86 → 0.3.87

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

@@ -91,6 +91,9 @@ describe('Test SuccessfullyConnected', () => {
     await flushPromises();
     const instance = tree.root;
     const inputs = instance.findAllByType(_TextInput);
+    await act(async () => {
+      inputs[0].props.onChange();
+    });
     expect(inputs).toHaveLength(3); // sensor + 2 end device
     expect(mock.history.get).toHaveLength(1);
     expect(mock.history.get[0].url).toBe(API.CHIP.RENAME_DEVICES(1));

package/src/screens/SmartIr/__test__/GroupButtonByType.test.js

@@ -8,6 +8,8 @@ import { ButtonsBottom } from '../components/GroupButtonByType/ButtonsBottom';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import TextInput from '../../../commons/Form/TextInput';
 import { ModalCustom } from '../../../commons/Modal';
+import { TouchableOpacity } from 'react-native';
+import { IconOutline } from '@ant-design/icons-react-native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -118,4 +120,49 @@ describe('Test GroupButtonByType', () => {
     });
     expect(textInput).toHaveLength(1);
   });
+
+  it('onPress rightComponent', async () => {
+    const route = {
+      params: {
+        device_type: { id: 1, name: '', icon: '' },
+        brand: { id: 1, name: '' },
+      },
+    };
+    await act(async () => {
+      tree = renderer.create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const touch = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_BUTTON_TYPE_RELOAD &&
+        el.type === TouchableOpacity
+    );
+    const iconOutline = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ICON_OUTLINE_TYPE_RELOAD && el.type === IconOutline
+    );
+    await act(async () => {
+      await touch.props.onPress();
+    });
+    expect(iconOutline.props.name).toEqual('reload');
+
+    const touch2 = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.HEADER_BUTTON_TYPE_MORE &&
+        el.type === TouchableOpacity
+    );
+    const iconOutline2 = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.ICON_OUTLINE_TYPE_MORE && el.type === IconOutline
+    );
+    await act(async () => {
+      await touch2.props.onPress();
+    });
+    expect(iconOutline2.props.name).toEqual('more');
+  });
 });

package/src/screens/SmartIr/components/GroupButtonByType/GroupButtonByType.js

@@ -46,6 +46,7 @@ const GroupButtonByType = memo(({ route }) => {
     },
     [t]
   );
+
   const rightComponent = useMemo(
     () => (
       <View style={styles.rightComponent}>
@@ -54,14 +55,26 @@ const GroupButtonByType = memo(({ route }) => {
             <TouchableOpacity
               onPress={rightButtonHeader('reload')}
               style={[styles.headerButton]}
+              accessibilityLabel={AccessibilityLabel.HEADER_BUTTON_TYPE_RELOAD}
             >
-              <IconOutline name={'reload'} size={27} color={Colors.Black} />
+              <IconOutline
+                name={'reload'}
+                size={27}
+                color={Colors.Black}
+                accessibilityLabel={AccessibilityLabel.ICON_OUTLINE_TYPE_RELOAD}
+              />
             </TouchableOpacity>
             <TouchableOpacity
               onPress={rightButtonHeader('more')}
               style={[styles.headerButton]}
+              accessibilityLabel={AccessibilityLabel.HEADER_BUTTON_TYPE_MORE}
             >
-              <IconOutline name={'more'} size={27} color={Colors.Black} />
+              <IconOutline
+                name={'more'}
+                size={27}
+                color={Colors.Black}
+                accessibilityLabel={AccessibilityLabel.ICON_OUTLINE_TYPE_MORE}
+              />
             </TouchableOpacity>
           </>
         ) : (

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

@@ -204,6 +204,58 @@ describe('Test Add LG Device', () => {
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
   });
 
+  it('ViewButtonBottom onRightClick with case sync device fail', async () => {
+    const response = {
+      status: 200,
+      data: {
+        id: 1,
+        name: 'Unit name',
+        stations: [{ id: 2, name: 'Station name' }],
+      },
+    };
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
+
+    const responseToken = {
+      status: 200,
+      data: {
+        access_token: 'ACCESS_TOKEN',
+      },
+    };
+    mock
+      .onPost(
+        API.IOT.LG.GET_TOKEN(
+          SCConfig.LG_CLIENT_ID,
+          'CODE',
+          SCConfig.LG_REDIRECT_URI_APP,
+          'https://doamin.com'
+        )
+      )
+      .reply(200, responseToken.data);
+    mock.onPost(API.IOT.LG.SYNC_DEVICE()).reply(500, {});
+    // const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const groupCheckBox = instance.findByType(GroupCheckBox);
+    await act(async () => {
+      groupCheckBox.props.onSelect({ id: 2 }); // select stationId
+    });
+
+    const viewButtonBottom = instance.findByType(ViewButtonBottom);
+    await act(async () => {
+      viewButtonBottom.props.onRightClick();
+    });
+
+    expect(Toast.show).toBeCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'lg_sync_failed'),
+      visibilityTime: 1000,
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
+  });
+
   it('ViewButtonBottom onRightClick with stationId but sync failed', async () => {
     const response = {
       status: 200,

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

@@ -53,11 +53,20 @@ describe('Test Header', () => {
 
     const headerCustom = instance.findByType(HeaderCustom);
     const touchableOpacity = headerCustom.findAllByType(TouchableOpacity);
+
+    expect(modal[0].props.isVisible).toBeFalsy();
     await act(async () => {
       touchableOpacity[1].props.onPress();
     });
     expect(modal[0].props.isVisible).toBeTruthy();
 
+    const popOver = instance.findByType(Popover);
+    expect(popOver.props.isVisible).toBeFalsy();
+    await act(async () => {
+      touchableOpacity[2].props.onPress();
+    });
+    expect(popOver.props.isVisible).toBeTruthy();
+
     const imageButton = instance.findByType(ImageButton);
     await act(async () => {
       imageButton.props.onPress(Routes.Sharing);

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

@@ -675,7 +675,7 @@
   "text_notification_content_turbility_high": "The Turbility at **unit_name** is **status**. Water is not safe to drink.",
   "text_notification_content_smoke": "Smoke appears in **unit_name**. Please check your home and call the rescue team if there is a fire.",
   "text_notification_content_fire": "There is a fire at **unit_name**, Please move out of the house immediately and call the rescue team.",
-  "text_notification_content_active_sos": "SOS button is activating at **unit_name**, Please check it NOW.",
+  "text_notification_content_active_sos": "**device_name** is activating at **unit_name** - **station_name**, Please check it NOW.",
   "text_notification_content_replace_water_filter": "Filter **config_name** of **device_name** in **station_name** has less than 10h remaining. Check and replace now.",
   "text_notification_content_low_battery": "Battery of **device_name** in **unit_name**: **station_name** has less than 20%. Check and replace now.",
   "text_notification_content_remove_unit_to_owner": "Unit **unit_name** has been removed successfully.",

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

@@ -688,7 +688,7 @@
   "text_notification_content_turbility_high": "Độ đục của nước tại **unit_name** đang ở mức **status**. Nước không đảm bảo an toàn để uống.",
   "text_notification_content_smoke": "Xuất hiện khói tại **unit_name**. Vui lòng kiểm tra nhà của bạn và gọi cho đội cứu hộ nếu xảy ra hỏa hoạn.",
   "text_notification_content_fire": "Có đám cháy tại **unit_name**, Vui lòng di chuyển ra khỏi nhà ngay lập tức và gọi cho đội cứu hộ.",
-  "text_notification_content_active_sos": "Nút SOS đang kích hoạt tại **unit_name**. Vui lòng kiểm tra nó NGAY BÂY GIỜ.",
+  "text_notification_content_active_sos": "**device_name** đang kích hoạt tại **unit_name** - **station_name**. Vui lòng kiểm tra nó NGAY BÂY GIỜ.",
   "text_notification_content_replace_water_filter": "Lõi lọc **config_name** của **device_name** thuộc **unit_name**: **station_name** còn ít hơn 10 giờ lọc. Vui lòng kiểm tra và thay lõi lọc mới.",
   "text_notification_content_low_battery": "Thời lượng pin của **device_name** thuộc **unit_name**: **station_name** còn ít hơn 20%. Vui lòng kiểm tra và thay đổi.",
   "text_notification_content_remove_unit_to_owner": "Địa điểm **unit_name** vừa được xoá thành công.",

package/src/commons/FourButtonFilterHistory/index.js

@@ -1,72 +0,0 @@
-import React, { memo, useCallback, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
-import Text from '../Text';
-import { Colors } from '../../configs';
-import styles from './styles';
-
-const FourButtonFilterHistory = memo(({ groupBy, setGroupBy }) => {
-  const listItem = useMemo(
-    () => [
-      {
-        title: 'D',
-        data: 'date',
-      },
-
-      {
-        title: 'W',
-        data: 'week',
-      },
-
-      {
-        title: 'M',
-        data: 'month',
-      },
-
-      {
-        title: 'Y',
-        data: 'year',
-      },
-    ],
-    []
-  );
-
-  const ItemButton = memo(({ title, onPress, isSelected }) => {
-    return (
-      <TouchableOpacity
-        onPress={onPress}
-        style={[styles.button, isSelected && styles.selectedButton]}
-      >
-        <View>
-          <Text bold color={isSelected && Colors.Primary}>
-            {title}
-          </Text>
-        </View>
-      </TouchableOpacity>
-    );
-  }, []);
-
-  const onPressButton = useCallback(
-    (data) => () => {
-      setGroupBy && setGroupBy(data);
-    },
-    [setGroupBy]
-  );
-
-  return (
-    <View style={styles.row}>
-      {listItem &&
-        listItem.map((item, index) => {
-          return (
-            <ItemButton
-              key={index}
-              title={item.title}
-              onPress={onPressButton(item.data)}
-              isSelected={item.data === groupBy}
-            />
-          );
-        })}
-    </View>
-  );
-});
-
-export default FourButtonFilterHistory;