@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

package/src/commons/ActionGroup/__test__/OnOffTemplate.test.js

@@ -1,25 +1,11 @@
-/* eslint-disable promise/prefer-await-to-callbacks */
 import { TESTID } from '../../../configs/Constants';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import React from 'react';
 import { View } from 'react-native';
-import { useSelector } from 'react-redux';
 import { act, create } from 'react-test-renderer';
 import OnOffTemplate from '../OnOffTemplate';
 import OnOffButtonTemplate from '../OnOffTemplate/OnOffButtonTemplate';
 import OnOffSimpleTemplate from '../OnOffTemplate/OnOffSimpleTemplate';
-import { mockSCStore } from '../../../context/mockStore';
-import { SCProvider } from '../../../context';
-
-const wrapComponent = (actionGroup, mockDoAction, sensor) => (
-  <SCProvider initState={mockSCStore({})}>
-    <OnOffTemplate
-      actionGroup={actionGroup}
-      doAction={mockDoAction}
-      sensor={sensor}
-    />
-  </SCProvider>
-);
 
 jest.mock('../../../iot/Monitor');
 
@@ -27,15 +13,9 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: 2 }, null],
 }));
 
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-}));
-
 describe('Test OnOffTemplate', () => {
+  let wrapper;
   let actionGroup;
-  let tree;
-  let sensor;
 
   const action_data = {
     color: '#00979D',
@@ -82,23 +62,20 @@ describe('Test OnOffTemplate', () => {
       },
       title: 'Turn on / off',
     };
-
-    sensor = { name: 'Sensor' };
-
-    const localState = {
-      isOnSwich: false,
-    };
-    useSelector.mockImplementation((cb) => {
-      return cb(localState);
-    });
   });
 
   test('render with template OnOffSimpleActionTemplate', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{}}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findAllByType(OnOffSimpleTemplate);
     expect(template).toHaveLength(1);
   });
@@ -107,9 +84,15 @@ describe('Test OnOffTemplate', () => {
     actionGroup.template = 'on_off_button_action_template';
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{}}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findAllByType(OnOffButtonTemplate);
     expect(template).toHaveLength(0);
   });
