@eohjsc/react-native-smart-city 0.3.8 → 0.3.9

package/src/commons/PreventAccess/__test__/PreventAccess.test.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { create } from 'react-test-renderer';
+import { act } from 'react-test-renderer';
+import PreventAccess from '..';
+import { TESTID } from '../../../configs/Constants';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import Text from '../../Text';
+
+const mockGoBack = jest.fn();
+
+const wrapComponent = (headerBodyText, visible, hidePreventAccess) => (
+  <SCProvider initState={mockSCStore({})}>
+    <PreventAccess
+      headerBodyText={headerBodyText}
+      visible={visible}
+      hidePreventAccess={hidePreventAccess}
+    />
+  </SCProvider>
+);
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+    useNavigation: () => ({
+      goBack: mockGoBack,
+    }),
+  };
+});
+
+describe('Test PreventAccess.test', () => {
+  let tree;
+  let headerBodyText;
+  let visible;
+  let hidePreventAccess = () => {};
+
+  test('onItemClick MenuActionList', () => {
+    act(() => {
+      tree = create(wrapComponent(headerBodyText, visible, hidePreventAccess));
+    });
+    const instance = tree.root;
+    const text = instance.findAllByType(Text);
+    expect(text).toHaveLength(5);
+    const button1 = instance.find(
+      (el) => el.props.testID === TESTID.BUTTON_PREVENT_ACCESS
+    );
+    const button2 = instance.find(
+      (el) => el.props.testID === TESTID.TEXT_PREVENT_ACCESS
+    );
+    act(() => {
+      button1.props.onBackButtonPress();
+    });
+
+    act(() => {
+      button2.props.onPress();
+    });
+    expect(button1).toBeDefined();
+    expect(button2).toBeDefined();
+    expect(mockGoBack).toHaveBeenCalled();
+  });
+});

package/src/commons/PreventAccess/index.js

@@ -7,6 +7,7 @@ import t from '../../hooks/Common/useTranslations';
 import Text from '../Text';
 import { Colors } from '../../configs';
 import { styles } from './styles';
