@eohjsc/react-native-smart-city 0.3.89 → 0.3.91

package/src/screens/AddNewAction/__test__/{SelectAction.test.js → ChooseAction.test.js}

@@ -2,7 +2,7 @@ import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 
-import SelectAction from '../SelectAction';
+import ChooseAction from '../ChooseAction';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import BottomButtonView from '../../../commons/BottomButtonView';
@@ -11,26 +11,18 @@ import api from '../../../utils/Apis/axios';
 import { API } from '../../../configs';
 import { TouchableOpacity } from 'react-native';
 import SelectActionCard from '../../../commons/SelectActionCard';
+import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
-    <SelectAction route={route} />
+    <ChooseAction route={route} />
   </SCProvider>
 );
 
-describe('Test SelectAction', () => {
+describe('Test ChooseAction', () => {
+  const mockedNavigate = useNavigation().navigate;
   let tree;
   let route = {
     params: {
@@ -39,12 +31,12 @@ describe('Test SelectAction', () => {
       stationName: 'stationName',
       automateId: 1,
       scriptName: 'scriptName test',
-      isCreateNewAction: true,
     },
   };
 
   beforeEach(() => {
     mock.resetHistory();
+    mockedNavigate.mockReset();
   });
 
   test('test onSave have automateId', async () => {
@@ -71,24 +63,20 @@ describe('Test SelectAction', () => {
     await act(async () => {
       bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(mockedNavigate).not.toHaveBeenCalled();
   });
 
   it('test fetchData', async () => {
-    const response = {
-      status: 200,
-      success: true,
-      data: [
-        { template: 'on_off_button_action_template' },
-        { template: 'one_button_action_template' },
-        { template: 'three_button_action_template' },
-      ],
-    };
-    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response.data);
+    const response = [
+      { template: 'on_off_button_action_template' },
+      { template: 'one_button_action_template' },
+      { template: 'three_button_action_template' },
+    ];
+    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response);
     await act(async () => {
       tree = await renderer.create(wrapComponent(route));
     });
-    expect(mockedNavigate).toHaveBeenCalled();
+    expect(mockedNavigate).not.toHaveBeenCalled();
   });
 
   test('test RenderActionItem air conditioner device IR', async () => {
@@ -97,101 +85,93 @@ describe('Test SelectAction', () => {
       config3 = 3,
       config4 = 4,
       config5 = 5;
-    const response = {
-      status: 200,
-      success: true,
-      data: [
-        {
-          id: 1,
-          title: '',
-          template: 'OnOffSimpleActionTemplate',
-          configuration: {
-            allow_config_store_value: true,
-            config: config1,
-            action_on: '94ae262d-46e3-42ff-9d10-516831ecc830',
-            action_off: '94ae262d-46e3-42ff-9d10-516831ecc830',
-          },
+    const response = [
+      {
+        id: 1,
+        title: '',
+        template: 'OnOffSimpleActionTemplate',
+        configuration: {
+          allow_config_store_value: true,
+          config: config1,
+          action_on: '94ae262d-46e3-42ff-9d10-516831ecc830',
+          action_off: '94ae262d-46e3-42ff-9d10-516831ecc830',
         },
-        {
-          id: 2,
-          title: 'Fan Speed',
-          template: 'OptionsDropdownActionTemplate',
-          configuration: {
-            config: config2,
-            action: '05195362-75de-4db5-9e5e-98fef9d4910c',
-            allow_config_store_value: true,
-            options: [
-              {
-                text: 'Auto',
-                value_int: 1,
-                value_text: 'auto',
-              },
-              {
-                text: 'Level1',
-                value_int: 2,
-                value_text: 'level1',
-              },
-            ],
-            icon: 'up',
-            icon_kit: 43,
-          },
+      },
+      {
+        id: 2,
+        title: 'Fan Speed',
+        template: 'OptionsDropdownActionTemplate',
+        configuration: {
+          config: config2,
+          action: '05195362-75de-4db5-9e5e-98fef9d4910c',
+          allow_config_store_value: true,
+          options: [
+            {
+              text: 'Auto',
+              value_int: 1,
+              value_text: 'auto',
+            },
+            {
+              text: 'Level1',
+              value_int: 2,
+              value_text: 'level1',
+            },
+          ],
+          icon: 'up',
+          icon_kit: 43,
         },
-        {
-          id: 3,
-          title: '',
-          template: 'NumberUpDownActionTemplate',
-          configuration: {
-            keep_track_config: true,
-            config: config3,
-            allow_config_store_value: true,
-            action: 'b498234c-6c1a-452d-a1d1-87a314c20528',
-            min_value: 16,
-            max_value: 30,
-            text_format: '{number} \u00b0C',
-          },
+      },
+      {
+        id: 3,
+        title: '',
+        template: 'NumberUpDownActionTemplate',
+        configuration: {
+          keep_track_config: true,
+          config: config3,
+          allow_config_store_value: true,
+          action: 'b498234c-6c1a-452d-a1d1-87a314c20528',
+          min_value: 16,
+          max_value: 30,
+          text_format: '{number} \u00b0C',
         },
-        {
-          id: 4,
-          title: '',
-          template: 'NumberUpDownActionTemplate',
-          configuration: {
-            config: config4,
-            allow_config_store_value: true,
-            action: '11111111-6c1a-452d-a1d1-87a314c20528',
-            min_value: 12,
-            max_value: 20,
-            text_format: '{number} \u00b0C',
-          },
+      },
+      {
+        id: 4,
+        title: '',
+        template: 'NumberUpDownActionTemplate',
+        configuration: {
+          config: config4,
+          allow_config_store_value: true,
+          action: '11111111-6c1a-452d-a1d1-87a314c20528',
+          min_value: 12,
+          max_value: 20,
+          text_format: '{number} \u00b0C',
         },
-        {
-          id: 5,
-          title: '',
-          template: 'StatesGridActionTemplate',
-          configuration: {
-            options: [
-              {
-                config: config5,
-                is_on_value: 1,
-                action: '800ff454-4e2a-4a38-bad6-1bded728193e',
-                allow_config_store_value: true,
-                icon: 'up-circle',
-                icon_kit: 41,
-                text: 'Auto',
-              },
-            ],
-          },
+      },
+      {
+        id: 5,
+        title: '',
+        template: 'StatesGridActionTemplate',
+        configuration: {
+          options: [
+            {
+              config: config5,
+              is_on_value: 1,
+              action: '800ff454-4e2a-4a38-bad6-1bded728193e',
+              allow_config_store_value: true,
+              icon: 'up-circle',
+              icon_kit: 41,
+              text: 'Auto',
+            },
+          ],
         },
-      ],
-    };
-    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response.data);
+      },
+    ];
+    mock.onGet(API.DEVICE.DISPLAY_ACTIONS(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
-    const renderActionItem = instance.find(
-      (el) => el.props.accessibilityLabel === AccessibilityLabel.ACTION_ITEM
-    );
-    expect(renderActionItem.props.data.length).toBe(5);
 
     const cards = instance.findAllByType(SelectActionCard);
     // force all render
@@ -257,7 +237,7 @@ describe('Test SelectAction', () => {
         item.type === TouchableOpacity
     );
     await act(async () => {
-      await chooseMode.props.onPress(response.data[4].configuration.options[0]);
+      await chooseMode.props.onPress(response[4].configuration.options[0]);
     });
 
     mock.onPost(API.AUTOMATE.ADD_SCRIPT_ACTION(1)).reply(200);

package/src/screens/AddNewAction/__test__/ChooseConfig.test.js

@@ -0,0 +1,211 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import MockAdapter from 'axios-mock-adapter';
+
+import ChooseConfig from '../ChooseConfig';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { DEVICE_TYPE } from '../../../configs/Constants';
+import api from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+import TitleCheckBox from '../../Sharing/Components/TitleCheckBox';
+import Text from '../../../commons/Text';
+import t from '../../../hooks/Common/useTranslations';
+import Routes from '../../../utils/Route';
+import CheckBoxCustom from '../../Sharing/Components/CheckBoxCustom';
+import BottomButtonView from '../../../commons/BottomButtonView';
+import { ToastBottomHelper } from '../../../utils/Utils';
+import { useNavigation } from '@react-navigation/native';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ChooseConfig route={route} />
+  </SCProvider>
+);
+
+describe('Test ChooseConfig', () => {
+  let tree;
+  let route = {
+    params: {
+      unit: { id: 1, name: 'Unit test' },
+      device: { id: 1, name: 'Device test', device_type: DEVICE_TYPE.ZIGBEE },
+    },
+  };
+  const mockedNavigate = useNavigation().navigate;
+
+  beforeEach(() => {
+    mock.resetHistory();
+    mockedNavigate.mockReset();
+  });
+
+  it('test fetchData', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(200, []);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    expect(tree.root.findAllByType(TitleCheckBox)).toHaveLength(0);
+    expect(mock.history.get).toHaveLength(1);
+  });
+
+  it('test fetchData with data and no default', async () => {
+    mock
+      .onGet(API.AUTOMATE.DISPLAY_CONFIGS(1))
+      .reply(200, [{ id: 1 }, { id: 2 }]);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const checkBoxs = tree.root.findAllByType(TitleCheckBox);
+    expect(checkBoxs).toHaveLength(2);
+    expect(checkBoxs[0].props.isChecked).toBeFalsy();
+    expect(checkBoxs[1].props.isChecked).toBeFalsy();
+  });
+
+  it('choose config', async () => {
+    mock
+      .onGet(API.AUTOMATE.DISPLAY_CONFIGS(1))
+      .reply(200, [{ id: 1 }, { id: 2 }]);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const checkBoxs = tree.root.findAllByType(TitleCheckBox);
+    await act(async () => {
+      await checkBoxs[0].findByType(CheckBoxCustom).props.onPress();
+    });
+    expect(checkBoxs[0].props.isChecked).toBeTruthy();
+  });
+
+  it('test fetchData with data and default', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(200, [
+      {
+        id: 1,
+      },
+      {
+        id: 2,
+      },
+    ]);
+    await act(async () => {
+      tree = await renderer.create(
+        wrapComponent({
+          ...route,
+          params: { ...route.params, automate: { config_id: 2 } },
+        })
+      );
+    });
+    const checkBoxs = tree.root.findAllByType(TitleCheckBox);
+    expect(checkBoxs[1].props.isChecked).toBeTruthy();
+  });
+
+  it('not checked but is default', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(200, [
+      {
+        id: 1,
+      },
+      {
+        id: 2,
+      },
+    ]);
+    await act(async () => {
+      tree = await renderer.create(
+        wrapComponent({
+          ...route,
+          params: { ...route.params, automate: { config_id: 2 } },
+        })
+      );
+    });
+    const conditionTexts = tree.root.findAll(
+      (el) => el.type === Text && el.props.type === 'H4'
+    );
+    expect(conditionTexts[0].props.children).toEqual(t('no_condition'));
+    expect(conditionTexts[1].props.children).not.toEqual(t('no_condition'));
+  });
+
+  it('go to setup', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(200, [
+      {
+        id: 1,
+      },
+    ]);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const conditionTouch = tree.root.findByProps({
+      accessibilityLabel: 'config-1',
+    });
+    await act(async () => {
+      conditionTouch.props.onPress();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.SetupConfigCondition, {
+      item: { id: 1 },
+      sensorData: [{ id: 1 }],
+      isAutomateTab: undefined,
+      type: undefined,
+      automate: {},
+    });
+  });
+
+  it('render condition from setup', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(400); // hack test to fail api data
+    await act(async () => {
+      tree = await renderer.create(
+        wrapComponent({
+          ...route,
+          params: {
+            ...route.params,
+            newSensorData: [{ id: 1 }, { id: 2, value: 1 }],
+          },
+        })
+      );
+    });
+    const conditionTexts = tree.root.findAll(
+      (el) => el.type === Text && el.props.type === 'H4'
+    );
+    expect(conditionTexts[1].props.children).not.toEqual(t('no_condition'));
+  });
+
+  it('on save without select condition', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(200, [{ id: 1 }]);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const button = tree.root.findByType(BottomButtonView);
+    const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
+    await act(async () => {
+      await button.props.onPressMain();
+    });
+    expect(spyToastError).toHaveBeenCalledWith(
+      t('please_choose_condition_before_continue')
+    );
+  });
+
+  it('on save with selected condition', async () => {
+    mock.onGet(API.AUTOMATE.DISPLAY_CONFIGS(1)).reply(400); // hack test to fail api data
+    await act(async () => {
+      tree = await renderer.create(
+        wrapComponent({
+          ...route,
+          params: {
+            ...route.params,
+            automate: { config_id: 1 },
+            newSensorData: [{ id: 1, value: 1 }],
+          },
+        })
+      );
+    });
+    const button = tree.root.findByType(BottomButtonView);
+    await act(async () => {
+      await button.props.onPressMain();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddNewOneTap, {
+      automate: { config_id: 1, id: 1, value: 1 },
+      automateData: { id: 1, value: 1 },
+      automateId: undefined,
+      isAutomateTab: undefined,
+      isMultiUnits: undefined,
+      scriptName: undefined,
+      type: undefined,
+      unit: route.params.unit,
+    });
+  });
+});

package/src/screens/AddNewAction/__test__/{SelectSensorDevices.test.js → SelectControlDevices.test.js}

@@ -1,44 +1,30 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
-
-import SelectSensorDevices from '../SelectSensorDevices';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import Device from '../Device';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import NavBar from '../../../commons/NavBar';
 import API from '../../../configs/API';
-import {
-  AUTOMATE_SELECT,
-  AccessibilityLabel,
-} from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
 import Routes from '../../../utils/Route';
 import api from '../../../utils/Apis/axios';
+import SelectControlDevices from '../SelectControlDevices';
+import { useNavigation, useRoute } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-const mockedDispatch = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      dispatch: mockedDispatch,
-    }),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
-    <SelectSensorDevices route={route} />
+    <SelectControlDevices route={route} />
   </SCProvider>
 );
 
-describe('Test SelectSensorDevices', () => {
+describe('Test SelectMonitorDevices', () => {
+  const mockedNavigate = useNavigation().navigate;
+
   let tree;
   const route = {
     params: {
@@ -48,31 +34,29 @@ describe('Test SelectSensorDevices', () => {
       automate: {
         sensor_id: 1,
       },
+      closeScreen: Routes.ScriptDetail,
     },
   };
-  const response = {
-    status: 200,
-    success: true,
-    data: [
-      {
-        id: 1,
-        name: 'Device 1',
-        sensors: [
-          { id: 1, name: 'sensor' },
-          { id: 2, name: 'sensor' },
-        ],
-      },
-    ],
-  };
+  const response = [
+    {
+      id: 1,
+      name: 'Device 1',
+      sensors: [
+        { id: 1, name: 'sensor' },
+        { id: 2, name: 'sensor' },
+      ],
+    },
+  ];
 
   beforeEach(() => {
     mockedNavigate.mockClear();
+    useRoute.mockImplementation(() => route);
   });
 
   it('fetch Device success', async () => {
-    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response.data);
+    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const navBar = instance.findByType(NavBar);
@@ -80,9 +64,9 @@ describe('Test SelectSensorDevices', () => {
   });
 
   it('onPress continue', async () => {
-    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response.data);
+    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -94,9 +78,9 @@ describe('Test SelectSensorDevices', () => {
   });
 
   it('test onPressDevice', async () => {
-    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response.data);
+    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const device = instance.findAllByType(Device);
@@ -105,17 +89,17 @@ describe('Test SelectSensorDevices', () => {
     await act(async () => {
       device[0].props.onPress({ id: 1, name: 'sensor' });
     });
-    expect(device[0].props.isSelectDevice).toEqual(true);
+    expect(device[0].props.isSelectDevice).toBeTruthy();
     await act(async () => {
       device[0].props.onPress({ id: 1, name: 'sensor' });
     });
-    expect(device[0].props.isSelectDevice).toEqual(false);
+    expect(device[0].props.isSelectDevice).toBeFalsy();
   });
 
   it('test onSnapItem', async () => {
-    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response.data);
+    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const navBar = instance.findByType(NavBar);
@@ -126,9 +110,9 @@ describe('Test SelectSensorDevices', () => {
   });
 
   it('test onPressClose user already has an automateId', async () => {
-    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response.data);
+    mock.onGet(API.UNIT.DEVICE_CONTROL(1)).reply(200, response);
     await act(async () => {
-      tree = renderer.create(wrapComponent(route));
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const iconClose = instance.findAll(
@@ -141,41 +125,6 @@ describe('Test SelectSensorDevices', () => {
     await act(async () => {
       iconClose[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail, {
-      havePermission: true,
-      id: 1,
-      isAutomateTab: undefined,
-      isCreateNewAction: undefined,
-      isMultiUnits: undefined,
-      name: 'scriptName test',
-      type: undefined,
-      unit: { id: 1, name: 'Unit test' },
-    });
-  });
-
-  it('test onPressClose user already has not an automateId', async () => {
-    mock.onGet(API.UNIT.DEVICE_SENSOR(1)).reply(200, response.data);
-    const new_route = {
-      ...route,
-      params: {
-        ...route.params,
-        automateId: null,
-        title: AUTOMATE_SELECT.SELECT_SENSOR,
-      },
-    };
-    await act(async () => {
-      tree = renderer.create(wrapComponent(new_route));
-    });
-    const instance = tree.root;
-    const iconClose = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel === AccessibilityLabel.ICON_CLOSE &&
-        el.type === TouchableOpacity
-    );
-    expect(iconClose).toHaveLength(1);
-    await act(async () => {
-      iconClose[0].props.onPress();
-    });
-    expect(mockedDispatch).toBeCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.ScriptDetail);
   });
 });