@eohjsc/react-native-smart-city 0.5.5 → 0.5.7-rc1

package/src/screens/Automate/EditActionsList/__tests__/UpdateDelayScript.test.js

@@ -0,0 +1,119 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import API from '../../../../configs/API';
+import { AccessibilityLabel } from '../../../../configs/Constants';
+
+import api from '../../../../utils/Apis/axios';
+import _TextInput from '../../../../commons/Form/TextInput';
+import BottomButtonView from '../../../../commons/BottomButtonView';
+import { ToastBottomHelper } from '../../../../utils/Utils';
+import UpdateDelayScript from '../UpdateDelayScript';
+
+const mock = new MockAdapter(api.axiosInstance);
+const mockedNavigate = jest.fn();
+const mockedDispatch = jest.fn();
+const mockedGoBack = jest.fn();
+const mockerOnClosePopup = jest.fn();
+const mockedSetActionList = jest.fn();
+const mockedSetNeedRefresh = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+      dispatch: mockedDispatch,
+      goBack: mockedGoBack,
+    }),
+    useRoute: jest.fn(),
+  };
+});
+let actionsList = [
+  {
+    id: 1,
+    action_script: { id: 1, sensor_name: 'abc', station_name: 'abc' },
+    notify_script: null,
+    delay_script: null,
+    order: 1,
+  },
+  {
+    id: 2,
+    action_script: null,
+    notify_script: { title: 'title', message: 'Contend' },
+    delay_script: null,
+    order: 2,
+  },
+  {
+    id: 3,
+    action_script: null,
+    notify_script: null,
+    delay_script: { delay: 10 },
+    order: 3,
+  },
+];
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <UpdateDelayScript
+      automateId={1}
+      scriptItemId={1}
+      delay_script={{ delay: 10 }}
+      t={jest.fn()}
+      onClosePopup={mockerOnClosePopup}
+      actionsList={actionsList}
+      setActionList={mockedSetActionList}
+      updateIndex={2}
+      setNeedRefresh={mockedSetNeedRefresh}
+    />
+  </SCProvider>
+);
+
+describe('Test UpdateDelayScript', () => {
+  let tree;
+
+  beforeEach(() => {
+    mockedNavigate.mockClear();
+  });
+
+  it('test update delay', async () => {
+    mock.onPut(API.AUTOMATE.UPDATE_SCRIPT_DELAY(1)).reply(200);
+    const spyToast = jest.spyOn(ToastBottomHelper, 'success');
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const title = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_INPUT_DELAY && el.type === _TextInput
+    );
+    await act(async () => {
+      title.props.onChange('1');
+    });
+    const button = instance.findByType(BottomButtonView);
+    expect(button.props.typeMain).toEqual('primary');
+    await act(async () => {
+      button.props.onPressMain();
+    });
+    expect(spyToast).toBeCalled();
+  });
+  it('test can not update title and message', async () => {
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const title = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_INPUT_DELAY && el.type === _TextInput
+    );
+    await act(async () => {
+      title.props.onChange('10');
+    });
+    const button = instance.findByType(BottomButtonView);
+    expect(button.props.typeMain).toEqual('disabled');
+  });
+});

package/src/screens/Automate/EditActionsList/__tests__/UpdateNotifyScript.test.js

