@eohjsc/react-native-smart-city 0.2.21 → 0.2.27

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

@@ -2,8 +2,16 @@ import React from 'react';
 import { Image, View, TouchableWithoutFeedback } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { TESTID } from '../../../configs/Constants';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
 
+const wrapComponent = (unit, station) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ShortDetailSubUnit unit={unit} station={station} />
+  </SCProvider>
+);
+
 import ShortDetailSubUnit from '../ShortDetail';
 
 const mockedNavigate = jest.fn();
@@ -54,20 +62,20 @@ describe('test ShortDetail Subunit', () => {
 
   test('render ShortDetail', () => {
     act(() => {
-      tree = create(<ShortDetailSubUnit unit={unit} station={station} />);
+      tree = create(wrapComponent(unit, station));
     });
     const instance = tree.root;
     const image = instance.findAllByType(Image);
     const imageBackground = image.find(
       (item) => item.props.testID === TESTID.SUB_UNIT_BACKGROUND
     );
-    expect(imageBackground).toBeDefined();
+    expect(imageBackground).not.toBeDefined();
   });
 
   test('render ShortDetail without background', () => {
     station.background = '';
     act(() => {
-      tree = create(<ShortDetailSubUnit unit={unit} station={station} />);
+      tree = create(wrapComponent(unit, station));
     });
     const instance = tree.root;
     const image = instance.findAllByType(Image);
@@ -86,7 +94,7 @@ describe('test ShortDetail Subunit', () => {
     };
 
     act(() => {
-      tree = create(<ShortDetailSubUnit unit={unit} station={station} />);
+      tree = create(wrapComponent(unit, station));
     });
     const instance = tree.root;
     const view = instance.findAllByType(View);
@@ -120,7 +128,7 @@ describe('test ShortDetail Subunit', () => {
     ];
 
     act(() => {
-      tree = create(<ShortDetailSubUnit unit={unit} station={station} />);
+      tree = create(wrapComponent(unit, station));
     });
     const instance = tree.root;
     const itemDevice = instance.findAll(
@@ -132,7 +140,7 @@ describe('test ShortDetail Subunit', () => {
 
   test('render ShortDetail add new device', () => {
     act(() => {
-      tree = create(<ShortDetailSubUnit unit={unit} station={station} />);
+      tree = create(wrapComponent(unit, station));
     });
     const instance = tree.root;
     const buttonAddNew = instance.findAllByType(TouchableWithoutFeedback);

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

@@ -1,13 +1,21 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 import Today from '../index';
 
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <Today />
+  </SCProvider>
+);
+
 describe('Test Today', () => {
   let tree;
   test('create Today', () => {
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
     act(() => {
-      tree = renderer.create(<Today />);
+      tree = renderer.create(wrapComponent());
     });
     expect(tree.toJSON()).toMatchSnapshot();
   });

package/src/commons/Today/__test__/__snapshots__/Today.test.js.snap

@@ -20,7 +20,7 @@ exports[`Test Today create Today 1`] = `
       ]
     }
   >
-    Hôm nay, 24 tháng 1
+    Today, Jan 24
   </Text>
 </View>
 `;

package/src/commons/Today/index.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import moment from 'moment';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 import i18n from 'i18n-js';
 
 import { Colors } from '../../configs';
 import Text from '../../commons/Text';
 
 const TodayComponent = ({ style }) => {
+  const t = useTranslations();
   const getCurrentDate = () => {
     const currentLanguage = i18n.currentLocale();
     moment.locale(currentLanguage);

package/src/commons/Unit/SharedUnit.js

@@ -1,6 +1,6 @@
 import React, { Fragment, useCallback } from 'react';
 import { View, Image, TouchableOpacity } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 import { IconOutline, IconFill } from '@ant-design/icons-react-native';
 
 import { API, Colors, Images } from '../../configs';
@@ -18,6 +18,7 @@ const SharedUnit = ({
   index,
   isOptions = true,
 }) => {
+  const t = useTranslations();
   const { unit } = item;
   const goToDetail = useCallback(() => {
     navigation.navigate(Routes.UnitStack, {

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

@@ -0,0 +1,330 @@
+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 SharedUnit from '../SharedUnit';
+import { TESTID } from '../../../configs/Constants';
+import { API } from '../../../configs';
+import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+jest.mock('axios');
+
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+    }),
+  };
+});
+
+const wrapComponent = (item, navigation, isOptions, mockedRenewItem) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SharedUnit
+      item={item}
+      navigation={navigation}
+      isOptions={isOptions}
+      renewItem={mockedRenewItem}
+    />
+  </SCProvider>
+);
+
+describe('Test SharedUnit', () => {
+  let tree, item, unit;
+
+  beforeEach(() => {
+    axios.post.mockClear();
+
+    unit = {
+      background: '',
+      icon: '',
+      id: 3,
+      name: 'name',
+      owner_name: 'owner_name',
+      short_summaries: [],
+    };
+
+    item = {
+      created_at: moment('2021-01-26T03:00:00.677514Z'),
+      id: 69,
+      is_pin: false,
+      is_star: false,
+      unit: unit,
+      user: 1,
+    };
+  });
+
+  test('test create SharedUnit unit is not pin, not star', async () => {
+    const navigation = useNavigation();
+
+    await act(async () => {
+      tree = await create(wrapComponent(item, navigation));
+    });
+    const instance = tree.root;
+    const touchSharedUnit = instance.find(
+      (el) => el.props.testID === TESTID.TOUCH_SHARED_UNIT + '-69'
+    );
+    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'
+    );
+    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'
+    );
+    act(() => {
+      iconAddStarSharedUnit.props.onPress();
+    });
+    expect(axios.post).toHaveBeenCalledWith(API.UNIT.STAR_UNIT(3));
+  });
+
+  test('test create SharedUnit unit without unit owner', async () => {
+    const navigation = useNavigation();
+    delete unit.owner_name;
+
+    await act(async () => {
+      tree = await create(wrapComponent(item, navigation));
+    });
+    const instance = tree.root;
+    const ownerName = instance.findAll(
+      (el) => el.props.testID === TESTID.SHARED_UNIT_OWN_BY
+    );
+
+    expect(ownerName).toHaveLength(0);
+  });
+
+  test('test create SharedUnit unit isOption false', async () => {
+    const navigation = useNavigation();
+
+    await act(async () => {
+      tree = await create(wrapComponent(item, navigation, false));
+    });
+    const instance = tree.root;
+
+    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(iconAddPinSharedUnit).toHaveLength(0);
+    expect(iconStarUnit).toHaveLength(0);
+  });
+
+  test('test create SharedUnit unit is pin, is star', async () => {
+    const navigation = useNavigation();
+    item.is_pin = true;
+    item.is_star = true;
+
+    await act(async () => {
+      tree = await create(wrapComponent(item, navigation));
+    });
+    const instance = tree.root;
+    const iconRemovePinSharedUnit = instance.find(
+      (el) => el.props.testID === TESTID.ICON_REMOVE_PIN_SHARED_UNIT + '-69'
+    );
+    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'
+    );
+    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;
+    });
+
+    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/AirQuality/SegmentedRoundDisplay/index.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { View, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 import Svg, { G, Text, Path } from 'react-native-svg';
-import { t } from 'i18n-js';
 
 import { Colors } from '../../../../configs';
 import TextCustom from '../../../../commons/Text';
@@ -255,7 +254,7 @@ SegmentedRoundDisplay.defaultProps = {
   radius: 90,
   pos: [0, 100, 200, 300, 400, 500],
   boxTitle: false,
-  textHeader: t('text_air_quality_index'),
+  textHeader: '',
   initIndex: 0,
 };
 

package/src/commons/UnitSummary/AirQuality/__test__/index.test.js

@@ -5,6 +5,14 @@ import AirQuality from '../index';
 import { Section } from '../../../index';
 import Text from '../../../Text';
 import { TESTID } from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+
+const wrapComponent = (data) => (
+  <SCProvider initState={mockSCStore({})}>
+    <AirQuality {...data} />
+  </SCProvider>
+);
 
 describe('Test AirQuality', () => {
   let data;
@@ -40,12 +48,11 @@ describe('Test AirQuality', () => {
 
   test('render AirQuality', async () => {
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const sections = instance.findAllByType(Section);
     expect(sections).toHaveLength(2);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('without showBoxHistory', async () => {
@@ -54,12 +61,11 @@ describe('Test AirQuality', () => {
     data.summaryDetail.outdoor_co_id = null;
 
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const sections = instance.findAllByType(Section);
     expect(sections).toHaveLength(1);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('value is undefined', async () => {
@@ -68,7 +74,7 @@ describe('Test AirQuality', () => {
     data.summaryDetail.outdoor_co_value = undefined;
 
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const buttons = instance.findAll(
@@ -77,7 +83,6 @@ describe('Test AirQuality', () => {
         el.type === TouchableOpacity
     );
     expect(buttons).toHaveLength(3);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('onSelectOutdoor', async () => {
@@ -93,7 +98,7 @@ describe('Test AirQuality', () => {
     const styleInactive = { backgroundColor: '#FFFFFF', borderWidth: 1 };
 
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const buttons = instance.findAll(
@@ -112,14 +117,12 @@ describe('Test AirQuality', () => {
     expect(buttons[0].props.style).toEqual([styleTouch, styleInactive]);
     expect(buttons[1].props.style).toEqual([styleTouch, styleActive]);
     expect(buttons[2].props.style).toEqual([styleTouch, styleInactive]);
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('advices', async () => {
     data.summaryDetail.advices = ['Amazing Good Chop'];
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const text = instance.find(
@@ -128,13 +131,12 @@ describe('Test AirQuality', () => {
         el.type === Text
     );
     expect(text.props.children).toEqual('Amazing Good Chop');
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('without outdoor_pm2_5_value', async () => {
     data.summaryDetail.outdoor_pm2_5_value = null;
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const buttons = instance.findAll(
@@ -143,13 +145,12 @@ describe('Test AirQuality', () => {
         el.type === TouchableOpacity
     );
     expect(buttons).toHaveLength(2);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('without outdoor_pm10_value', async () => {
     data.summaryDetail.outdoor_pm10_value = null;
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const buttons = instance.findAll(
@@ -158,13 +159,12 @@ describe('Test AirQuality', () => {
         el.type === TouchableOpacity
     );
     expect(buttons).toHaveLength(2);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('without outdoor_co_value', async () => {
     data.summaryDetail.outdoor_co_value = null;
     act(() => {
-      tree = create(<AirQuality {...data} />);
+      tree = create(wrapComponent(data));
     });
     const instance = tree.root;
     const buttons = instance.findAll(
@@ -173,6 +173,5 @@ describe('Test AirQuality', () => {
         el.type === TouchableOpacity
     );
     expect(buttons).toHaveLength(2);
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 });