+import { TESTID } from '../../configs/Constants';
 
 const PreventAccess = memo(({ headerBodyText, visible, hidePreventAccess }) => {
   const { goBack } = useNavigation();
@@ -37,6 +38,7 @@ const PreventAccess = memo(({ headerBodyText, visible, hidePreventAccess }) => {
       transparent={true}
       onBackButtonPress={handleBackPress}
       style={styles.container}
+      testID={TESTID.BUTTON_PREVENT_ACCESS}
     >
       <View style={styles.popoverStyle}>
         <View style={styles.actionTextWrap}>
@@ -48,7 +50,13 @@ const PreventAccess = memo(({ headerBodyText, visible, hidePreventAccess }) => {
           </Text>
         </View>
         <View style={styles.endOfText}>
-          <Text size={16} bold color={Colors.Primary} onPress={handleDonePopup}>
+          <Text
+            testID={TESTID.TEXT_PREVENT_ACCESS}
+            size={16}
+            bold
+            color={Colors.Primary}
+            onPress={handleDonePopup}
+          >
             {dataText?.endOfText}
           </Text>
         </View>

package/src/commons/Sharing/MemberList.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
-import { Colors } from '../../configs';
+import { Colors, Constants } from '../../configs';
 import Text from '../../commons/Text';
 import RowMember from './RowMember';
 
@@ -26,7 +26,9 @@ const MemberList = ({
           />
         ))}
       {!dataMember.length && (
-        <Text style={styles.textCenter}>{t('no_member')}</Text>
+        <View style={styles.viewEmpty}>
+          <Text style={styles.textCenter}>{t('no_member')}</Text>
+        </View>
       )}
     </View>
   );
@@ -37,4 +39,10 @@ const styles = StyleSheet.create({
   box: {
     backgroundColor: Colors.White,
   },
+  viewEmpty: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: Constants.height - 200,
+    backgroundColor: Colors.White,
+  },
 });

package/src/commons/Sharing/WrapHeaderScrollable.js

@@ -13,6 +13,7 @@ import { isIphoneX } from 'react-native-iphone-x-helper';
 import { Colors, Theme } from '../../configs';
 import HeaderAni, { heightHeader } from '../../commons/HeaderAni';
 import Text from '../../commons/Text';
+import { TESTID } from '../../configs/Constants';
 
 const WrapHeaderScrollable = ({
   children,
@@ -59,6 +60,7 @@ const WrapHeaderScrollable = ({
         onLeft={onGoBack}
       />
       <Animated.ScrollView
+        testID={TESTID.ANIMATED_SCROLL}
         scrollEventThrottle={16}
         onScroll={Animated.event(
           [{ nativeEvent: { contentOffset: { y: animatedScrollYValue } } }],

package/src/commons/Sharing/__test__/DevicePermissionsCheckbox.test.js

@@ -15,7 +15,6 @@ const wrapComponent = (sensor, mockFunction) => (
   </SCProvider>
 );
 
-jest.mock('axios');
 describe('Test DevicePermissionsCheckbox', () => {
   let tree;
   let sensor = {

package/src/commons/SubUnit/Favorites/index.js

@@ -8,13 +8,13 @@ import ItemDevice from '../../Device/ItemDevice';
 import ItemOneTap from '../OneTap/ItemOneTap';
 import ItemAddNew from '../../Device/ItemAddNew';
 import styles from './styles';
+import { notImplemented } from '../../../utils/Utils';
 
 const SubUnitFavorites = ({
   isOwner,
   unit,
   favoriteDevices,
   favoriteAutomates,
-  isGGHomeConnected,
   wrapItemStyle,
 }) => {
   const t = useTranslations();
@@ -22,7 +22,7 @@ const SubUnitFavorites = ({
   const { getStatus, serverDown } = useSensorsStatus(unit, favoriteDevices);
 
   const handleOnAddNew = () => {
-    alert(t('feature_under_development'));
+    notImplemented(t);
   };
 
   return (
@@ -42,7 +42,6 @@ const SubUnitFavorites = ({
               sensor={sensor}
               unit={unit}
               station={sensor.station}
-              isGGHomeConnected={isGGHomeConnected}
               serverDown={serverDown}
               status={getStatus(sensor)}
               wrapStyle={wrapItemStyle}

package/src/commons/SubUnit/OneTap/__test__/SubUnitAutomate.test.js

@@ -1,13 +1,18 @@
-import axios from 'axios';
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import Toast from 'react-native-toast-message';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
 import SubUnitAutomate from '..';
 import { AUTOMATE_TYPE, TESTID } from '../../../../configs/Constants';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import Routes from '../../../../utils/Route';
+import api from '../../../../utils/Apis/axios';
+import { API } from '../../../../configs';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (data) => (
   <SCProvider initState={mockSCStore({})}>
@@ -32,8 +37,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('axios');
-
 let tree;
 let data = {
   isOwner: true,
@@ -60,18 +63,9 @@ let data = {
 
 describe('test Item', () => {
   beforeEach(() => {
-    axios.post.mockClear();
     mockedNavigate.mockClear();
   });
   test('render SubUnitAutomate isOwner and handleOnAddNew', async () => {
-    const response = {
-      status: 200,
-    };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
     await act(async () => {
       tree = await create(wrapComponent(data));
     });
@@ -114,6 +108,7 @@ describe('test Item', () => {
         el.type === TouchableOpacity
     );
     expect(handleScriptAction).toHaveLength(1);
+    mock.onPost(API.AUTOMATE.ACTION_ONE_TAP(1)).reply(200);
     await act(async () => {
       await handleScriptAction[0].props.onPress();
     });
@@ -127,14 +122,6 @@ describe('test Item', () => {
 
   test('render SubUnitAutomate not is owner handleScriptAction fail', async () => {
     data.isOwner = false;
-    const response = {
-      status: 400,
-    };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
     await act(async () => {
       tree = await create(wrapComponent(data));
     });
@@ -145,6 +132,7 @@ describe('test Item', () => {
         el.type === TouchableOpacity
     );
     expect(handleScriptAction).toHaveLength(1);
+    mock.onPost(API.AUTOMATE.ACTION_ONE_TAP(1)).reply(400);
     await act(async () => {
       await handleScriptAction[0].props.onPress();
     });
@@ -181,14 +169,6 @@ describe('test Item', () => {
         ],
       },
     ];
-    const response = {
-      status: 200,
-    };
-
-    axios.post.mockImplementation(async () => {
-      return response;
-    });
-
     await act(async () => {
       tree = await create(wrapComponent(data));
     });
@@ -233,13 +213,6 @@ describe('test Item', () => {
         ],
       },
     ];
-    const response = {
-      status: 200,
-    };
-
-    await axios.post.mockImplementation(async () => {
-      return response;
-    });
 
     await act(async () => {
       tree = await create(wrapComponent(data));

package/src/commons/SubUnit/OneTap/index.js

@@ -41,10 +41,9 @@ const SubUnitAutomate = ({ isOwner, listAutomate, unit, wrapItemStyle }) => {
     setAutomates(listAutomate[indexAutomate]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [listAutomate]);
-
   return (
     <Section style={styles.noShadow}>
-      <View style={styles.boxScenario}>
+      <View style={styles.boxScenario} testID={TESTID.VIEW_SUB_UNIT_AUTOMATE}>
         {listAutomate.map((item, index) => (
           <TouchableOpacity
             style={

package/src/commons/SubUnit/ShortDetail.js

@@ -15,12 +15,18 @@ import { standardizeCameraScreenSize } from '../../utils/Utils';
 import Routes from '../../utils/Route';
 import FastImage from 'react-native-fast-image';
 import MediaPlayerDetail from '../MediaPlayerDetail';
+import {
+  keyPermission,
+  OpenSetting,
+  permitPermissionFunction,
+} from '../../utils/Permission/common';
+import { RESULTS } from 'react-native-permissions';
 
 const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
   Device.screenWidth - 32
 );
 
-const ShortDetailSubUnit = ({ unit, station, isGGHomeConnected }) => {
+const ShortDetailSubUnit = ({ unit, station }) => {
   const t = useTranslations();
   const { navigate } = useNavigation();
 
@@ -71,13 +77,24 @@ const ShortDetailSubUnit = ({ unit, station, isGGHomeConnected }) => {
   };
 
   const handleOnAddNew = () => {
-    navigate(Routes.AddDeviceStack, {
-      screen: Routes.ScanSensorQR,
-      params: {
-        station_id: station?.id,
-        unit_id: unit.id,
-        unit_name: unit.name,
-      },
+    permitPermissionFunction(keyPermission.CAMERA, (res) => {
+      if (res === RESULTS.GRANTED) {
+        navigate(Routes.AddDeviceStack, {
+          screen: Routes.ScanSensorQR,
+          params: {
+            station_id: station?.id,
+            unit_id: unit.id,
+            unit_name: unit.name,
+          },
+        });
+        return;
+      }
+      if (res === RESULTS.BLOCKED) {
+        OpenSetting(
+          t('camera_request_permission'),
+          t('camera_request_permission_des')
+        );
+      }
     });
   };
 
@@ -122,7 +139,6 @@ const ShortDetailSubUnit = ({ unit, station, isGGHomeConnected }) => {
                     sensor={sensor}
                     unit={unit}
                     station={station}
-                    isGGHomeConnected={isGGHomeConnected}
                     serverDown={serverDown}
                     status={getStatus(sensor)}
                   />

package/src/commons/SubUnit/__test__/Item.test.js

@@ -1,4 +1,3 @@
-/* eslint-disable promise/prefer-await-to-callbacks */
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import { TouchableScale } from '../../index';

package/src/commons/SubUnit/__test__/ShortDetail.test.js

@@ -1,12 +1,14 @@
 import React from 'react';
 import { Image, View } from 'react-native';
 import { act, create } from 'react-test-renderer';
+import mock from 'react-native-permissions/mock';
 import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import ShortDetailSubUnit from '../ShortDetail';
 import ItemAddNew from '../../Device/ItemAddNew';
 import Routes from '../../../utils/Route';
+import { keyPermission } from '../../../utils/Permission/common';
 
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
@@ -21,6 +23,10 @@ jest.mock('react', () => {
   };
 });
 
+jest.mock('react-native-permissions', () => {
+  return mock;
+});
+
 const mockedNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {
@@ -145,10 +151,10 @@ describe('test ShortDetail Subunit', () => {
       (item) =>
         item.props.testID === TESTID.SUB_UNIT_DEVICES && item.type === View
     );
-    expect(itemDevice.length).toBe(1);
+    expect(itemDevice.length).toBe(0);
   });
 
-  test('render ShortDetail add new device', () => {
+  test('render ShortDetail add new device', async () => {
     act(() => {
       tree = create(wrapComponent(props));
     });
@@ -157,6 +163,7 @@ describe('test ShortDetail Subunit', () => {
     act(() => {
       buttonAddNew.props.onAddNew();
     });
+    await mock.request(keyPermission.CAMERA);
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddDeviceStack, {
       screen: Routes.ScanSensorQR,
       params: {

package/src/commons/Unit/SharedUnit.js

@@ -39,6 +39,7 @@ const SharedUnit = ({
   }, [renewItem, index, unit, item]);
   const addPinSharedUnit = useCallback(async () => {
     const { success } = await axiosPost(API.UNIT.PIN_UNIT(unit.id));
+
     if (success) {
       item.is_pin = true;
       renewItem(index);