@eohjsc/react-native-smart-city 0.2.97 → 0.3.0

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/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);

package/src/commons/Unit/__test__/SharedUnit.test.js

@@ -1,8 +1,8 @@
-import axios from 'axios';
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import moment from 'moment';
 import { useNavigation } from '@react-navigation/native';
+import MockAdapter from 'axios-mock-adapter';
 
 import SharedUnit from '../SharedUnit';
 import { TESTID } from '../../../configs/Constants';
@@ -10,8 +10,9 @@ import { API } from '../../../configs';
 import Routes from '../../../utils/Route';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -38,8 +39,6 @@ describe('Test SharedUnit', () => {
   let tree, item, unit;
 
   beforeEach(() => {
-    axios.post.mockClear();
-
     unit = {
       background: '',
       icon: '',
@@ -61,6 +60,12 @@ describe('Test SharedUnit', () => {
 
   test('test create SharedUnit unit is not pin, not star', async () => {
     const navigation = useNavigation();
+    const mockedRenewItem = jest.fn();
+    await act(async () => {
+      tree = await create(
+        wrapComponent(item, navigation, true, mockedRenewItem)
+      );
+    });
 
     await act(async () => {
       tree = await create(wrapComponent(item, navigation));
@@ -72,34 +77,39 @@ describe('Test SharedUnit', () => {
     act(() => {
       touchSharedUnit.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
-      screen: Routes.UnitDetail,
-      params: {
-        unitId: 3,
-        unitData: unit,
-      },
-    });
-
     const iconRemovePinSharedUnit = instance.findAll(
       (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
     );
-    expect(iconRemovePinSharedUnit).toHaveLength(0);
-
     const iconAddPinSharedUnit = instance.find(
       (el) => el.props.testID === TESTID.ICON_ADD_PIN_SHARED_UNIT + '-69'
     );
+    mock.onPost(API.UNIT.PIN_UNIT(3)).reply(200);
+    act(() => {
+      iconAddPinSharedUnit.props.onPress();
+    });
+    mock.onPost(API.UNIT.PIN_UNIT(3)).reply(400);
     act(() => {
       iconAddPinSharedUnit.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.UNIT.PIN_UNIT(3));
-
     const iconAddStarSharedUnit = instance.find(
       (el) => el.props.testID === TESTID.ICON_ADD_STAR_SHARED_UNIT + '-69'
     );
+    mock.onPost(API.UNIT.STAR_UNIT(3)).reply(200);
     act(() => {
       iconAddStarSharedUnit.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.UNIT.STAR_UNIT(3));
+    mock.onPost(API.UNIT.STAR_UNIT(3)).reply(400);
+    act(() => {
+      iconAddStarSharedUnit.props.onPress();
+    });
+    expect(iconRemovePinSharedUnit).toHaveLength(0);
+    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.UnitDetail,
+      params: {
+        unitId: 3,
+        unitData: unit,
+      },
+    });
   });
 
   test('test create SharedUnit unit without unit owner', async () => {
@@ -148,183 +158,28 @@ describe('Test SharedUnit', () => {
     const iconRemovePinSharedUnit = instance.find(
       (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
     );
+    mock.onPost(API.UNIT.UNPIN_UNIT(3)).reply(200);
+    act(() => {
+      iconRemovePinSharedUnit.props.onPress();
+    });
+    mock.onPost(API.UNIT.UNPIN_UNIT(3)).reply(400);
     act(() => {
       iconRemovePinSharedUnit.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.UNIT.UNPIN_UNIT(3));
-
     const iconRemoveStarSharedUnit = instance.find(
       (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT + '-69'
     );
+    mock.onPost(API.UNIT.UNSTAR_UNIT(3)).reply(200);
     act(() => {
       iconRemoveStarSharedUnit.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.UNIT.UNSTAR_UNIT(3));
-  });
-
-  test('test pin SharedUnit success', async () => {
-    const navigation = useNavigation();
-    const mockedRenewItem = jest.fn();
-    await act(async () => {
-      tree = await create(
-        wrapComponent(item, navigation, true, mockedRenewItem)
-      );
-    });
-    const instance = tree.root;
-
-    const response = {
-      success: true,
-      status: 200,
-    };
-
-    jest.spyOn(axios, 'post').mockImplementation(() => {
-      return response;
-    });
-
-    const iconAddPinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconStarUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_STAR_SHARED_UNIT + '-69'
-    );
-
-    await act(async () => {
-      await iconAddPinSharedUnit.props.onPress();
-      await iconStarUnit.props.onPress();
-    });
-
-    expect(mockedRenewItem).toHaveBeenCalledTimes(2);
-  });
-
-  test('test pin SharedUnit unsuccess', async () => {
-    const navigation = useNavigation();
-    const mockedRenewItem = jest.fn();
-    await act(async () => {
-      tree = await create(
-        wrapComponent(item, navigation, true, mockedRenewItem)
-      );
-    });
-    const instance = tree.root;
-
-    const response = {
-      success: false,
-      status: 500,
-    };
-
-    jest.spyOn(axios, 'post').mockImplementation(() => {
-      return response;
-    });
-
-    const iconAddPinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconStarUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_ADD_STAR_SHARED_UNIT + '-69'
-    );
-
-    await act(async () => {
-      await iconAddPinSharedUnit.props.onPress();
-      await iconStarUnit.props.onPress();
-    });
-
-    const iconRemovePinSharedUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconRemoveStartUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT + '-69'
-    );
-
-    expect(mockedRenewItem).toHaveBeenCalledTimes(0);
-    expect(iconRemovePinSharedUnit).toHaveLength(0);
-    expect(iconRemoveStartUnit).toHaveLength(0);
-  });
-
-  test('test unpin SharedUnit success', async () => {
-    const navigation = useNavigation();
-    item.is_pin = true;
-    item.is_star = true;
-    const mockedRenewItem = jest.fn();
-
-    await act(async () => {
-      tree = await create(
-        wrapComponent(item, navigation, true, mockedRenewItem)
-      );
-    });
-    const instance = tree.root;
-
-    const response = {
-      success: true,
-      status: 200,
-    };
-
-    jest.spyOn(axios, 'post').mockImplementation(() => {
-      return response;
-    });
-
-    const iconRemovePinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconRemoveStartUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT + '-69'
-    );
-
-    await act(async () => {
-      await iconRemovePinSharedUnit.props.onPress();
-      await iconRemoveStartUnit.props.onPress();
-    });
-
-    expect(mockedRenewItem).toHaveBeenCalledTimes(2);
-  });
-
-  test('test unpin SharedUnit unsuccess', async () => {
-    const navigation = useNavigation();
-    item.is_pin = true;
-    item.is_star = true;
-    const mockedRenewItem = jest.fn();
-
-    await act(async () => {
-      tree = await create(
-        wrapComponent(item, navigation, true, mockedRenewItem)
-      );
-    });
-    const instance = tree.root;
-
-    const response = {
-      success: false,
-      status: 500,
-    };
-
-    jest.spyOn(axios, 'post').mockImplementation(() => {
-      return response;
+    mock.onPost(API.UNIT.UNSTAR_UNIT(3)).reply(400);
+    act(() => {
+      iconRemoveStarSharedUnit.props.onPress();
     });
-
-    const iconRemovePinSharedUnit = instance.find(
-      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconRemoveStartUnit = instance.find(
+    const iconRemoveStar = instance.findAll(
       (el) => el.props.testID === TESTID.ICON_REMOVE_STAR_SHARED_UNIT + '-69'
     );
-
-    await act(async () => {
-      await iconRemovePinSharedUnit.props.onPress();
-      await iconRemoveStartUnit.props.onPress();
-    });
-
-    const iconAddPinSharedUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ICON_ADD_PIN_SHARED_UNIT + '-69'
-    );
-
-    const iconStarUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ICON_ADD_STAR_SHARED_UNIT + '-69'
-    );
-
-    expect(mockedRenewItem).toHaveBeenCalledTimes(0);
-    expect(iconAddPinSharedUnit).toHaveLength(0);
-    expect(iconStarUnit).toHaveLength(0);
+    expect(iconRemoveStar).toHaveLength(3);
   });
 });

package/src/commons/WheelDateTimePicker/index.js

@@ -104,6 +104,7 @@ const WheelDateTimePicker = ({
 
   return (
     <BottomSheet
+      testID={TESTID.WHEEL_DATE_TIME_PICKER}
       isVisible={isVisible}
       onBackdropPress={onPickerCancel}
       onHide={onHide}
@@ -173,7 +174,7 @@ const WheelDateTimePicker = ({
         onLeftClick={onPickerCancel}
         rightTitle={t('done')}
         onRightClick={onDone}
-        testIDPrefix={TESTID.WHEEL_DATE_TIME_PICKER}
+        testIDPrefix={TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}
       />
     </BottomSheet>
   );