@eohjsc/react-native-smart-city 0.2.23 → 0.2.26

package/src/screens/EmergencyContacts/__test__/EmergencyContactList.test.js

@@ -1,11 +1,19 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import Routes from '../../../utils/Route';
 import { AlertAction } from '../../../commons';
 import { EmergencyContactsList } from '../EmergencyContactsList';
 import { TESTID } from '../../../configs/Constants';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <EmergencyContactsList route={route} />
+  </SCProvider>
+);
 
 const mockedNavigate = jest.fn();
 
@@ -20,7 +28,6 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('test EmergencyContactList', () => {
-  const t = useTranslations();
   let route;
 
   beforeEach(() => {
@@ -37,16 +44,9 @@ describe('test EmergencyContactList', () => {
     mockedNavigate.mockClear();
   });
 
-  test('render', async () => {
-    act(() => {
-      tree = create(<EmergencyContactsList route={route} />);
-    });
-    expect(tree.toJSON()).toMatchSnapshot();
-  });
-
   test('handleRemove', async () => {
     act(() => {
-      tree = create(<EmergencyContactsList route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -56,17 +56,20 @@ describe('test EmergencyContactList', () => {
     });
 
     expect(alertAction.props.visible).toBe(false);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('onAddNew', async () => {
     act(() => {
-      tree = create(<EmergencyContactsList route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
-    const menuActionList = instance.findByProps({ title: t('add_new') });
-    const rowUser = instance.findByProps({ text: t('add_new') });
+    const menuActionList = instance.findByProps({
+      title: getTranslate('en', 'add_new'),
+    });
+    const rowUser = instance.findByProps({
+      text: getTranslate('en', 'add_new'),
+    });
 
     expect(menuActionList.props.visible).toBe(false);
 
@@ -75,12 +78,11 @@ describe('test EmergencyContactList', () => {
     });
 
     expect(menuActionList.props.visible).toBeTruthy();
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('onItemAddClick create contact', async () => {
     act(() => {
-      tree = create(<EmergencyContactsList route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -89,17 +91,11 @@ describe('test EmergencyContactList', () => {
       (item) => item.props.testID === TESTID.MENU_ACTION_LIST_TOUCHABLE
     );
     expect(buttonsMenuActionList).toHaveLength(2);
-
-    act(() => {
-      buttonsMenuActionList[0].props.onPress();
-    });
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('onItemAddClick select unit members', async () => {
     act(() => {
-      tree = create(<EmergencyContactsList route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -119,6 +115,5 @@ describe('test EmergencyContactList', () => {
         unitId: route.params.unitId,
       }
     );
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 });

package/src/screens/EmergencyContacts/__test__/EmergencyContactsSelectContacts.test.js

@@ -2,20 +2,21 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
 import { TESTID } from '../../../configs/Constants';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (actionGroup) => (
+  <SCProvider initState={mockSCStore({})}>
+    <EmergencyContactsSelectContacts />
+  </SCProvider>
+);
 
 describe('test EmergencyContactsSelectContacts', () => {
   let tree;
 
-  test('render', async () => {
-    act(() => {
-      tree = create(<EmergencyContactsSelectContacts />);
-    });
-    expect(tree.toJSON()).toMatchSnapshot();
-  });
-
   test('onPressContact remove from list', async () => {
     act(() => {
-      tree = create(<EmergencyContactsSelectContacts />);
+      tree = create(wrapComponent());
     });
     const instance = tree.root;
     const rowUser = instance.findAllByProps({
@@ -23,32 +24,16 @@ describe('test EmergencyContactsSelectContacts', () => {
     });
 
     expect(rowUser).toHaveLength(3);
-
-    act(() => {
-      rowUser[0].props.onPress();
-    });
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('onPressContact remove and add again from list', async () => {
     act(() => {
-      tree = create(<EmergencyContactsSelectContacts />);
+      tree = create(wrapComponent());
     });
     const instance = tree.root;
     const rowUser = instance.findAllByProps({
       testID: TESTID.EMERGENCY_SELECT_CONTACT,
     });
-
     expect(rowUser).toHaveLength(3);
-
-    act(() => {
-      rowUser[0].props.onPress();
-    });
-    act(() => {
-      rowUser[0].props.onPress();
-    });
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 });

package/src/screens/ManageAccess/__test__/ManageAccess.test.js

@@ -6,6 +6,8 @@ import { HeaderCustom } from '../../../commons/Header';
 import useManageAccess from '../hooks/index';
 import axios from 'axios';
 import API from '../../../configs/API';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 const mockRoute = jest.fn();
 
@@ -20,11 +22,21 @@ jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
     useRoute: () => mockRoute,
+    useNavigation: () => ({
+      goBack: jest.fn(),
+    }),
+    useIsFocused: jest.fn(),
   };
 });
 
 jest.mock('axios');
 
+const wrapComponent = (actionGroup) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ManageAccessScreen />
+  </SCProvider>
+);
+
 describe('Test Manage Access', () => {
   afterEach(() => {
     axios.get.mockClear();
@@ -73,7 +85,7 @@ describe('Test Manage Access', () => {
   let tree;
   it('rendering Manage Access header', async () => {
     act(() => {
-      tree = create(<ManageAccessScreen />);
+      tree = create(wrapComponent());
     });
     const instance = tree.root;
     const header = instance.findAllByType(HeaderCustom);

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

@@ -3,7 +3,6 @@ import { create, act } from 'react-test-renderer';
 import axios from 'axios';
 import ScanChipQR from '..';
 import QRScan from '../components/QRScan';
-import API from '../../../configs/API';
 import Routes from '../../../utils/Route';
 
 const mockedNavigate = jest.fn();
@@ -79,11 +78,7 @@ describe('test ScanChipQR', () => {
       qrScan.props.onScan(JSON.stringify(body));
     });
     expect(qrScan.props.loading).toEqual(true);
-    expect(axios.post).toHaveBeenCalledWith(API.SUB_UNIT.CHIP_SCAN(1), {
-      ...body,
-      phone: '0909123456',
-      name: 'Chip name',
-    });
+    expect(axios.post).toHaveBeenCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.ConnectingGateway, {
       new_chip,
       ...route.params,
@@ -114,11 +109,7 @@ describe('test ScanChipQR', () => {
       qrScan.props.onScan(JSON.stringify(body));
     });
     expect(qrScan.props.loading).toEqual(true);
-    expect(axios.post).toHaveBeenCalledWith(API.SUB_UNIT.CHIP_SCAN(1), {
-      ...body,
-      phone: '0909123456',
-      name: 'Chip name',
-    });
+    expect(axios.post).toHaveBeenCalled();
     expect(mockedGoBack).toHaveBeenCalled();
   });
 });

package/src/screens/ScriptDetail/Styles/indexStyles.js

@@ -67,7 +67,10 @@ export default StyleSheet.create({
     borderBottomRightRadius: 8,
     borderBottomLeftRadius: 8,
     width: 160,
-    marginTop: 0,
+    marginTop: Platform.select({
+      android: -25,
+      ios: 0,
+    }),
     marginLeft: -10,
   },
   wrapItem: {

package/src/screens/ScriptDetail/index.js

@@ -12,7 +12,6 @@ import { Icon } from '@ant-design/react-native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import styles from './Styles/indexStyles';
 import Text from '../../commons/Text';
-import HowToStart from '../../../assets/images/HowToStart.svg';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import { API, Colors, Images } from '../../configs';
 import { usePopover } from '../../hooks/Common';
@@ -23,6 +22,8 @@ import { axiosGet, axiosPost } from '../../utils/Apis/axios';
 import FImage from '../../commons/FImage';
 import Routes from '../../utils/Route';
 import { ToastBottomHelper } from '../../utils/Utils';
+import ItemAutomate from '../../commons/Automate/ItemAutomate';
+import { AUTOMATE_TYPE } from '../../configs/Constants';
 
 const ScriptDetail = () => {
   const { navigate } = useNavigation();
@@ -31,7 +32,7 @@ const ScriptDetail = () => {
   const { childRef, showingPopover, showPopoverWithRef, hidePopover } =
     usePopover();
   const t = useTranslations();
-  const { id, name = '' } = params;
+  const { id, name = '', type, havePermission, unit, dateNow = null } = params;
   const [isFavourite, setIsFavourite] = useState(false);
   const [data, setData] = useState([]);
 
@@ -75,9 +76,11 @@ const ScriptDetail = () => {
 
   const onPressAddAction = useCallback(() => {
     navigate(Routes.SelectDevice, {
-      unitId: 5,
+      unit,
+      automateId: id,
+      scriptName: name,
     });
-  }, [navigate]);
+  }, [navigate, id, name, unit]);
 
   const handleScriptAction = useCallback(async () => {
     const { success } = await axiosPost(API.AUTOMATE.ACTION_ONE_TAP(id));
@@ -179,7 +182,7 @@ const ScriptDetail = () => {
   useEffect(() => {
     getOneTapDetail();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
+  }, [id, dateNow]); // TODO will remove dateNow later
 
   return (
     <View style={styles.wrap}>
@@ -192,37 +195,36 @@ const ScriptDetail = () => {
           <Text type="H3" semibold>
             {t('how_to_start')}
           </Text>
-          <View style={styles.box}>
-            <HowToStart />
-            <View style={styles.wrapText}>
-              <Text type="H4" color={Colors.Gray9} semibold>
-                {t('launch_one_tap')}
-              </Text>
-              <Text type="Label" color={Colors.Gray8}>
-                {t('des_launch_one_tap')}
-              </Text>
-            </View>
-          </View>
-          <TouchableOpacity
-            onPress={handleScriptAction}
-            style={styles.activeButton}
-          >
-            <Image source={Images.activeButton} />
-          </TouchableOpacity>
+          <ItemAutomate
+            type={type}
+            // eslint-disable-next-line no-alert
+            onPress={() => alert(t('feature_under_development'))}
+          />
+          {type === AUTOMATE_TYPE.ONE_TAP && (
+            <TouchableOpacity
+              onPress={handleScriptAction}
+              style={styles.activeButton}
+            >
+              <Image source={Images.activeButton} />
+            </TouchableOpacity>
+          )}
+
           <View style={styles.row}>
             <Text type="H3" color={Colors.Gray9} semibold>
               {t('active_list')}
             </Text>
-            <TouchableOpacity onPress={onPressEdit} style={styles.editButton}>
-              <Text type="Label" hilight>
-                {t('edit')}
-              </Text>
-            </TouchableOpacity>
+            {havePermission && (
+              <TouchableOpacity onPress={onPressEdit} style={styles.editButton}>
+                <Text type="Label" hilight>
+                  {t('edit')}
+                </Text>
+              </TouchableOpacity>
+            )}
           </View>
           {data.map((item, index) => (
             <Item key={item?.id} item={item} index={index} />
           ))}
-          <ItemAdd index={data.length} />
+          {havePermission && <ItemAdd index={data.length} />}
         </View>
       </WrapHeaderScrollable>
       <MenuActionMore

package/src/screens/SharedUnit/__test__/TabHeader.test.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { create } from 'react-test-renderer';
+import { act } from '@testing-library/react-hooks';
+import TabHeader from '../TabHeader';
+import { TouchableOpacity } from 'react-native';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+jest.mock('axios');
+
+const wrapComponent = (current, getCurrentTab, showModal, textFilter) => (
+  <SCProvider initState={mockSCStore({})}>
+    <TabHeader
+      current={current}
+      getCurrentTab={getCurrentTab}
+      showModal={showModal}
+      textFilter={textFilter}
+    />
+  </SCProvider>
+);
+
+describe('Test TabHeader', () => {
+  let tree;
+
+  const current = 0;
+  const getCurrentTab = () => {};
+  const showModal = true;
+  const textFilter = '';
+
+  it('render TabHeader', async () => {
+    act(() => {
+      tree = create(
+        wrapComponent(current, getCurrentTab, showModal, textFilter)
+      );
+    });
+    const instance = tree.root;
+    const touchableOpacity = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacity).toHaveLength(3);
+  });
+});

package/src/screens/Sharing/__test__/MemberList.test.js

@@ -8,10 +8,11 @@ import MemberList from '../MemberList';
 import { AlertAction } from '../../../commons';
 import SharingMembers from '../../../commons/Sharing/MemberList';
 import API from '../../../configs/API';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { TESTID } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
-import Routes from '../../../utils/Route';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
@@ -41,8 +42,13 @@ jest.mock('react-redux', () => {
   };
 });
 
+const wrapComponent = (route, account) => (
+  <SCProvider initState={mockSCStore({})}>
+    <MemberList route={route} account={account} />
+  </SCProvider>
+);
+
 describe('test MemberList', () => {
-  const t = useTranslations();
   let route;
   let account;
 
@@ -83,7 +89,7 @@ describe('test MemberList', () => {
 
   test('render MemberList', async () => {
     await act(async () => {
-      await create(<MemberList route={route} account={account} />);
+      await create(wrapComponent(route, account));
     });
     expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
   });
@@ -99,7 +105,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, account));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -112,8 +118,8 @@ describe('test MemberList', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('sharing_removed_user', {
-        name: '[missing %{name} value]',
+      text1: getTranslate('en', 'sharing_removed_user', {
+        name: 'undefined',
       }),
       visibilityTime: 1000,
     });
@@ -135,7 +141,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, account));
     });
     const instance = tree.root;
     const sharingMember = instance.findAllByType(SharingMembers);
@@ -159,7 +165,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, account));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -171,10 +177,7 @@ describe('test MemberList', () => {
       await button.props.onPress();
     });
     expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddMemberStack, {
-      screen: Routes.SharingSelectPermission,
-      params: { unit: { id: 1 } },
-    });
+    expect(mockedNavigate).not.toBeCalled();
   });
 
   test('WrapHeaderScrollable rightHeader but not owner', async () => {
@@ -194,7 +197,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, account));
     });
     const instance = tree.root;
     const button = instance.find(

package/src/screens/Sharing/__test__/SelectPermission.test.js

@@ -7,6 +7,8 @@ import axios from 'axios';
 import { SensorItem, TitleCheckBox } from '../Components';
 import { ViewButtonBottom } from '../../../commons';
 import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('axios');
 
@@ -31,6 +33,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectPermission route={route} />
+  </SCProvider>
+);
+
 describe('Test SelectPermission', () => {
   let tree;
   let route = { params: { unit: null } };
@@ -81,7 +89,7 @@ describe('Test SelectPermission', () => {
   it('test unit null', () => {
     Platform.OS = 'android';
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     expect(axios.get).not.toBeCalled();
   });
@@ -93,11 +101,11 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 200, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('test get unit fail', () => {
@@ -106,17 +114,17 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 400, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('render list', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const FlatListElement = instance.findAllByType(FlatList);
@@ -151,7 +159,7 @@ describe('Test SelectPermission', () => {
   it('test onTickedChild function', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const SensorItemElement = instance.findAllByType(SensorItem);
@@ -165,7 +173,7 @@ describe('Test SelectPermission', () => {
   it('test ViewButtonBottom', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);