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

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -6,14 +6,11 @@ import MockAdapter from 'axios-mock-adapter';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import NotificationItem from '../components/NotificationItem';
-import {
-  NOTIFICATION_TYPES,
-  SENSOR_TYPE,
-  EMERGENCY_TYPE,
-} from '../../../configs/Constants';
+import { NOTIFICATION_TYPES, EMERGENCY_TYPE } from '../../../configs/Constants';
 import Routes from '../../../utils/Route';
 import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const wrapComponent = (item) => (
   <SCProvider initState={mockSCStore({})}>
@@ -60,14 +57,14 @@ describe('test NotificationItem', () => {
   ];
 
   for (const content_code of listCase2) {
-    test(`create ItemNotification ${content_code}`, () => {
+    test(`create ItemNotification ${content_code}`, async () => {
       item.content_code = content_code;
-      act(() => {
-        tree = create(wrapComponent(item));
+      await act(async () => {
+        tree = await create(wrapComponent(item));
       });
       const instance = tree.root;
       const button = instance.findByType(TouchableOpacity);
-      act(() => {
+      await act(async () => {
         button.props.onPress();
       });
       expect(mockNavigate).not.toHaveBeenCalled();
@@ -82,17 +79,17 @@ describe('test NotificationItem', () => {
   ];
 
   for (const content_code of listCaseUnitDetail) {
-    test(`create ItemNotification ${content_code}`, () => {
+    test(`create ItemNotification ${content_code}`, async () => {
       item.content_code = content_code;
       item.params = {
         unit_id: 1,
       };
-      act(() => {
-        tree = create(wrapComponent(item));
+      await act(async () => {
+        tree = await create(wrapComponent(item));
       });
       const instance = tree.root;
       const button = instance.findByType(TouchableOpacity);
-      act(() => {
+      await act(async () => {
         button.props.onPress();
       });
       expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -107,18 +104,18 @@ describe('test NotificationItem', () => {
   const listCaseDeviceDetail = [NOTIFICATION_TYPES.NOTIFY_DEVICE_DISCONNECT];
 
   for (const content_code of listCaseDeviceDetail) {
-    test(`create ItemNotification ${content_code}`, () => {
+    test(`create ItemNotification ${content_code}`, async () => {
       item.content_code = content_code;
       item.params = {
         unit_id: 1,
         sensor_id: 1,
       };
-      act(() => {
-        tree = create(wrapComponent(item));
+      await act(async () => {
+        tree = await create(wrapComponent(item));
       });
       const instance = tree.root;
       const button = instance.findByType(TouchableOpacity);
-      act(() => {
+      await act(async () => {
         button.props.onPress();
       });
       expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -132,26 +129,25 @@ describe('test NotificationItem', () => {
   }
 
   const listSensorType = [
-    SENSOR_TYPE.AIR_QUALITY,
-    SENSOR_TYPE.TURBIDITY,
-    SENSOR_TYPE.PH,
-    SENSOR_TYPE.CLO,
-    SENSOR_TYPE.UV,
+    NOTIFICATION_TYPES.AIR_QUALITY,
+    NOTIFICATION_TYPES.TURBIDITY,
+    NOTIFICATION_TYPES.PH,
+    NOTIFICATION_TYPES.CLO,
+    NOTIFICATION_TYPES.UV,
   ];
-  for (const sensorType of listSensorType) {
-    test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
-      item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
+  for (const content_code of listSensorType) {
+    test(`create ItemNotification ${content_code}`, async () => {
+      item.content_code = content_code;
       item.params = {
-        sensor_type: sensorType,
         unit_id: 5,
         summary_id: 11,
       };
-      act(() => {
-        tree = create(wrapComponent(item));
+      await act(async () => {
+        tree = await create(wrapComponent(item));
       });
       const instance = tree.root;
       const button = instance.findByType(TouchableOpacity);
-      act(() => {
+      await act(async () => {
         button.props.onPress();
       });
       expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -164,42 +160,26 @@ describe('test NotificationItem', () => {
     });
   }
 
-  test('test case NOTIFY_INDICATOR no sensor_type', () => {
-    item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-    item.params = {
-      sensor_type: null,
-      unit_id: 5,
-      summary_id: 11,
-    };
-    act(() => {
-      tree = create(wrapComponent(item));
-    });
-    const instance = tree.root;
-    const button = instance.findAllByType(TouchableOpacity);
-    expect(button).toHaveLength(0);
-  });
-
   const listSensorType2 = [
-    SENSOR_TYPE.SMOKE,
-    SENSOR_TYPE.FIRE,
-    SENSOR_TYPE.SOS,
-    SENSOR_TYPE.FILTER_WATER,
+    NOTIFICATION_TYPES.SMOKE,
+    NOTIFICATION_TYPES.FIRE,
+    NOTIFICATION_TYPES.SOS,
+    NOTIFICATION_TYPES.FILTER_WATER,
   ];
-  for (const sensorType of listSensorType2) {
-    test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
-      item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
+  for (const content_code of listSensorType2) {
+    test(`create ItemNotification ${content_code}`, async () => {
+      item.content_code = content_code;
       item.params = {
-        sensor_type: sensorType,
         unit_id: 70,
         sensor_id: 394,
       };
 
-      act(() => {
-        tree = create(wrapComponent(item));
+      await act(async () => {
+        tree = await create(wrapComponent(item));
       });
       const instance = tree.root;
       const button = instance.findByType(TouchableOpacity);
-      act(() => {
+      await act(async () => {
         button.props.onPress();
       });
       expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -212,21 +192,20 @@ describe('test NotificationItem', () => {
     });
   }
 
-  test('test onClick Item Notify', () => {
-    item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
+  test('test onClick Item Notify', async () => {
+    item.content_code = NOTIFICATION_TYPES.AIR_QUALITY;
     item.params = {
-      sensor_type: 'air_quality',
       unit_id: 5,
       summary_id: 11,
     };
     item.is_read = false;
-    act(() => {
-      tree = create(wrapComponent(item));
+    await act(async () => {
+      tree = await create(wrapComponent(item));
     });
     const instance = tree.root;
     const button = instance.findByType(TouchableOpacity);
     mock.onPost(API.NOTIFICATION.SET_READ(1)).reply(200);
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -238,18 +217,18 @@ describe('test NotificationItem', () => {
     });
   });
 
-  test('test render Notify not in any case', () => {
+  it('test render Notify not in any case', async () => {
     item.content_code = 'NEW CASE';
     item.params = { unit_id: 1 };
-    act(() => {
-      tree = create(wrapComponent(item));
+    await act(async () => {
+      tree = await create(wrapComponent(item));
     });
     const instance = tree.root;
     const button = instance.findAllByType(TouchableOpacity);
     expect(button).toHaveLength(0);
   });
 
-  test('test notify emergency ', () => {
+  it('test notify emergency ', async () => {
     item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
     item.params = {
       unit_id: 1,
@@ -257,12 +236,12 @@ describe('test NotificationItem', () => {
       type: EMERGENCY_TYPE.CREATED,
     };
 
-    act(() => {
-      tree = create(wrapComponent(item));
+    await act(async () => {
+      tree = await create(wrapComponent(item));
     });
     const instance = tree.root;
     const button = instance.findByType(TouchableOpacity);
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -274,7 +253,7 @@ describe('test NotificationItem', () => {
     });
   });
 
-  test('test notify emergency_resolve ', () => {
+  it('test notify emergency_resolve ', async () => {
     item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
     item.params = {
       unit_id: 1,
@@ -282,12 +261,12 @@ describe('test NotificationItem', () => {
       type: EMERGENCY_TYPE.RESOLVE,
     };
 
-    act(() => {
-      tree = create(wrapComponent(item));
+    await act(async () => {
+      tree = await create(wrapComponent(item));
     });
     const instance = tree.root;
     const button = instance.findByType(TouchableOpacity);
-    act(() => {
+    await act(async () => {
       button.props.onPress();
     });
     expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
@@ -299,7 +278,7 @@ describe('test NotificationItem', () => {
     });
   });
 
-  test('test notify emergency not params type', () => {
+  it('test notify emergency not params type', async () => {
     item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
     item.params = {
       unit_id: 1,
@@ -307,11 +286,36 @@ describe('test NotificationItem', () => {
       type: null,
     };
 
-    act(() => {
-      tree = create(wrapComponent(item));
+    await act(async () => {
+      tree = await create(wrapComponent(item));
     });
     const instance = tree.root;
     const button = instance.findAllByType(TouchableOpacity);
     expect(button).toHaveLength(0);
   });
+
+  test('test case NOTIFY_REMOVE_UNIT to unit_onwer', async () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT;
+    item.params = {
+      unit_id: 1,
+      unit_owner_name: 'EoH owner',
+      unit_name: 'EoH',
+    };
+    await act(async () => {
+      tree = await create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const customText = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.CUSTOM_TEXT,
+    });
+    expect(customText.props.children[0].props.children).toEqual('Unit ');
+    expect(customText.props.children[1].props.children).toEqual('EoH');
+    expect(customText.props.children[2].props.children).toEqual(
+      ' has been removed by '
+    );
+    expect(customText.props.children[3].props.children).toEqual('EoH owner');
+    expect(customText.props.children[4].props.children).toEqual(
+      '. You cannot access to this unit anymore.'
+    );
+  });
 });

package/src/screens/Notification/components/NotificationItem.js

@@ -7,14 +7,11 @@ import styles from '../styles/NotificationItemStyles';
 import Text from '../../../commons/Text';
 import { Colors, API, Images } from '../../../configs';
 import IconComponent from '../../../commons/IconComponent';
-import {
-  NOTIFICATION_TYPES,
-  SENSOR_TYPE,
-  EMERGENCY_TYPE,
-} from '../../../configs/Constants';
+import { NOTIFICATION_TYPES, EMERGENCY_TYPE } from '../../../configs/Constants';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { axiosPost } from '../../../utils/Apis/axios';
 import Routes from '../../../utils/Route';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const NotificationItem = memo(({ item }) => {
   const t = useTranslations();
@@ -63,141 +60,133 @@ const NotificationItem = memo(({ item }) => {
             />
           ),
         };
-      case NOTIFICATION_TYPES.NOTIFY_INDICATOR:
-        switch (params?.sensor_type) {
-          case SENSOR_TYPE.AIR_QUALITY:
-            return {
-              content: customColorText(
-                t('text_notification_content_air_quality_high')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.UnitSummary,
-                  params: {
-                    summaryId: params?.summary_id,
-                    unitId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.TURBIDITY:
-            return {
-              content: customColorText(
-                t('text_notification_content_turbility_high')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.UnitSummary,
-                  params: {
-                    summaryId: params?.summary_id,
-                    unitId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.PH:
-            return {
-              content: customColorText(
-                t('text_notification_content_pH_index_high')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.UnitSummary,
-                  params: {
-                    summaryId: params?.summary_id,
-                    unitId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.CLO:
-            return {
-              content: customColorText(t('text_notification_content_clo_high')),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.UnitSummary,
-                  params: {
-                    summaryId: params?.summary_id,
-                    unitId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.UV:
-            return {
-              content: customColorText(
-                t('text_notification_content_uv_index_high')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.UnitSummary,
-                  params: {
-                    summaryId: params?.summary_id,
-                    unitId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.SMOKE:
-            return {
-              content: customColorText(t('text_notification_content_smoke')),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.DeviceDetail,
-                  params: {
-                    unitId,
-                    sensorId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.FIRE:
-            return {
-              content: customColorText(t('text_notification_content_fire')),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.DeviceDetail,
-                  params: {
-                    unitId,
-                    sensorId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.SOS:
-            return {
-              content: customColorText(
-                t('text_notification_content_active_sos')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.DeviceDetail,
-                  params: {
-                    unitId,
-                    sensorId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          case SENSOR_TYPE.FILTER_WATER:
-            return {
-              content: customColorText(
-                t('text_notification_content_replace_water_filter')
-              ),
-              redirect: () =>
-                navigation.navigate(Routes.UnitStack, {
-                  screen: Routes.DeviceDetail,
-                  params: {
-                    unitId,
-                    sensorId,
-                  },
-                }),
-              iconContent: <Image source={Images.logo} style={styles.logo} />,
-            };
-          default:
-            return null;
-        }
-
+      case NOTIFICATION_TYPES.AIR_QUALITY:
+        return {
+          content: customColorText(
+            t('text_notification_content_air_quality_high')
+          ),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitSummary,
+              params: {
+                summaryId: params?.summary_id,
+                unitId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.TURBIDITY:
+        return {
+          content: customColorText(
+            t('text_notification_content_air_quality_high')
+          ),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitSummary,
+              params: {
+                summaryId: params?.summary_id,
+                unitId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.PH:
+        return {
+          content: customColorText(
+            t('text_notification_content_pH_index_high')
+          ),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitSummary,
+              params: {
+                summaryId: params?.summary_id,
+                unitId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.CLO:
+        return {
+          content: customColorText(t('text_notification_content_clo_high')),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitSummary,
+              params: {
+                summaryId: params?.summary_id,
+                unitId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.UV:
+        return {
+          content: customColorText(
+            t('text_notification_content_uv_index_high')
+          ),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitSummary,
+              params: {
+                summaryId: params?.summary_id,
+                unitId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.SMOKE:
+        return {
+          content: customColorText(t('text_notification_content_smoke')),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.DeviceDetail,
+              params: {
+                unitId,
+                sensorId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.FIRE:
+        return {
+          content: customColorText(t('text_notification_content_fire')),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.DeviceDetail,
+              params: {
+                unitId,
+                sensorId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.SOS:
+        return {
+          content: customColorText(t('text_notification_content_active_sos')),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.DeviceDetail,
+              params: {
+                unitId,
+                sensorId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.FILTER_WATER:
+        return {
+          content: customColorText(
+            t('text_notification_content_replace_water_filter')
+          ),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.DeviceDetail,
+              params: {
+                unitId,
+                sensorId,
+              },
+            }),
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT:
         return {
           content: customColorText(
@@ -379,7 +368,11 @@ const NotificationItem = memo(({ item }) => {
         </View>
 
         <View style={styles.viewRight}>
-          <Text type="Body" color={Colors.Gray9}>
+          <Text
+            type="Body"
+            color={Colors.Gray9}
+            accessibilityLabel={AccessibilityLabel.CUSTOM_TEXT}
+          >
             {content}
           </Text>
           <Text color={Colors.Gray7} type="Label" style={[styles.time]}>

package/src/screens/PlayBackCamera/__test__/Timer.test.js

@@ -6,13 +6,13 @@ import Timer from '../Timer';
 describe('test Timer', () => {
   let tree;
   it('Test render', async () => {
-    await act(() => {
-      tree = create(<Timer value={100} />);
+    await act(async () => {
+      tree = await create(<Timer value={100} />);
     });
     const instance = tree.root;
     const Animateds = instance.findAllByType(Animated.ScrollView);
     expect(Animateds).toHaveLength(1);
-    act(() => {
+    await act(async () => {
       tree.unmount();
     });
   });

package/src/screens/ScanChipQR/components/QRScan/__test__/QRScan.test.js

@@ -39,24 +39,24 @@ describe('Test QRScan', () => {
   });
   let tree;
 
-  test('render QRScan', async () => {
-    act(() => {
-      tree = create(wrapComponent(data));
+  it('render QRScan', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(data));
     });
     const instance = tree.root;
     const RNCam = instance.findAllByType(RNCamera);
     expect(RNCam).toHaveLength(1);
   });
 
-  test('onBarCodeRead', async () => {
-    act(() => {
-      tree = create(wrapComponent(data));
+  it('onBarCodeRead', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(data));
     });
     const instance = tree.root;
     const RNCam = instance.findByType(RNCamera);
 
     const e = { data: JSON.stringify({ id: 1 }) };
-    act(() => {
+    await act(async () => {
       RNCam.props.onBarCodeRead(e);
     });
     expect(mockedOnScan).toBeCalled();