@eohjsc/react-native-smart-city 0.3.27 → 0.3.30

package/src/screens/Device/hooks/__test__/useEmergencyButton.test.js

@@ -0,0 +1,37 @@
+import { renderHook } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
+import { API } from '../../../../configs';
+import api from '../../../../utils/Apis/axios';
+import { useEmergencyButton } from '../useEmergencyButton';
+
+const mockFetchDataDeviceDetail = jest.fn();
+const mockAcquireLockShowing = jest.fn();
+
+const mock = new MockAdapter(api.axiosInstance);
+
+describe('Test useEmergencyButton', () => {
+  it('Test render', async () => {
+    const { result } = renderHook(() =>
+      useEmergencyButton(mockFetchDataDeviceDetail, mockAcquireLockShowing)
+    );
+    jest.useFakeTimers();
+    await result.current.onCancelConfirmAlert();
+    expect(result.current.showAlertConfirm).toBe(false);
+    jest.runAllTimers();
+    await result.current.onEmergencyButtonPress();
+    mock.onPost(API.EMERGENCY_BUTTON.SEND_ALERT()).reply(200);
+    await result.current.onSendNowAlert();
+    expect(result.current.showAlertConfirm).toBe(true);
+  });
+
+  it('Test send alert fail', async () => {
+    mock.onPost(API.EMERGENCY_BUTTON.SEND_ALERT()).reply(400);
+    const { result } = renderHook(() =>
+      useEmergencyButton(mockFetchDataDeviceDetail, mockAcquireLockShowing)
+    );
+    await result.current.onSendNowAlert();
+    await result.current.onCloseAlertSent();
+    await result.current.onViewDetails();
+    expect(result.current.showAlertConfirm).toBe(false);
+  });
+});

package/src/screens/Device/hooks/useFavoriteDevice.js

@@ -17,14 +17,16 @@ export const useFavoriteDevice = (device) => {
       API.DEVICE.ADD_TO_FAVOURITES(device?.id)
     );
     success && setAction(Action.ADD_DEVICES_TO_FAVORITES, [device.id]);
-  }, [device, setAction]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [device]);
 
   const removeFromFavorites = useCallback(async () => {
     const { success } = await axiosPost(
       API.DEVICE.REMOVE_FROM_FAVOURITES(device?.id)
     );
     success && setAction(Action.REMOVE_DEVICES_FROM_FAVORITES, [device.id]);
-  }, [device, setAction]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [device]);
 
   return {
     isFavorite,

package/src/screens/Drawer/Drawer.test.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SafeAreaView } from 'react-native';
+import renderer, { act } from 'react-test-renderer';
+import { SCProvider } from '../../context';
+import { mockSCStore } from '../../context/mockStore';
+import Drawer from './index';
+
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <Drawer navigation={jest.fn()} />
+  </SCProvider>
+);
+
+describe('Drawer', () => {
+  let tree;
+  test('drawer snapshot', async () => {
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const safeView = instance.findAllByType(SafeAreaView);
+    expect(safeView).toHaveLength(1);
+  });
+});

package/src/screens/Drawer/index.js