@@ -0,0 +1,138 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import API from '../../../../configs/API';
+import { AccessibilityLabel } from '../../../../configs/Constants';
+
+import api from '../../../../utils/Apis/axios';
+import UpdateNotifyScript from '../UpdateNotifyScript';
+import _TextInput from '../../../../commons/Form/TextInput';
+import BottomButtonView from '../../../../commons/BottomButtonView';
+import { ToastBottomHelper } from '../../../../utils/Utils';
+
+const mock = new MockAdapter(api.axiosInstance);
+const mockedNavigate = jest.fn();
+const mockedDispatch = jest.fn();
+const mockedGoBack = jest.fn();
+const mockerOnClosePopup = jest.fn();
+const mockedSetActionList = jest.fn();
+const mockedSetNeedRefresh = jest.fn();
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: mockedNavigate,
+      dispatch: mockedDispatch,
+      goBack: mockedGoBack,
+    }),
+    useRoute: jest.fn(),
+  };
+});
+let actionsList = [
+  {
+    id: 1,
+    action_script: { id: 1, sensor_name: 'abc', station_name: 'abc' },
+    notify_script: null,
+    delay_script: null,
+    order: 1,
+  },
+  {
+    id: 2,
+    action_script: null,
+    notify_script: { title: 'title', message: 'Contend' },
+    delay_script: null,
+    order: 2,
+  },
+  {
+    id: 3,
+    action_script: null,
+    notify_script: null,
+    delay_script: { delay: 10 },
+    order: 3,
+  },
+];
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <UpdateNotifyScript
+      automateId={1}
+      scriptItemId={1}
+      notify_script={{ title: 'title', message: 'Contend' }}
+      t={jest.fn()}
+      onClosePopup={mockerOnClosePopup}
+      actionsList={actionsList}
+      setActionList={mockedSetActionList}
+      updateIndex={1}
+      setNeedRefresh={mockedSetNeedRefresh}
+    />
+  </SCProvider>
+);
+
+describe('Test UpdateNotifyScript', () => {
+  let tree;
+
+  beforeEach(() => {
+    mockedNavigate.mockClear();
+  });
+
+  it('test update title and message', async () => {
+    mock.onPut(API.AUTOMATE.UPDATE_SCRIPT_NOTIFY(1)).reply(200);
+    const spyToast = jest.spyOn(ToastBottomHelper, 'success');
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const title = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_TITLE_NOTIFY && el.type === _TextInput
+    );
+    await act(async () => {
+      title.props.onChange('1');
+    });
+
+    const message = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_MESSAGE_NOTIFY && el.type === _TextInput
+    );
+    await act(async () => {
+      message.props.onChange('2');
+    });
+    const button = instance.findByType(BottomButtonView);
+    expect(button.props.typeMain).toEqual('primary');
+    await act(async () => {
+      button.props.onPressMain();
+    });
+    expect(spyToast).toBeCalled();
+    // expect(mockedNavigate).toHaveBeenCalledWith('closeScreen');
+  });
+  it('test can not update title and message', async () => {
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const title = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_TITLE_NOTIFY && el.type === _TextInput
+    );
+    await act(async () => {
+      title.props.onChange('title');
+    });
+
+    const message = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_MESSAGE_NOTIFY && el.type === _TextInput
+    );
+    await act(async () => {
+      message.props.onChange('Contend');
+    });
+    const button = instance.findByType(BottomButtonView);
+    expect(button.props.typeMain).toEqual('disabled');
+  });
+});

package/src/screens/Automate/EditActionsList/__tests__/index.test.js

@@ -10,8 +10,12 @@ import api from '../../../../utils/Apis/axios';
 import MockAdapter from 'axios-mock-adapter';
 import API from '../../../../configs/API';
 
-import { ModalBottom } from '../../../../commons/Modal';
+import { ModalBottom, ModalCustom } from '../../../../commons/Modal';
 import { useNavigation, useRoute } from '@react-navigation/native';