@@ -118,9 +101,15 @@ describe('Test OnOffTemplate', () => {
     actionGroup.template = 'wrong_template';
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{}}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
 
     const templateOnOffButton = instance.findAll(
       (el) =>
@@ -136,20 +125,32 @@ describe('Test OnOffTemplate', () => {
   test('render with template OnOffSimpleActionTemplate with is_managed_by_backend', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ is_managed_by_backend: true }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findAllByType(OnOffSimpleTemplate);
     expect(template).toHaveLength(1);
-    expect(watchMultiConfigs).toBeCalledTimes(0);
+    expect(watchMultiConfigs).toBeCalledTimes(1);
   });
 
   test('template OnOffSimpleActionTemplate doAction with is_on_value, match configValue', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ name: 'Sensor name' }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findByType(OnOffSimpleTemplate);
     expect(template.props.isOn).toEqual(true);
 
@@ -159,7 +160,7 @@ describe('Test OnOffTemplate', () => {
     expect(mockDoAction).toHaveBeenCalledWith(
       action_off_data,
       null,
-      'Sensor turn on / off off'
+      'Sensor name turn on / off off'
     );
     expect(watchMultiConfigs).toBeCalledTimes(0);
   });
@@ -168,9 +169,15 @@ describe('Test OnOffTemplate', () => {
     actionGroup.configuration.is_on_value = [1];
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ name: 'Sensor name' }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findByType(OnOffSimpleTemplate);
     expect(template.props.isOn).toEqual(false);
 
@@ -180,16 +187,22 @@ describe('Test OnOffTemplate', () => {
     expect(mockDoAction).toHaveBeenCalledWith(
       action_on_data,
       null,
-      'Sensor turn on / off on'
+      'Sensor name turn on / off on'
     );
   });
 
   test('template OnOffSimpleActionTemplate doAction with is_on_value and is_managed_by_backend', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ name: 'Sensor name', is_managed_by_backend: true }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findByType(OnOffSimpleTemplate);
     expect(template.props.isOn).toEqual(true);
 
@@ -199,9 +212,9 @@ describe('Test OnOffTemplate', () => {
     expect(mockDoAction).toHaveBeenCalledWith(
       action_off_data,
       null,
-      'Sensor turn on / off off'
+      'Sensor name turn on / off off'
     );
-    expect(watchMultiConfigs).toBeCalledTimes(0);
+    expect(watchMultiConfigs).toBeCalledTimes(2);
   });
 
   test('render with template OnOffSimpleActionTemplate with just action_data', async () => {
@@ -217,9 +230,15 @@ describe('Test OnOffTemplate', () => {
     };
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ is_managed_by_backend: true }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findAllByType(OnOffSimpleTemplate);
     expect(template).toHaveLength(1);
     expect(template[0].props.disabled).toBeFalsy();
@@ -242,9 +261,15 @@ describe('Test OnOffTemplate', () => {
     };
     const mockDoAction = jest.fn();
     await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = await create(
+        <OnOffTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={{ is_managed_by_backend: true }}
+        />
+      );
     });
-    const instance = tree.root;
+    const instance = wrapper.root;
     const template = instance.findAllByType(OnOffSimpleTemplate);
     expect(template).toHaveLength(1);
     expect(template[0].props.disabled).toBeTruthy();

package/src/commons/ActionGroup/__test__/OneBigButtonTemplate.test.js

@@ -1,27 +1,8 @@
-/* eslint-disable promise/prefer-await-to-callbacks */
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import { useSelector } from 'react-redux';
 
 import OneBigButtonTemplate from '../OneBigButtonTemplate';
-import { mockSCStore } from '../../../context/mockStore';
-import { SCProvider } from '../../../context';
-
-const wrapComponent = (actionGroup, mockDoAction, sensor) => (
-  <SCProvider initState={mockSCStore({})}>
-    <OneBigButtonTemplate
-      actionGroup={actionGroup}
-      doAction={mockDoAction}
-      sensor={sensor}
-    />
-  </SCProvider>
-);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-}));
 
 describe('Test OneBigButtonTemplate', () => {
   const action_data = {
@@ -42,25 +23,24 @@ describe('Test OneBigButtonTemplate', () => {
       text: 'UP',
     },
   };
-  let tree;
-  let sensor;
-
-  beforeEach(() => {
-    const localState = {
-      isOnSwich: false,
-    };
-    useSelector.mockImplementation((cb) => {
-      return cb(localState);
-    });
-    sensor = { name: 'Sensor' };
-  });
+  const sensor = {
+    name: 'Sensor name',
+  };
+  let wrapper;
 
-  test('render OneBigButtonTemplate', async () => {
+  test('render OneBigButtonTemplate', () => {
     const mockDoAction = jest.fn();
-    await act(async () => {
-      tree = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+    act(() => {
+      wrapper = create(
+        <OneBigButtonTemplate
+          actionGroup={actionGroup}
+          doAction={mockDoAction}
+          sensor={sensor}
+        />
+      );
     });
-    const instance = tree.root;
+
+    const instance = wrapper.root;
     const buttons = instance.findAllByType(TouchableOpacity);
     expect(buttons.length).toEqual(1);
 
@@ -69,6 +49,10 @@ describe('Test OneBigButtonTemplate', () => {
     });
 
     expect(mockDoAction).toHaveBeenCalledTimes(1);
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, null, 'Sensor up');
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      null,
+      'Sensor name up'
+    );
   });
 });

package/src/commons/ActionGroup/__test__/OptionsDropdownTemplate.test.js

@@ -5,7 +5,7 @@ import { act, create } from 'react-test-renderer';
 import Text from '../../../commons/Text';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import { AlertAction, RadioCircle } from '../../../commons';
-import { TESTID } from '../../../configs/Constants';
+import { DEVICE_TYPE, TESTID } from '../../../configs/Constants';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -246,4 +246,60 @@ describe('Test OptionsDropdownActionTemplate', () => {
       getTranslate('en', 'not_available')
     );
   });
+  test('doAction sensor device type is GOOGLE_HOME', async () => {
+    actionGroup.configuration.options[0].value_text = 'level-1';
+    sensor.device_type = DEVICE_TYPE.GOOGLE_HOME;
+    const mockDoAction = jest.fn();
+    await act(async () => {
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+    });
+    const instance = wrapper.root;
+
+    const touchs = instance.findAllByType(TouchableOpacity);
+    expect(touchs).toHaveLength(5);
+    const showListOption = touchs[0];
+
+    const texts = instance.findAllByType(Text);
+    expect(texts[1].props.children).toEqual('Level2');
+
+    const radioCircles = instance.findAllByType(RadioCircle);
+    expect(radioCircles[0].props.active).toBeFalsy();
+    expect(radioCircles[1].props.active).toBeTruthy();
+
+    const listChoosingOption = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
+        el.type === TouchableOpacity
+    );
+    expect(listChoosingOption).toHaveLength(2);
+
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toBeFalsy();
+
+    // show option
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+
+    // Choosed Level1 option
+    await act(async () => {
+      await listChoosingOption[0].props.onPress();
+    });
+
+    expect(radioCircles[0].props.active).toBeTruthy();
+    expect(radioCircles[1].props.active).toBeFalsy();
+
+    // doAction then update selectedOption
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+    expect(alertAction.props.visible).toBeFalsy();
+
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      'level-1',
+      'Sensor name fan speed level-1'
+    ); // doAction with text instead of int
+  });
 });