@@ -0,0 +1,198 @@
+import React from 'react';
+import {
+  View,
+  Image,
+  TouchableOpacity,
+  ScrollView,
+  SafeAreaView,
+  StyleSheet,
+} from 'react-native';
+import { IconOutline } from '@ant-design/icons-react-native';
+import { Icon } from '@ant-design/react-native';
+import t from '../../hooks/Common/useTranslations';
+
+import { Images, Colors } from '../../configs';
+import Text from '../../commons/Text';
+import Routes from '../../utils/Route';
+import { TESTID } from '../../configs/Constants';
+import { useSCContextSelector } from '../../context';
+import { CommonActions, useNavigation } from '@react-navigation/native';
+
+const DrawerContainer = ({ navigation }) => {
+  const user = useSCContextSelector((state) => state.auth.account.user);
+  const { dispatch } = useNavigation();
+  const doLogout = () => {
+    const resetAction = CommonActions.reset({
+      index: 0,
+      routes: [{ name: Routes.Main }],
+    });
+    dispatch(resetAction);
+  };
+
+  const goToHelp = () => {};
+
+  const goToAbloutUs = () => {};
+
+  return (
+    <SafeAreaView style={styles.wrap}>
+      <ScrollView contentContainerStyle={styles.scrollView}>
+        <View style={[styles.row, styles.logoWrap]}>
+          <Image
+            source={Images.logo}
+            style={styles.logo}
+            testID={TESTID.SIDE_MENU_LOGO}
+          />
+
+          <View style={styles.avatarBackground}>
+            {user.avatar ? (
+              <Image
+                source={{ uri: user.avatar }}
+                style={styles.avatar}
+                testID={TESTID.SIDE_MENU_AVATAR_USER}
+              />
+            ) : (
+              <View style={styles.avatar} testID={TESTID.SIDE_MENU_AVATAR_USER}>
+                <Icon name={'user'} size={27} />
+              </View>
+            )}
+            <View style={styles.textContainer}>
+              <Text
+                style={[styles.fullName]}
+                testID={TESTID.SIDE_MENU_USER_NAME}
+              >
+                {user?.name || ''}
+              </Text>
+              <Text style={[styles.email]} testID={TESTID.SIDE_MENU_USER_PHONE}>
+                {user ? user.phone_number : ''}
+              </Text>
+            </View>
+          </View>
+        </View>
+        <View style={styles.containerRow}>
+          <View>
+            <Row onPress={goToHelp} image={'global'} name={t('help')} />
+            <Row
+              onPress={goToAbloutUs}
+              image={'mail'}
+              name={t('about_us')}
+              testID={TESTID.SIDE_MENU_POLICY_ITEM}
+            />
+            <Row
+              onPress={doLogout}
+              image={'export'}
+              name={t('exit_dev_mode')}
+            />
+          </View>
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+};
+
+export const Row = ({ name, onPress, image, borderBottom, testID }) => {
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      style={[
+        styles.row,
+        styles.optionWrap,
+        borderBottom && styles.borderBottom,
+      ]}
+      testID={testID}
+    >
+      <IconOutline name={image} size={24} />
+
+      <View style={styles.wrapText}>
+        <Text style={[styles.text]}>{name}</Text>
+      </View>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapText: {
+    flexDirection: 'row',
+    marginLeft: 20,
+  },
+  text: {
+    fontSize: 16,
+    color: Colors.Gray9,
+  },
+  wrap: {
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: Colors.White,
+  },
+  scrollView: {
+    flex: 1,
+    justifyContent: 'space-between',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+  },
+  borderBottom: {
+    borderBottomColor: Colors.Gray4,
+    borderBottomWidth: 1,
+  },
+  logoWrap: {
+    paddingTop: 32,
+    paddingLeft: 28,
+    paddingRight: 23,
+  },
+  optionWrap: {
+    paddingTop: 20,
+    paddingBottom: 20,
+    paddingRight: 32,
+  },
+  logo: {
+    width: 32,
+    height: 16,
+    position: 'absolute',
+    top: 10,
+    left: 30,
+  },
+
+  // header
+  avatarBackground: {
+    flexDirection: 'row',
+    flex: 1,
+    paddingVertical: 22,
+    borderBottomColor: Colors.Gray4,
+    borderBottomWidth: 1,
+  },
+  avatar: {
+    height: 50,
+    width: 50,
+    borderRadius: 25,
+    borderWidth: 0.5,
+    borderColor: Colors.Gray5,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  textContainer: {
+    marginLeft: 15,
+    justifyContent: 'flex-start',
+    flex: 1,
+  },
+  fullName: {
+    backgroundColor: Colors.TextTransparent,
+    fontSize: 16,
+    marginBottom: 6,
+    color: Colors.Black,
+    fontWeight: 'bold',
+  },
+  email: {
+    backgroundColor: Colors.TextTransparent,
+    fontSize: 14,
+    color: Colors.Gray8,
+  },
+  containerRow: {
+    paddingHorizontal: 28,
+    flex: 1,
+    justifyContent: 'space-between',
+  },
+});
+
+export default DrawerContainer;

package/src/screens/EmergencyContacts/EmergencyContactsAddNew.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
+import { StyleSheet, TextInput, View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Section, ViewButtonBottom } from '../../commons';
@@ -53,7 +53,7 @@ export const EmergencyContactsAddNew = ({ route }) => {
   }, [goBack, group.id, t, textName, textPhone]);
 
   return (
-    <SafeAreaView style={styles.wrap}>
+    <View style={styles.wrap}>
       <WrapHeaderScrollable title={t('create_contact')}>
         <Section type={'border'}>
           <TextInput
@@ -87,7 +87,7 @@ export const EmergencyContactsAddNew = ({ route }) => {
           onRightClick={onSave}
         />
       </View>
-    </SafeAreaView>
+    </View>
   );
 };
 

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { SafeAreaView, StyleSheet, View, Platform } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -70,9 +70,9 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
     loadMembers(unitId);
   }, [loadMembers, unitId]);
   return (
-    <SafeAreaView style={styles.container}>
+    <View style={styles.container}>
       <WrapHeaderScrollable title={t('select_contacts')} loading={loading}>
-        <Section type={'border'} style={styles.section}>
+        <Section type={'border'}>
           {dataContact.map((contact, index) => (
             <RowUser
               key={contact.id.toString()}
@@ -108,7 +108,7 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
         onRightClick={goSave}
         rightDisabled={false}
       />
-    </SafeAreaView>
+    </View>
   );
 };
 
@@ -117,9 +117,6 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: Colors.Gray2,
   },
-  section: {
-    marginTop: Platform.OS === 'ios' ? 40 : 0,
-  },
   buttonRemove: {
     height: 40,
     width: 40,

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View } from 'react-native';
+import { act, create } from 'react-test-renderer';
+import Gateway from '..';
+
+describe('Test Template screen', () => {
+  let tree;
+  it('Test render', async () => {
+    await act(async () => {
+      tree = await create(<Gateway />);
+    });
+    const instance = tree.root;
+    const Views = instance.findAllByType(View);
+    expect(Views).toHaveLength(1);
+  });
+});

package/src/screens/Gateway/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { View } from 'react-native';
+
+const Gateway = () => {
+  return <View />;
+};
+
+export default Gateway;

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

@@ -50,57 +50,18 @@ describe('test NotificationItem', () => {
     item = { ...item, is_read: false, content_code: '' };
   });
   let tree;
-  const listCase = [
-    {
-      content_code: NOTIFICATION_TYPES.REMIND_TO_MAKE_PAYMENT,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.EXPIRE_PARKING_SESSION,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.REMIND_TO_SCAN_QR_CODE,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.BOOKING_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PAY_FINE_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
+
+  const listCase2 = [
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER,
+    NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
   ];
 
-  for (const notify of listCase) {
-    test(`create ItemNotification ${notify.content_code}`, () => {
-      item.content_code = notify.content_code;
+  for (const content_code of listCase2) {
+    test(`create ItemNotification ${content_code}`, () => {
+      item.content_code = content_code;
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -109,33 +70,23 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
-        screen: notify.screen,
-        params: { id: 1 },
-      });
+      expect(mockNavigate).not.toHaveBeenCalled();
     });
   }
 
-  const listCaseSmartParking2 = [
-    {
-      content_code: NOTIFICATION_TYPES.USER_CANCEL,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.SYSTEM_CANCEL_NO_PAYMENT,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PARKING_COMPLETED,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
-    },
+  const listCaseUnitDetail = [
+    NOTIFICATION_TYPES.NOTIFY_RENAME_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_UPDATE_ADDRESS,
+    NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_INVITE_MEMBER,
   ];
-  for (const notify of listCaseSmartParking2) {
-    test(`create ItemNotification ${notify.content_code}`, () => {
-      item.content_code = notify.content_code;
+
+  for (const content_code of listCaseUnitDetail) {
+    test(`create ItemNotification ${content_code}`, () => {
+      item.content_code = content_code;
+      item.params = {
+        unit_id: 1,
+      };
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -144,25 +95,24 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
-        screen: notify.screen,
-        params: { tab: 1 },
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+        screen: Routes.UnitDetail,
+        params: {
+          unitId: 1,
+        },
       });
     });
   }
 
-  const listCase2 = [
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER,
-    NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
-    'default case',
-  ];
+  const listCaseDeviceDetail = [NOTIFICATION_TYPES.NOTIFY_DEVICE_DISCONNECT];
 
-  for (const content_code of listCase2) {
+  for (const content_code of listCaseDeviceDetail) {
     test(`create ItemNotification ${content_code}`, () => {
       item.content_code = content_code;
+      item.params = {
+        unit_id: 1,
+        sensor_id: 1,
+      };
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -171,7 +121,13 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).not.toHaveBeenCalled();
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+        screen: Routes.DeviceDetail,
+        params: {
+          unitId: 1,
+          sensorId: 1,
+        },
+      });
     });
   }
 
@@ -208,6 +164,21 @@ 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,
@@ -274,25 +245,8 @@ describe('test NotificationItem', () => {
       tree = create(wrapComponent(item));
     });
     const instance = tree.root;
-    const button = instance.findByType(TouchableOpacity);
-    act(() => {
-      button.props.onPress();
-    });
-    expect(mockNavigate).not.toHaveBeenCalledWith();
-  });
-
-  test('test render Notify params is object', () => {
-    item.content_code = 'NEW CASE';
-    item.params = { unit_id: 1 };
-    act(() => {
-      tree = create(wrapComponent(item));
-    });
-    const instance = tree.root;
-    const button = instance.findByType(TouchableOpacity);
-    act(() => {
-      button.props.onPress();
-    });
-    expect(mockNavigate).not.toHaveBeenCalledWith();
+    const button = instance.findAllByType(TouchableOpacity);
+    expect(button).toHaveLength(0);
   });
 
   test('test notify emergency ', () => {
@@ -344,4 +298,20 @@ describe('test NotificationItem', () => {
       },
     });
   });
+
+  test('test notify emergency not params type', () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
+    item.params = {
+      unit_id: 1,
+      sensor_id: 1,
+      type: null,
+    };
+
+    act(() => {
+      tree = create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const button = instance.findAllByType(TouchableOpacity);
+    expect(button).toHaveLength(0);
+  });
 });