@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

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,9 +10,8 @@ import { API } from '../../../configs';
 import Routes from '../../../utils/Route';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -39,6 +38,8 @@ describe('Test SharedUnit', () => {
   let tree, item, unit;
 
   beforeEach(() => {
+    axios.post.mockClear();
+
     unit = {
       background: '',
       icon: '',
@@ -60,12 +61,6 @@ 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));
@@ -77,39 +72,34 @@ 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();
     });
-    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,
-      },
-    });
+    expect(axios.post).toHaveBeenCalledWith(API.UNIT.STAR_UNIT(3));
   });
 
   test('test create SharedUnit unit without unit owner', async () => {
@@ -158,28 +148,183 @@ 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();
     });
-    mock.onPost(API.UNIT.UNSTAR_UNIT(3)).reply(400);
-    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 iconRemoveStar = instance.findAll(
+
+    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'
     );
-    expect(iconRemoveStar).toHaveLength(3);
+
+    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;
+    });
+
+    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();
+    });
+
+    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);
   });
 });

package/src/commons/UnitSummary/ConfigHistoryChart/index.js

@@ -4,7 +4,6 @@ import moment from 'moment';
 import { API } from '../../../configs';
 import HistoryChart from '../../../commons/Device/HistoryChart';
 import { axiosGet } from '../../../utils/Apis/axios';
-import { updateConfigChart } from '../ConfigHistoryChart';
 
 export const dateTimeType = {
   date: 'date',
@@ -31,7 +30,19 @@ const ConfigHistoryChart = memo(({ configs }) => {
       const { success, data } = await axiosGet(API.CONFIG.DISPLAY_HISTORY(), {
         params,
       });
-      updateConfigChart(success, data, configuration, setChartData);
+      if (success) {
+        for (let i = 0; i < data.length; i++) {
+          for (let j = 0; j < data[i].data.length; j++) {
+            data[i].data[j].x = moment(data[i].data[j].x).toDate();
+          }
+        }
+        setChartData(
+          configuration.map((config) => {
+            config.data = data.find((k) => k.config === config.id).data;
+            return config;
+          })
+        );
+      }
     };
     fetchData();
   }, [startDate, endDate, configs]);

package/src/commons/UnitSummary/ConfigHistoryChart.js

@@ -11,27 +11,6 @@ export const dateTimeType = {
   dateTime: 'datetime',
 };
 
-export const updateConfigChart = (
-  success,
-  data,
-  configuration,
-  setChartData
-) => {
-  if (success) {
-    for (let i = 0; i < data.length; i++) {
-      for (let j = 0; j < data[i].data.length; j++) {
-        data[i].data[j].x = moment(data[i].data[j].x).toDate();
-      }
-    }
-    setChartData(
-      configuration.map((config) => {
-        config.data = data.find((k) => k.config === config.id).data;
-        return config;
-      })
-    );
-  }
-};
-
 const ConfigHistoryChart = memo(({ configs }) => {
   const [chartData, setChartData] = useState(configs);
   const [startDate, setStartDate] = useState(moment().subtract(1, 'days'));
@@ -49,7 +28,19 @@ const ConfigHistoryChart = memo(({ configs }) => {
       const { success, data } = await axiosGet(API.CONFIG.DISPLAY_HISTORY(), {
         params,
       });
-      updateConfigChart(success, data, configuration, setChartData);
+      if (success) {
+        for (let i = 0; i < data.length; i++) {
+          for (let j = 0; j < data[i].data.length; j++) {
+            data[i].data[j].x = moment(data[i].data[j].x).toDate();
+          }
+        }
+        setChartData(
+          configuration.map((config) => {
+            config.data = data.find((k) => k.config === config.id).data;
+            return config;
+          })
+        );
+      }
     };
     fetchData();
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/commons/WheelDateTimePicker/index.js

@@ -40,12 +40,12 @@ const WheelDateTimePicker = ({
       const date = moment(defaultValue);
       const maximumDate = moment(date).add(15, 'days');
       const minimumDate = moment(date).add(-15, 'days');
-      const [newDateData, indexDate] =
+      const [dateData, indexDate] =
         mode === 'datetime'
           ? getDateData(date, maximumDate, minimumDate)
           : [[{ value: date }], 0];
       return {
-        dateData: newDateData,
+        dateData: dateData,
         indexInitialDate: indexDate,
         indexInitialHour: date.hour(),
         indexInitialMinute: date.minute(),
@@ -104,7 +104,6 @@ const WheelDateTimePicker = ({
 
   return (
     <BottomSheet
-      testID={TESTID.WHEEL_DATE_TIME_PICKER}
       isVisible={isVisible}
       onBackdropPress={onPickerCancel}
       onHide={onHide}
@@ -174,7 +173,7 @@ const WheelDateTimePicker = ({
         onLeftClick={onPickerCancel}
         rightTitle={t('done')}
         onRightClick={onDone}
-        testIDPrefix={TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}
+        testIDPrefix={TESTID.WHEEL_DATE_TIME_PICKER}
       />
     </BottomSheet>
   );