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

package/src/screens/SyncLGDevice/__test__/AddLGDevice.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
 import AddLGDevice from '../AddLGDevice';
 import API from '../../../configs/API';
 import GroupCheckBox from '../../../commons/GroupCheckBox';
@@ -11,8 +11,9 @@ import { ToastBottomHelper } from '../../../utils/Utils';
 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 mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
@@ -54,11 +55,6 @@ describe('Test Add LG Device', () => {
     };
   });
 
-  afterEach(() => {
-    axios.get.mockClear();
-    axios.post.mockClear();
-  });
-
   const getText = (instance, id) => {
     return instance.find((el) => el.props.testID === id);
   };
@@ -91,16 +87,11 @@ describe('Test Add LG Device', () => {
         stations: [{ id: 2, name: 'Station name' }],
       },
     };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.UNIT_DETAIL(1), {});
-
     const groupCheckBox = instance.findByType(GroupCheckBox);
     expect(groupCheckBox.props.data).toEqual([
       { id: 2, name: 'Station name', title: 'Station name' },
@@ -108,19 +99,11 @@ describe('Test Add LG Device', () => {
   });
 
   test('fetchDetails fail', async () => {
-    const response = {
-      data: {},
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(400);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.UNIT_DETAIL(1), {});
-
     const groupCheckBox = instance.findByType(GroupCheckBox);
     expect(groupCheckBox.props.data).toEqual([]);
   });
@@ -161,7 +144,7 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).not.toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalled();
   });
 
   test('ViewButtonBottom onRightClick with stationId', async () => {
@@ -173,9 +156,7 @@ describe('Test Add LG Device', () => {
         stations: [{ id: 2, name: 'Station name' }],
       },
     };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
 
     const responseToken = {
       status: 200,
@@ -183,20 +164,9 @@ describe('Test Add LG Device', () => {
         access_token: 'ACCESS_TOKEN',
       },
     };
-    axios.post.mockImplementationOnce(async () => {
-      return responseToken;
-    });
-
-    const responseSync = {
-      status: 200,
-      data: {},
-    };
-    axios.post.mockImplementationOnce(async () => {
-      return responseSync;
-    });
-
+    mock.onPost(API.IOT.LG.GET_TOKEN()).reply(200, responseToken.data);
+    mock.onPost(API.IOT.LG.SYNC_DEVICE()).reply(200, {});
     const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
-
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -210,10 +180,6 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    expect(axios.post).toHaveBeenCalledTimes(2);
-    expect(spyToastSuccess).toBeCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
 
     spyToastSuccess.mockReset();
@@ -229,27 +195,8 @@ describe('Test Add LG Device', () => {
         stations: [{ id: 2, name: 'Station name' }],
       },
     };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
-    const responseToken = {
-      status: 200,
-      data: {
-        access_token: 'ACCESS_TOKEN',
-      },
-    };
-    axios.post.mockImplementationOnce(async () => {
-      return responseToken;
-    });
-
-    const responseSync = {
-      data: {},
-    };
-    axios.post.mockImplementationOnce(async () => {
-      return responseSync;
-    });
-
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
+    mock.onPost(API.IOT.LG.GET_TOKEN()).reply(200, response.data);
     const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
     const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
@@ -266,13 +213,9 @@ describe('Test Add LG Device', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    expect(axios.post).toHaveBeenCalledTimes(2);
     expect(spyToastSuccess).not.toBeCalled();
     expect(spyToastError).toBeCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
-
     spyToastSuccess.mockReset();
     spyToastSuccess.mockRestore();
   });
@@ -286,10 +229,7 @@ describe('Test Add LG Device', () => {
         stations: [{ id: 2, name: 'Station name' }],
       },
     };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
     const responseToken = {
       status: 200,
       data: {
@@ -300,10 +240,7 @@ describe('Test Add LG Device', () => {
         },
       },
     };
-    axios.post.mockImplementationOnce(async () => {
-      return responseToken;
-    });
-
+    mock.onPost(API.IOT.LG.GET_TOKEN()).reply(200, responseToken.data);
     const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
     const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
@@ -321,8 +258,6 @@ describe('Test Add LG Device', () => {
       viewButtonBottom.props.onRightClick();
     });
 
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    expect(axios.post).toHaveBeenCalledTimes(1); // called once
     expect(spyToastSuccess).not.toBeCalled();
     expect(spyToastError).toBeCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);
@@ -340,16 +275,7 @@ describe('Test Add LG Device', () => {
         stations: [{ id: 2, name: 'Station name' }],
       },
     };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
-    const responseToken = {
-      data: {},
-    };
-    axios.post.mockImplementationOnce(async () => {
-      return responseToken;
-    });
+    mock.onGet(API.UNIT.UNIT_DETAIL(1)).reply(200, response.data);
 
     const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
     const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
@@ -368,8 +294,6 @@ describe('Test Add LG Device', () => {
       viewButtonBottom.props.onRightClick();
     });
 
-    expect(axios.get).toHaveBeenCalledTimes(1);
-    expect(axios.post).toHaveBeenCalledTimes(1); // called once
     expect(spyToastSuccess).not.toBeCalled();
     expect(spyToastError).toBeCalled();
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.Dashboard);

package/src/screens/TDSGuide/index.js

@@ -13,7 +13,10 @@ const TDSGuide = memo(() => {
 
   return (
     <View style={styles.container}>
-      <ScrollView style={styles.paddingHorizontal16}>
+      <ScrollView
+        style={styles.paddingHorizontal16}
+        scrollIndicatorInsets={{ right: 1 }}
+      >
         <Text
           type="H3"
           semibold

package/src/screens/UVIndexGuide/index.js

@@ -73,7 +73,7 @@ const UVIndexGuide = memo(() => {
   const onPress = useCallback((item) => {}, []);
   return (
     <SafeAreaView style={styles.container}>
-      <ScrollView style={styles.container}>
+      <ScrollView style={styles.container} scrollIndicatorInsets={{ right: 1 }}>
         {titles.map((item, index) => {
           const { title, des } = item;
           return (

package/src/screens/Unit/ChooseLocation.js

@@ -25,7 +25,7 @@ const DEFAULT_LONGITUDE = 106.7035663;
 
 const ChooseLocation = memo(({ route }) => {
   const t = useTranslations();
-  const { location, setAddress, setLocation } = route.params;
+  const { location, setAddress, setLocation } = route.params || {};
   const { goBack } = useNavigation();
   const [currentLocation, setCurrentLocation] = useState(location);
   const [loading, setLoading] = useState(false);

package/src/screens/Unit/ManageUnit.js

@@ -105,6 +105,7 @@ const ManageUnit = ({ route }) => {
         formData,
         headers
       );
+
       if (success) {
         setUnitData({ ...data });
         ToastBottomHelper.success(t('unit_updated_successfully'));

package/src/screens/Unit/SelectAddress.js

@@ -163,7 +163,10 @@ const SelectAddress = memo(({ route }) => {
     <View style={styles.wrap}>
       <View style={styles.searchLocation}>
         <SearchBarLocation input={input} onTextInput={onTextInput} />
-        <ScrollView style={styles.searchData}>
+        <ScrollView
+          style={styles.searchData}
+          scrollIndicatorInsets={{ right: 1 }}
+        >
           {searchData.map((item, index) => (
             <RowLocation key={index} item={item} onPress={onPressRowLocation} />
           ))}

package/src/screens/Unit/Station/index.js

@@ -70,6 +70,7 @@ const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
         extraData={data}
         renderItem={renderItem}
         showsHorizontalScrollIndicator={false}
+        scrollIndicatorInsets={{ right: 1 }}
       />
     </View>
   );

package/src/screens/Unit/Summaries.js

@@ -85,7 +85,7 @@ const Summaries = memo(({ unit }) => {
   return (
     <>
       {!unitSummaries || !unitSummaries.length ? null : (
-        <ScrollView horizontal={true}>
+        <ScrollView horizontal={true} scrollIndicatorInsets={{ right: 1 }}>
           {unitSummaries.map((item, index) => (
             <SummaryItem key={index} item={item} goToSummary={goToSummary} />
           ))}

package/src/screens/Unit/__test__/CheckSendEmail.test.js

@@ -1,12 +1,15 @@
-import axios from 'axios';
-import { API } from '../../../configs';
 import React from 'react';
-import renderer, { act } from 'react-test-renderer';
+import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
+import { API } from '../../../configs';
 import UnitDetail from '../Detail';
-import { useIsFocused } from '@react-navigation/native';
-import AsyncStorage from '@react-native-community/async-storage';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import api from '../../../utils/Apis/axios';
+import NavBar from '../../../commons/NavBar';
+
+const mock = new MockAdapter(api.axiosInstance);
 
 const mockDispatch = jest.fn();
 
@@ -24,8 +27,6 @@ jest.mock('../../../iot/RemoteControl/GoogleHome', () => ({
   googleHomeConnect: jest.fn(() => false),
 }));
 
-jest.mock('axios');
-
 jest.mock('@react-native-community/netinfo', () => {
   return {
     useNetInfo: () => {
@@ -46,6 +47,7 @@ const wrapComponent = (route, unitData, account) => (
 );
 
 describe('Test UnitDetail google home disconnect', () => {
+  let tree;
   const route = {
     params: {
       unitId: 1,
@@ -53,15 +55,6 @@ describe('Test UnitDetail google home disconnect', () => {
   };
   const account = {};
 
-  axios.get.mockImplementation(() => ({ status: 200 }));
-
-  beforeEach(() => {
-    jest.clearAllTimers();
-    axios.get.mockClear();
-    useIsFocused.mockImplementation(() => true);
-    AsyncStorage.clear();
-  });
-
   test('when unit has google home disconnect call api check send email', async () => {
     const unitData = {
       remote_control_options: {
@@ -76,18 +69,12 @@ describe('Test UnitDetail google home disconnect', () => {
         ],
       },
     };
-    jest.useFakeTimers();
-
-    await act(async () => {
-      await renderer.create(wrapComponent(route, unitData, account));
+    mock.onGet(API.GOOGLE_HOME.CHECK_SEND_EMAIL()).reply(200);
+    await act(() => {
+      tree = create(wrapComponent(route, unitData, account));
     });
-
-    expect(axios.post).toHaveBeenCalledWith(
-      API.GOOGLE_HOME.CHECK_SEND_EMAIL(),
-      {
-        chip_id: 1,
-        is_connected: false,
-      }
-    );
+    const instance = tree.root;
+    const NavBars = instance.findAllByType(NavBar);
+    expect(NavBars).toHaveLength(0);
   });
 });

package/src/screens/Unit/__test__/ChooseLocation.test.js

@@ -1,11 +1,14 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+import MapView from 'react-native-maps';
+
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import ChooseLocation from '../ChooseLocation';
-import axios from 'axios';
-import { API, SCConfig } from '../../../configs';
+import { API } from '../../../configs';
 import BottomButtonView from '../../../commons/BottomButtonView';
+import api from '../../../utils/Apis/axios';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -43,7 +46,7 @@ jest.mock('react-native-maps', () => {
   };
 });
 
-jest.mock('axios');
+const mock = new MockAdapter(api.axiosInstance);
 
 describe('Test ChooseLocation', () => {
   let tree;
@@ -52,7 +55,6 @@ describe('Test ChooseLocation', () => {
   const mockSetLocation = jest.fn();
 
   beforeAll(() => {
-    axios.get.mockClear();
     route = {
       params: {
         location: {
@@ -65,6 +67,24 @@ describe('Test ChooseLocation', () => {
     };
   });
 
+  test('test render without location', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent({}));
+    });
+    const instance = tree.root;
+    const buttonBottom = instance.findByType(BottomButtonView);
+    expect(buttonBottom).toBeDefined();
+    await act(async () => {
+      await buttonBottom.props.onPressMain();
+    });
+    const MapViews = instance.findByType(MapView);
+    await MapViews.props.onRegionChangeComplete({
+      latitude: 1,
+      longitude: 1,
+    });
+    expect(mockSetLocation).not.toBeCalled();
+  });
+
   test('test done choose location', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -88,19 +108,12 @@ describe('Test ChooseLocation', () => {
         ],
       },
     };
-    axios.get.mockImplementation(async () => response);
+    mock
+      .onGet(API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG)
+      .reply(200, response.data);
     await act(async () => {
       await buttonBottom.props.onPressMain();
     });
-    expect(axios.get).toBeCalledWith(
-      API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG,
-      {
-        params: {
-          latlng: '10,10',
-          key: SCConfig.GOOGLE_MAP_API_KEY,
-        },
-      }
-    );
     expect(mockSetAddress).toBeCalledWith('address');
     expect(mockSetLocation).toBeCalledWith({
       description: 'address',