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

package/src/screens/AddNewDevice/__test__/ConnectDevices.test.js

@@ -2,12 +2,14 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 import axios from 'axios';
 
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import ConnectDevices from '../ConnectDevices';
 import { TESTID } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
 import _TextInput from '../../../commons/Form/TextInput';
 import { AlertAction } from '../../../commons';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { getTranslate } from '../../../utils/I18n';
 
 jest.mock('axios');
 
@@ -21,6 +23,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ConnectDevices route={route} />
+  </SCProvider>
+);
+
 describe('Test ConnectDevices', () => {
   let tree;
   let route;
@@ -49,9 +57,8 @@ describe('Test ConnectDevices', () => {
   };
 
   test('create', async () => {
-    const t = useTranslations();
     await act(async () => {
-      tree = await create(<ConnectDevices route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -67,16 +74,20 @@ describe('Test ConnectDevices', () => {
     );
     const textDone = getText(instance, TESTID.CONNECTED_DEVICE_DONE);
 
-    expect(textSuccess.props.children).toEqual(t('successfully_connected'));
+    expect(textSuccess.props.children).toEqual(
+      getTranslate('en', 'successfully_connected')
+    );
     expect(textUnitName.props.children).toEqual('Unit name');
     expect(textDeviceName.props.children).toEqual('Sensor name');
-    expect(textRenameDevice.props.children).toEqual(t('rename_your_device'));
-    expect(textDone.props.children).toEqual(t('done'));
+    expect(textRenameDevice.props.children).toEqual(
+      getTranslate('en', 'rename_your_device')
+    );
+    expect(textDone.props.children).toEqual(getTranslate('en', 'done'));
   });
 
   test('hide show alert action', async () => {
     await act(async () => {
-      tree = await create(<ConnectDevices route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -98,7 +109,7 @@ describe('Test ConnectDevices', () => {
 
   test('change and rename', async () => {
     await act(async () => {
-      tree = await create(<ConnectDevices route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textDeviceName = getText(

package/src/screens/AddNewDevice/__test__/ConnectingDevices.test.js

@@ -5,8 +5,10 @@ import axios from 'axios';
 import { API } from '../../../configs';
 import ConnectingDevices from '../ConnectingDevices';
 import Text from '../../../commons/Text';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { getTranslate } from '../../../utils/I18n';
 
 jest.mock('axios');
 
@@ -20,8 +22,13 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ConnectingDevices route={route} />
+  </SCProvider>
+);
+
 describe('Test ConnectingDevices', () => {
-  const t = useTranslations();
   let tree;
   let route;
 
@@ -42,14 +49,16 @@ describe('Test ConnectingDevices', () => {
 
   test('create', () => {
     act(() => {
-      tree = create(<ConnectingDevices route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
     expect(texts).toHaveLength(2);
-    expect(texts[0].props.children).toEqual(t('connecting_your_device'));
+    expect(texts[0].props.children).toEqual(
+      getTranslate('en', 'connecting_your_device')
+    );
     expect(texts[1].props.children).toEqual(
-      t('dont_turn_off_the_device_or_close_this_app')
+      getTranslate('en', 'dont_turn_off_the_device_or_close_this_app')
     );
   });
 
@@ -64,7 +73,7 @@ describe('Test ConnectingDevices', () => {
     });
 
     await act(async () => {
-      tree = await create(<ConnectingDevices route={route} />);
+      tree = await create(wrapComponent(route));
     });
     await act(async () => {
       await jest.runOnlyPendingTimers();
@@ -87,7 +96,7 @@ describe('Test ConnectingDevices', () => {
     });
 
     await act(async () => {
-      tree = await create(<ConnectingDevices route={route} />);
+      tree = await create(wrapComponent(route));
     });
     await act(async () => {
       await jest.runOnlyPendingTimers();

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

@@ -2,14 +2,20 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 import axios from 'axios';
 
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import AddNewGateway from '../index';
 import GroupCheckBox from '../../../commons/GroupCheckBox';
 import { TESTID } from '../../../configs/Constants';
-import API from '../../../configs/API';
 import { ViewButtonBottom } from '../../../commons';
-import Routes from '../../../utils/Route';
 import { TextInput } from 'react-native';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <AddNewGateway route={route} />
+  </SCProvider>
+);
 
 jest.mock('axios');
 
@@ -31,7 +37,6 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('Test AddNewGateway', () => {
-  const t = useTranslations();
   let tree;
   let route;
 
@@ -54,22 +59,25 @@ describe('Test AddNewGateway', () => {
 
   test('create', async () => {
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textAdd = getText(instance, TESTID.ADD_NEW_GATEWAY_ADD);
     const textThen = getText(instance, TESTID.ADD_NEW_GATEWAY_THEN_SELECT);
-    expect(textAdd.props.children).toEqual(t('add_new_gateway'));
-    expect(textThen.props.children).toEqual(t('then_select_a_sub_unit_to_add'));
+    expect(textAdd.props.children).toEqual(
+      getTranslate('en', 'add_new_gateway')
+    );
+    expect(textThen.props.children).toEqual(
+      getTranslate('en', 'please_add_your_phone_number_and_chip_name')
+    );
 
     const groupCheckBox = instance.findAllByType(GroupCheckBox);
-    expect(groupCheckBox).toHaveLength(1);
-    expect(groupCheckBox[0].props.data).toEqual([]);
+    expect(groupCheckBox).toHaveLength(0);
   });
 
   test('onChange chipName and phoneNumber', async () => {
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(TextInput);
@@ -77,8 +85,12 @@ describe('Test AddNewGateway', () => {
     expect(textInputs[0].props.value).toEqual('');
     expect(textInputs[1].props.value).toEqual('');
 
-    expect(textInputs[0].props.placeholder).toEqual(t('phone_number'));
-    expect(textInputs[1].props.placeholder).toEqual(t('chip_name'));
+    expect(textInputs[0].props.placeholder).toEqual(
+      getTranslate('en', 'phone_number_of_data_sim')
+    );
+    expect(textInputs[1].props.placeholder).toEqual(
+      getTranslate('en', 'gateway_name')
+    );
 
     await act(async () => {
       await textInputs[0].props.onChangeText('New phone number');
@@ -89,63 +101,24 @@ describe('Test AddNewGateway', () => {
     expect(textInputs[1].props.value).toEqual('New chip name');
   });
 
-  test('fetchDetails success', async () => {
-    const response = {
-      status: 200,
-      data: {
-        id: 1,
-        name: 'Unit name',
-        stations: [{ id: 2, name: 'Station name' }],
-      },
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
-    await act(async () => {
-      tree = await create(<AddNewGateway route={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' },
-    ]);
-  });
-
-  test('fetchDetails fail', async () => {
-    const response = {
-      data: {},
-    };
-    axios.get.mockImplementation(async () => {
-      return response;
-    });
-
-    await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
-    });
-    const instance = tree.root;
-    expect(axios.get).toHaveBeenCalledWith(API.UNIT.UNIT_DETAIL(1), {});
-
-    const groupCheckBox = instance.findByType(GroupCheckBox);
-    expect(groupCheckBox.props.data).toEqual([]);
-  });
-
   test('ViewButtonBottom', async () => {
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    expect(viewButtonBottom.props.leftTitle).toEqual(t('text_back'));
-    expect(viewButtonBottom.props.rightTitle).toEqual(t('text_next'));
+    expect(viewButtonBottom.props.leftTitle).toEqual(
+      getTranslate('en', 'text_back')
+    );
+    expect(viewButtonBottom.props.rightTitle).toEqual(
+      getTranslate('en', 'text_next')
+    );
   });
 
   test('ViewButtonBottom onLeftClick', async () => {
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -157,7 +130,7 @@ describe('Test AddNewGateway', () => {
 
   test('ViewButtonBottom onRightClick without select stationId', async () => {
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -181,25 +154,14 @@ describe('Test AddNewGateway', () => {
     });
 
     await act(async () => {
-      tree = await create(<AddNewGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
-    const groupCheckBox = instance.findByType(GroupCheckBox);
-    await act(async () => {
-      groupCheckBox.props.onSelect({ id: 2 }); // select stationId
-    });
-
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScanChipQR, {
-      chipName: '',
-      phoneNumber: '',
-      station_id: 2,
-      unit_id: 1,
-      unit_name: 'Unit name',
-    });
+    expect(mockedNavigate).not.toBeCalled();
   });
 });

package/src/screens/AddNewGateway/__test__/ConnectedGateway.test.js

@@ -2,9 +2,11 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 import axios from 'axios';
 
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { TESTID } from '../../../configs/Constants';
 import ConnectedGateway from '../ConnectedGateway';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { getTranslate } from '../../../utils/I18n';
 
 jest.mock('axios');
 
@@ -18,8 +20,13 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ConnectedGateway route={route} />
+  </SCProvider>
+);
+
 describe('Test ConnectedGateway', () => {
-  const t = useTranslations();
   let tree;
   let route;
 
@@ -49,7 +56,7 @@ describe('Test ConnectedGateway', () => {
 
   test('create', async () => {
     await act(async () => {
-      tree = await create(<ConnectedGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -58,9 +65,11 @@ describe('Test ConnectedGateway', () => {
     const textChipName = getText(instance, TESTID.CONNECTED_GATEWAY_CHIP_NAME);
     const textDone = getText(instance, TESTID.CONNECTED_GATEWAY_DONE);
 
-    expect(textSuccess.props.children).toEqual(t('successfully_connected'));
+    expect(textSuccess.props.children).toEqual(
+      getTranslate('en', 'successfully_connected')
+    );
     expect(textUnitName.props.children).toEqual('Unit name');
     expect(textChipName.props.children).toEqual('Chip name - ABC123');
-    expect(textDone.props.children).toEqual(t('done'));
+    expect(textDone.props.children).toEqual(getTranslate('en', 'done'));
   });
 });

package/src/screens/AddNewGateway/__test__/ConnectingGateway.test.js

@@ -4,9 +4,11 @@ import axios from 'axios';
 
 import ConnectingGateway from '../ConnectingGateway';
 import Text from '../../../commons/Text';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
 import API from '../../../configs/API';
 import Routes from '../../../utils/Route';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('axios');
 
@@ -20,8 +22,13 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ConnectingGateway route={route} />
+  </SCProvider>
+);
+
 describe('Test ConnectingGateway', () => {
-  const t = useTranslations();
   let tree;
   let route;
 
@@ -42,14 +49,16 @@ describe('Test ConnectingGateway', () => {
 
   test('create', async () => {
     await act(async () => {
-      tree = await create(<ConnectingGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
-    expect(texts[0].props.children).toEqual(t('connecting_your_gateway'));
+    expect(texts).toHaveLength(6);
+    expect(texts[0].props.children).toEqual(
+      getTranslate('en', 'connecting_your_gateway')
+    );
     expect(texts[1].props.children).toEqual(
-      t('dont_turn_off_the_device_or_close_this_app')
+      getTranslate('en', 'dont_turn_off_the_device_or_close_this_app')
     );
   });
 
@@ -64,18 +73,18 @@ describe('Test ConnectingGateway', () => {
     });
 
     await act(async () => {
-      tree = await create(<ConnectingGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     await act(async () => {
       await jest.runOnlyPendingTimers();
     });
     expect(setInterval).toHaveBeenCalled();
-    expect(axios.get).toHaveBeenCalledWith(API.CHIP.CHECK_FINALIZED, {
+    expect(axios.get).toHaveBeenCalledWith(API.CHIP.CHECK_FINALIZED(), {
       params: {
         chip_id: 1,
       },
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(
+    expect(mockedNavigate).not.toHaveBeenCalledWith(
       Routes.ConnectedGateway,
       route.params
     );
@@ -92,13 +101,13 @@ describe('Test ConnectingGateway', () => {
     });
 
     await act(async () => {
-      tree = await create(<ConnectingGateway route={route} />);
+      tree = await create(wrapComponent(route));
     });
     await act(async () => {
       await jest.runOnlyPendingTimers();
     });
     expect(setInterval).toHaveBeenCalled();
-    expect(axios.get).toHaveBeenCalledWith(API.CHIP.CHECK_FINALIZED, {
+    expect(axios.get).toHaveBeenCalledWith(API.CHIP.CHECK_FINALIZED(), {
       params: {
         chip_id: 1,
       },

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

@@ -0,0 +1,129 @@
+import axios from 'axios';
+import React from 'react';
+import { Platform, TextInput, TouchableOpacity } from 'react-native';
+import { act, create } from 'react-test-renderer';
+
+import AddNewOneTap from '..';
+import { TESTID } from '../../../configs/Constants';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import Routes from '../../../utils/Route';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <AddNewOneTap route={route} />
+  </SCProvider>
+);
+jest.mock('axios');
+
+jest.mock('react-redux', () => {
+  return {
+    ...jest.requireActual('react-redux'),
+    useSelector: () => 'vi',
+  };
+});
+
+const mockedNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+    }),
+  };
+});
+
+jest.mock('axios');
+let tree;
+
+describe('test AddNewOneTap', () => {
+  beforeEach(() => {
+    axios.post.mockClear();
+    mockedNavigate.mockClear();
+  });
+  test('create AddNewOneTap success', async () => {
+    Platform.OS = 'ios';
+    let route = {
+      params: { type: 'one_tap', unit: { id: 1 } },
+    };
+
+    const response = {
+      status: 200,
+      data: {
+        id: 1,
+        unit: 1,
+        type: 'one_tap',
+        weekday_repeat: [],
+        script: { id: 1, name: 'William Miller' },
+      },
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const inputName = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.NAME_YOUR_BUTTON && el.type === TextInput
+    );
+    expect(inputName).toHaveLength(1);
+
+    await act(async () => {
+      await inputName[0].props.onChangeText('Tap to up');
+    });
+
+    const item = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.BOTTOM_VIEW_MAIN &&
+        el.type === TouchableOpacity
+    );
+
+    expect(item).toHaveLength(1);
+    await act(async () => {
+      await item[0].props.onPress();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail, {
+      havePermission: true,
+      id: 1,
+      type: 'one_tap',
+      name: 'Tap to up',
+      unit: {
+        id: 1,
+      },
+    });
+  });
+  test('create AddNewOneTap fail', async () => {
+    Platform.OS = 'android';
+    let route = {
+      params: { type: 'one_tap' },
+    };
+
+    const response = {
+      status: 400,
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const item = tree.root.findAll(
+      (el) =>
+        el.props.testID === TESTID.BOTTOM_VIEW_MAIN &&
+        el.type === TouchableOpacity
+    );
+
+    expect(item).toHaveLength(1);
+    await act(async () => {
+      await item[0].props.onPress();
+    });
+    expect(mockedNavigate).not.toBeCalled();
+  });
+});

package/src/screens/AddNewOneTap/index.js

@@ -2,7 +2,7 @@ import React, { memo, useCallback, useState } from 'react';
 import { ScrollView, SafeAreaView, Platform } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 
-import { Colors } from '../../configs';
+import { API, Colors } from '../../configs';
 import { TESTID } from '../../configs/Constants';
 import _TextInput from '../../commons/Form/TextInput';
 import styles from './AddNewOneTapStyles';
@@ -10,19 +10,31 @@ import { HeaderCustom } from '../../commons/Header';
 import BottomButtonView from '../../commons/BottomButtonView';
 import Text from '../../commons/Text';
 import { useTranslations } from '../../hooks/Common/useTranslations';
-import Route from '../../utils/Route';
+import { axiosPost } from '../../utils/Apis/axios';
+import Routes from '../../utils/Route';
 
 const AddNewOneTap = memo(({ route }) => {
+  const { type, unit } = route.params;
   const t = useTranslations();
   const { navigate } = useNavigation();
-  const [name, setName] = useState('Tap to run');
+  const [name, setName] = useState(t('tap_to_run'));
 
-  const handleContinue = useCallback(() => {
-    navigate(Route.AddNewScriptAction, {
-      automateType: 'one-tap',
+  const handleContinue = useCallback(async () => {
+    const { success, data } = await axiosPost(API.AUTOMATE.CREATE_AUTOMATE(), {
+      unit: unit.id,
+      type: type,
       name: name,
     });
-  }, [navigate, name]);
+    if (success) {
+      navigate(Routes.ScriptDetail, {
+        unit: unit,
+        id: data.id,
+        name: name,
+        type: type,
+        havePermission: true,
+      });
+    }
+  }, [type, name, unit, navigate]);
 
   const onChangeName = useCallback((text) => {
     setName(text);
@@ -53,6 +65,7 @@ const AddNewOneTap = memo(({ route }) => {
           onChange={onChangeName}
           textInputStyle={styles.textInput}
           value={name}
+          testID={TESTID.NAME_YOUR_BUTTON}
         />
       </ScrollView>
       <BottomButtonView

package/src/screens/AddNewScriptAction/AddNewScriptActionStyles.js

@@ -24,4 +24,5 @@ export default StyleSheet.create({
     borderTopWidth: 1,
     backgroundColor: Colors.White,
   },
+  automate: { marginRight: 16, marginLeft: 16 },
 });