+import { HeaderCustom } from '../../../../commons';
+import Routes from '../../../../utils/Route';
+import UpdateNotifyScript from '../UpdateNotifyScript';
+import UpdateDelayScript from '../UpdateDelayScript';
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -25,109 +29,176 @@ jest.mock('react-native-parsed-text', () => () => []);
 describe('EditActionsList', () => {
   let tree;
   const mockedNavigate = useNavigation().navigate;
+  let actionsList = [
+    {
+      id: 1,
+      action_script: {
+        id: 1,
+        sensor_name: 'abc',
+        station_name: 'abc',
+        end_device_id: 1,
+      },
+      notify_script: null,
+      delay_script: null,
+      order: 1,
+    },
+    {
+      id: 2,
+      action_script: null,
+      notify_script: { title: 'title', message: 'Contend' },
+      delay_script: null,
+      order: 2,
+    },
+    {
+      id: 3,
+      action_script: null,
+      notify_script: null,
+      delay_script: { delay: 10 },
+      order: 3,
+    },
+  ];
 
   beforeEach(() => {
     useRoute.mockReturnValue({
       params: {
-        data: [
-          {
-            id: 1,
-            action_script: { id: 1, sensor_name: 'abc', station_name: 'abc' },
-            notify_script: null,
-            delay_script: null,
-          },
-          {
-            id: 2,
-            action_script: null,
-            notify_script: { title: 'title' },
-            delay_script: null,
-          },
-          {
-            id: 3,
-            action_script: null,
-            notify_script: null,
-            delay_script: { delay: 10 },
-          },
-        ],
+        data: actionsList,
         id: 1,
         unit: { id: 1, name: 'unit' },
       },
     });
     mockedNavigate.mockClear();
   });
-  it('render EditActionsList', async () => {
+
+  it('EditActionsList reorder actions', async () => {
+    mock.onPut(API.AUTOMATE.ORDER_SCRIPT_ITEMS(1)).reply(200);
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const draggableFlatList = instance.findAllByType(DraggableFlatList);
-    const modalBottom = instance.findAllByType(ModalBottom);
-    expect(draggableFlatList).toHaveLength(1);
-    expect(modalBottom).toHaveLength(1);
+    expect(draggableFlatList.length).toBe(1);
+    await act(async () => {
+      draggableFlatList[0].props.onDragEnd({
+        data: actionsList,
+        from: 0,
+        to: 0,
+      });
+    });
+    expect(mock.history.put).toHaveLength(0);
+    await act(async () => {
+      draggableFlatList[0].props.onDragEnd({
+        data: actionsList,
+        from: 0,
+        to: 1,
+      });
+    });
+    expect(mock.history.put).toHaveLength(1);
+    const headerCustom = instance.findAllByType(HeaderCustom);
+    await act(async () => {
+      headerCustom[0].props.onGoBack();
+    });
+    expect(mockedNavigate).toHaveBeenCalled();
   });
-  it('EditActionsList onPress cancel', async () => {
+
+  it('EditActionsList onPress remove action', async () => {
+    mock.onDelete(API.AUTOMATE.DELETE_SCRIPT_ITEM(1, 3)).reply(200);
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const buttonCancel = instance.find(
+    const buttonRemoves = instance.findAll(
       (el) =>
         el.props.accessibilityLabel ===
-          AccessibilityLabel.BUTTON_CANCEL_EDIT_ACTION_LIST &&
+          AccessibilityLabel.BUTTON_REMOVE_EDIT_ACTION_LIST &&
         el.type === TouchableOpacity
     );
-    expect(buttonCancel).toBeDefined();
+    expect(buttonRemoves).toHaveLength(3);
     await act(async () => {
-      buttonCancel.props.onPress();
+      buttonRemoves[0].props.onPress(); // remove script action
+      buttonRemoves[1].props.onPress(); // remove script notify
+      buttonRemoves[2].props.onPress(); // remove script delay
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    const modalBottom = instance.findByType(ModalBottom);
+    expect(modalBottom.props.isVisible).toBeTruthy();
+    await act(async () => {
+      modalBottom.props.onClose();
+    });
+    await act(async () => {
+      modalBottom.props.onRemove();
+    });
+    expect(mock.history.delete).toHaveLength(1);
   });
-  it('EditActionsList onPress save', async () => {
-    mock.onPut(API.AUTOMATE.ORDER_SCRIPT_ITEMS(1)).reply(200);
+
+  it('EditActionsList update script action', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const buttonSave = instance.find(
+    const scriptItem = instance.findAll(
       (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.BUTTON_SAVE_EDIT_ACTION_LIST &&
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_UPDATE &&
         el.type === TouchableOpacity
     );
-    expect(buttonSave).toBeDefined();
-
+    expect(scriptItem).toHaveLength(3);
     await act(async () => {
-      buttonSave.props.onPress();
+      scriptItem[0].props.onLongPress();
     });
 
-    expect(mock.history.put).toHaveLength(1);
+    const modalCustom = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MODAL_CUSTOM &&
+        el.type === ModalCustom
+    );
+    await act(async () => {
+      modalCustom[0].props.onBackButtonPress();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UpdateActionScript, {
+      automateId: 1,
+      closeScreen: Routes.EditActionsList,
+      device: {
+        id: 1,
+      },
+      numberActionAdded: 3,
+      scriptItemId: 1,
+      unitId: undefined,
+    });
   });
 
-  it('EditActionsList has remove button', async () => {
+  it('EditActionsList update script notify', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const buttonRemoves = instance.findAll(
+    const scriptItem = instance.findAll(
       (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.BUTTON_REMOVE_EDIT_ACTION_LIST &&
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_UPDATE &&
         el.type === TouchableOpacity
     );
-    expect(buttonRemoves).toHaveLength(3);
+    expect(scriptItem).toHaveLength(3);
+    await act(async () => {
+      scriptItem[1].props.onLongPress();
+    });
+
+    const popUp = instance.findAllByType(UpdateNotifyScript);
+    expect(popUp).toHaveLength(1);
   });
 
-  it('EditActionsList modal onPress remove', async () => {
+  it('EditActionsList update script delay', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const modalBottom = instance.findAllByType(ModalBottom);
+    const scriptItem = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.BUTTON_UPDATE &&
+        el.type === TouchableOpacity
+    );
+    expect(scriptItem).toHaveLength(3);
     await act(async () => {
-      modalBottom[0].props.onRemove();
+      scriptItem[2].props.onLongPress();
     });
 
-    mock.onDelete(API.AUTOMATE.DELETE_SCRIPT_ACTION(1, 1)).reply(200);
-    expect(mock.history.delete).toHaveLength(1);
+    const popUp = instance.findAllByType(UpdateDelayScript);
+    expect(popUp).toHaveLength(1);
   });
 });