package/src/commons/ActionGroup/__test__/TimerActionTemplate.test.js

@@ -1,10 +1,8 @@
 import React from 'react';
-import { Switch, TouchableOpacity } from 'react-native';
+import { Switch } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import TimerActionTemplate from '../TimerActionTemplate';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
-import ScrollPicker from 'react-native-wheel-scrollview-picker';
-
 import moment from 'moment';
 import Text from '../../Text';
 import { watchMultiConfigs } from '../../../iot/Monitor';
@@ -17,14 +15,12 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: 18, 6: 30 }, null],
 }));
 
-const mockDoAction = jest.fn();
-
-const wrapComponent = (actionGroup, sensor) => (
+const wrapComponent = (actionGroup, mockDoAction, is_managed_by_backend) => (
   <SCProvider initState={mockSCStore({})}>
     <TimerActionTemplate
       actionGroup={actionGroup}
       doAction={mockDoAction}
-      sensor={sensor}
+      sensor={{ is_managed_by_backend }}
     />
   </SCProvider>
 );
@@ -43,7 +39,6 @@ describe('Test TimerActionTemplate success with config value', () => {
 
   let actionGroup;
   let wrapper;
-  let sensor;
 
   beforeEach(() => {
     watchMultiConfigs.mockClear();
@@ -55,24 +50,12 @@ describe('Test TimerActionTemplate success with config value', () => {
         config_minute: 6,
       },
     };
-    sensor = {
-      is_managed_by_backend: true,
-      device_type: '',
-    };
-  });
-
-  test('render without params', async () => {
-    await act(async () => {
-      wrapper = await create(wrapComponent());
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(6);
   });
 
   test('render template', async () => {
+    const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, sensor));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
 
@@ -83,46 +66,11 @@ describe('Test TimerActionTemplate success with config value', () => {
 
     const switchButton = instance.findByType(Switch);
     expect(switchButton.props.value).toBeTruthy();
-    await switchButton.props.onValueChange();
-    expect(mockDoAction).toBeCalled();
-
-    const bottomScrollPicker = instance.findByType(ScrollPicker);
-    expect(bottomScrollPicker).toBeDefined();
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    await TouchableOpacities[0].props.onPress();
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
-    expect(dateTimePicker.props.isVisible).toBeTruthy();
+    expect(dateTimePicker.props.isVisible).toBeFalsy();
     expect(dateTimePicker.props.date).toEqual(
       moment('18:30', 'HH:mm').valueOf()
     );
   });
-
-  test('render template with config_hour', async () => {
-    actionGroup = {
-      ...actionGroup,
-      configuration: {
-        ...actionGroup.configuration,
-        config_hour: 5,
-        config_minute: null,
-      },
-    };
-    await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, sensor));
-    });
-    const instance = wrapper.root;
-
-    const bottomScrollPicker = instance.findByType(ScrollPicker);
-    expect(bottomScrollPicker).toBeDefined();
-
-    const dateTimePicker = instance.findByType(DateTimePickerModal);
-    expect(dateTimePicker.props.isVisible).toBeFalsy();
-    await dateTimePicker.props.onConfirm();
-
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(3);
-    await TouchableOpacities[0].props.onPress();
-    await TouchableOpacities[2].props.onPress(3);
-    expect(mockDoAction).toBeCalled();
-  });
 });

package/src/commons/ActionGroup/__test__/TwoButtonTemplate.test.js

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import { DEVICE_TYPE } from '../../../configs/Constants';
 import TwoButtonTemplate from '../TwoButtonTemplate';
 
 jest.mock('react', () => ({
@@ -32,10 +31,6 @@ describe('Test TwoButtonTemplate', () => {
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
 
-  const sensor = {
-    device_type: DEVICE_TYPE.LG_THINQ,
-    is_managed_by_backend: true,
-  };
   const actionGroup = {
     configuration: {
       button1: {
@@ -46,9 +41,6 @@ describe('Test TwoButtonTemplate', () => {
         icon_on: 'poweroff',
         text_on: 'ON',
         config: 621,
-        is_on_value: [true],
-        action_on_data,
-        action_off_data,
       },
       button2: {
         action_off: 'f49e1577-493d-4bae-a9ab-3b0f96a4ec52',
@@ -58,9 +50,6 @@ describe('Test TwoButtonTemplate', () => {
         icon_on: 'caret-right',
         text_on: 'START',
         config: 621,
-        is_on_value: [true],
-        action_on_data,
-        action_off_data,
       },
     },
   };
@@ -113,44 +102,7 @@ describe('Test TwoButtonTemplate', () => {
     const mockDoAction = jest.fn();
     await act(() => {
       wrapper = create(
-        <TwoButtonTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={sensor}
-        />
-      );
-    });
-    const instance = wrapper.root;
-    const touchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(touchableOpacities.length).toEqual(2);
-    await touchableOpacities[0].props.onPress();
-    await touchableOpacities[1].props.onPress();
-    expect(mockDoAction).toBeCalled();
-  });
-
-  test('render TouchableOpacity TwoButtonTemplate without is_on_value', async () => {
-    const mockDoAction = jest.fn();
-    let new_actionGroup = {
-      ...actionGroup,
-      configuration: {
-        ...actionGroup.configuration,
-        button1: {
-          ...actionGroup.configuration.button1,
-          is_on_value: null,
-        },
-        button2: {
-          ...actionGroup.configuration.button2,
-          is_on_value: null,
-        },
-      },
-    };
-    await act(() => {
-      wrapper = create(
-        <TwoButtonTemplate
-          actionGroup={new_actionGroup}
-          doAction={mockDoAction}
-          sensor={sensor}
-        />
+        <TwoButtonTemplate actionGroup={actionGroup} doAction={mockDoAction} />
       );
     });
     const instance = wrapper.root;