@eohjsc/react-native-smart-city 0.4.42 → 0.4.44

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

@@ -10,10 +10,14 @@ import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (actionGroup, mockDoAction, sensor) => (
+import SvgDoorState from '../../../../assets/images/Device/door-state.svg';
+import SvgCurrentState from '../../../../assets/images/Device/current-state.svg';
+import SvgWindStrength from '../../../../assets/images/Device/wind-strength.svg';
+
+const wrapComponent = (item, mockDoAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <OptionsDropdownActionTemplate
-      actionGroup={actionGroup}
+      item={item}
       doAction={mockDoAction}
       sensor={sensor}
     />
@@ -34,7 +38,7 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('Test OptionsDropdownActionTemplate', () => {
-  const action_data = {
+  const actionData = {
     color: '#00979D',
     command_prefer_over_bluetooth: true,
     command_prefer_over_googlehome: false,
@@ -45,16 +49,16 @@ describe('Test OptionsDropdownActionTemplate', () => {
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
 
-  let actionGroup;
+  let displayItem;
   let sensor;
   let wrapper;
 
   beforeEach(() => {
     watchMultiConfigs.mockClear();
-    actionGroup = {
+    displayItem = {
       title: 'Fan Speed',
       configuration: {
-        action_data,
+        action_data: actionData,
         config: 5,
         action: 'e5d23347-ee31-4fe3-9fb5-bbce05bf4b61',
         options: [
@@ -82,7 +86,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     const mockDoAction = jest.fn();
     sensor.is_managed_by_backend = true;
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     await act(async () => {
@@ -98,13 +102,36 @@ describe('Test OptionsDropdownActionTemplate', () => {
     expect(touchs).toHaveLength(5); // show-hide alert + 2 options + onDone
   });
 
+  it('render icon', async () => {
+    const mockDoAction = jest.fn();
+    sensor.is_managed_by_backend = true;
+
+    displayItem.configuration.icon = 'door-state-1';
+    await act(async () => {
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
+    });
+    expect(wrapper.root.findAllByType(SvgDoorState)).toHaveLength(1);
+
+    displayItem.configuration.icon = 'curent-state-1';
+    await act(async () => {
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
+    });
+    expect(wrapper.root.findAllByType(SvgCurrentState)).toHaveLength(1);
+
+    displayItem.configuration.icon = 'wind-strength-1';
+    await act(async () => {
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
+    });
+    expect(wrapper.root.findAllByType(SvgWindStrength)).toHaveLength(1);
+  });
+
   it('render template without selectedOption match, get first one', async () => {
-    actionGroup.configuration.options[1].value_text = '3';
-    actionGroup.configuration.options[1].value_int = 3;
+    displayItem.configuration.options[1].value_text = '3';
+    displayItem.configuration.options[1].value_int = 3;
     sensor.is_managed_by_backend = true;
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     await act(async () => {
@@ -119,7 +146,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
   const assertUpdateSelectedOption = async (is_managed_by_backend) => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -164,7 +191,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+    expect(mockDoAction).toHaveBeenCalledWith(actionData, {
       level: '1',
       key_code: 1,
       value: 1,
@@ -185,10 +212,10 @@ describe('Test OptionsDropdownActionTemplate', () => {
   });
 
   it('doAction with text when have value_text', async () => {
-    actionGroup.configuration.options[0].value_text = 'level-1';
+    displayItem.configuration.options[0].value_text = 'level-1';
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -219,7 +246,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     );
     expect(listChoosingOption).toHaveLength(2);
 
-    // Choosed Level1 option
+    // Choose Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
     });
@@ -233,7 +260,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, {
+    expect(mockDoAction).toHaveBeenCalledWith(actionData, {
       level: 'level-1',
       key_code: 1,
       value: 1,
@@ -242,13 +269,88 @@ describe('Test OptionsDropdownActionTemplate', () => {
     expect(texts[1].props.children).toEqual('Level2');
   });
 
+  it('doAction without value_text', async () => {
+    delete displayItem.configuration.options[0].value_text;
+
+    const mockDoAction = jest.fn();
+    await act(async () => {
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
+    });
+    const instance = wrapper.root;
+
+    const touchs = instance.findAllByType(TouchableOpacity);
+    const showListOption = touchs[0];
+
+    const alertAction = instance.findByType(AlertAction);
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    const listChoosingOption = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await listChoosingOption[0].props.onPress();
+    });
+
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+
+    expect(mockDoAction).toHaveBeenCalledWith(actionData, {
+      level: 1,
+      key_code: 1,
+      value: 1,
+    });
+  });
+
+  it('doAction with allow config value', async () => {
+    displayItem.configuration.allow_config_store_value = true;
+
+    const mockDoAction = jest.fn();
+    await act(async () => {
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
+    });
+    const instance = wrapper.root;
+
+    const touchs = instance.findAllByType(TouchableOpacity);
+    const showListOption = touchs[0];
+
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    const listChoosingOption = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await listChoosingOption[0].props.onPress();
+    });
+    const alertAction = instance.findByType(AlertAction);
+    await act(async () => {
+      await alertAction.props.rightButtonClick();
+    });
+
+    expect(mockDoAction).toHaveBeenCalledWith(actionData, {
+      level: 1,
+      key_code: 1,
+      value: 1,
+      config_id: 5,
+      config_value: 1,
+    });
+  });
+
   it('render template without read config', async () => {
-    delete actionGroup.configuration.config;
+    delete displayItem.configuration.config;
     sensor.is_managed_by_backend = true;
 
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     await act(async () => {
@@ -266,11 +368,11 @@ describe('Test OptionsDropdownActionTemplate', () => {
   });
 
   it('doAction sensor device type is GOOGLE_HOME', async () => {
-    actionGroup.configuration.options[0].value_text = 'level-1';
+    displayItem.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));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     const touchs = instance.findAllByType(TouchableOpacity);
@@ -313,6 +415,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, 'level-1');
+    expect(mockDoAction).toHaveBeenCalledWith(actionData, 'level-1');
   });
 });

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

@@ -14,21 +14,17 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: jest.fn(),
 }));
 
-const wrapComponent = (actionGroup, doAction, sensor) => (
+const wrapComponent = (item, doAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
-    <SliderRangeTemplate
-      actionGroup={actionGroup}
-      doAction={doAction}
-      sensor={sensor}
-    />
+    <SliderRangeTemplate item={item} doAction={doAction} sensor={sensor} />
   </SCProvider>
 );
 
 describe('Test SliderRangeTemplate', () => {
   let wrapper;
-  let actionGroup;
+  let displayItem;
 
-  const action_data = {
+  const actionData = {
     color: '#00979D',
     command_prefer_over_bluetooth: false,
     command_prefer_over_googlehome: false,
@@ -40,11 +36,11 @@ describe('Test SliderRangeTemplate', () => {
     jest.useFakeTimers();
     watchMultiConfigs.mockClear();
     mockDoAction.mockClear();
-    actionGroup = {
+    displayItem = {
       template: 'ColorPickerTemplate',
       configuration: {
         config: 5,
-        action_data,
+        action_data: actionData,
       },
       title: '',
     };
@@ -54,7 +50,7 @@ describe('Test SliderRangeTemplate', () => {
     useConfigGlobalState.mockImplementation(() => [{}, jest.fn()]);
     const sensor = { is_managed_by_backend: true, name: 'Sensor' };
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     const silderRange = instance.findAllByType(Slider);
@@ -63,7 +59,7 @@ describe('Test SliderRangeTemplate', () => {
       await silderRange[0].props.onSlidingComplete([50]);
     });
     expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
+      actionData,
       JSON.stringify({ value_brness: 50, value: 50 })
     );
   });
@@ -79,7 +75,7 @@ describe('Test SliderRangeTemplate', () => {
     ]);
     const sensor = { is_managed_by_backend: true, name: 'Sensor' };
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     const silderRange = instance.findByType(Slider);
@@ -98,7 +94,7 @@ describe('Test SliderRangeTemplate', () => {
     const sensor = { is_managed_by_backend: true, name: 'Sensor' };
 
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     const textInput = instance.findByType(_TextInput);
@@ -122,7 +118,7 @@ describe('Test SliderRangeTemplate', () => {
     const sensor = { is_managed_by_backend: true, name: 'Sensor' };
 
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, sensor));
     });
 
     const instance = wrapper.root;
@@ -135,7 +131,7 @@ describe('Test SliderRangeTemplate', () => {
       jest.runAllTimers();
     });
     expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
+      actionData,
       JSON.stringify({ value_brness: 60, value: 60 })
     );
   });

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

@@ -3,6 +3,7 @@ import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import Text from '../../Text';
 import StatesGridActionTemplate from '../StatesGridActionTemplate';
+import { DEVICE_TYPE } from '../../../configs/Constants';
 
 const mockDoAction = jest.fn();
 const mockActionData = jest.fn();
@@ -16,61 +17,95 @@ jest.mock('@react-navigation/native', () => {
 
 describe('Test StatesGridActionTemplate', () => {
   let tree;
-  const actionGroup = {
-    configuration: {
-      options: [
-        {
-          config: 1,
-          active: false,
-          text: 'item 1',
-          icon_kit_data: 'icon_kit_data',
-          icon: '123',
-          action_data: mockActionData,
-        },
-        {
-          config: 2,
-          active: true,
-          text: 'item 2',
-          icon_kit_data: 'icon_kit_data',
-          icon: 'icon',
-          action_data: mockActionData,
-        },
-      ],
-      is_on_value: true,
-    },
-    title: 'Title',
-  };
-  const sensor = {
-    is_managed_by_backend: true,
-    device_type: '',
-    name: 'Sensor name',
-  };
+  let displayItem;
+  let sensor;
+
+  beforeEach(() => {
+    mockDoAction.mockReset();
+    displayItem = {
+      configuration: {
+        options: [
+          {
+            config: 1,
+            active: false,
+            text: 'item 1',
+            icon_kit_data: 'icon_kit_data',
+            icon: '123',
+            action_data: mockActionData,
+          },
+          {
+            config: 2,
+            active: true,
+            text: 'item 2',
+            icon_kit_data: 'icon_kit_data',
+            icon: 'icon',
+            action_data: mockActionData,
+          },
+        ],
+        is_on_value: true,
+      },
+      title: 'Title',
+    };
+    sensor = {
+      is_managed_by_backend: true,
+      device_type: '',
+
+      name: 'Sensor name',
+    };
+  });
 
   it('test render without params', async () => {
     await act(async () => {
       tree = await create(<StatesGridActionTemplate />);
     });
     const instance = tree.root;
-    const Texts = instance.findAllByType(Text);
-    expect(Texts).not.toHaveLength(1);
+    const texts = instance.findAllByType(Text);
+    expect(texts).not.toHaveLength(1);
   });
 
-  it('test render with params', async () => {
+  it('test trigger action', async () => {
     await act(async () => {
       tree = await create(
         <StatesGridActionTemplate
           doAction={mockDoAction}
           sensor={sensor}
-          actionGroup={actionGroup}
+          item={displayItem}
         />
       );
     });
     const instance = tree.root;
-    const Texts = instance.findAllByType(Text);
-    expect(Texts).toHaveLength(3);
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(2);
-    await TouchableOpacities[0].props.onPress();
+    const texts = instance.findAllByType(Text);
+    expect(texts).toHaveLength(3);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(2);
+    await act(async () => {
+      await touchableOpacities[0].props.onPress();
+    });
     expect(mockDoAction).toBeCalledWith(mockActionData, null);
   });
+
+  it('test trigger special action', async () => {
+    displayItem.configuration.options[0].allow_config_store_value = true;
+    displayItem.configuration.options[0].config = 1;
+    sensor.device_type = DEVICE_TYPE.LG_THINQ;
+
+    await act(async () => {
+      tree = await create(
+        <StatesGridActionTemplate
+          doAction={mockDoAction}
+          sensor={sensor}
+          item={displayItem}
+        />
+      );
+    });
+    const instance = tree.root;
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    await act(async () => {
+      await touchableOpacities[0].props.onPress();
+    });
+    expect(mockDoAction).toBeCalledWith(
+      mockActionData,
+      JSON.stringify({ config_id: 1, config_value: undefined })
+    );
+  });
 });

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

@@ -11,13 +11,9 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: jest.fn(),
 }));
 
-const wrapComponent = (actionGroup, mockDoAction, isOn) => (
+const wrapComponent = (item, mockDoAction, isOn) => (
   <SCProvider initState={mockSCStore({})}>
-    <SwitchButtonTemplate
-      actionGroup={actionGroup}
-      doAction={mockDoAction}
-      isOn={isOn}
-    />
+    <SwitchButtonTemplate item={item} doAction={mockDoAction} isOn={isOn} />
   </SCProvider>
 );
 
@@ -29,7 +25,7 @@ jest.mock('@react-navigation/native', () => {
 });
 
 describe('Test SwitchButtonTemplate', () => {
-  const action_on_data = {
+  const actionOnData = {
     color: '#00979D',
     command_prefer_over_bluetooth: true,
     command_prefer_over_googlehome: false,
@@ -40,7 +36,7 @@ describe('Test SwitchButtonTemplate', () => {
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
 
-  const action_off_data = {
+  const actionOffData = {
     color: '#00979D',
     command_prefer_over_bluetooth: true,
     command_prefer_over_googlehome: false,
@@ -50,14 +46,14 @@ describe('Test SwitchButtonTemplate', () => {
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
-  const actionGroup = {
+  const displayItem = {
     configuration: {
       action_on: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
-      action_on_data: action_on_data,
+      action_on_data: actionOnData,
       icon_on: 'caret-up',
       text_on: 'ON',
       action_off: '5ed1d4dc-a905-47cd-b0c9-f979644bd21b',
-      action_off_data: action_off_data,
+      action_off_data: actionOffData,
       icon_off: 'caret-up',
       text_off: 'OFF',
       config: 1,
@@ -69,7 +65,7 @@ describe('Test SwitchButtonTemplate', () => {
     const mockDoAction = jest.fn();
 
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction));
     });
 
     const renderJson = wrapper.toJSON();
@@ -107,7 +103,7 @@ describe('Test SwitchButtonTemplate', () => {
   const assertActionCall = async (state, action_data) => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, state));
+      wrapper = await create(wrapComponent(displayItem, mockDoAction, state));
     });
     expect(mockDoAction).not.toHaveBeenCalled();
     const root = wrapper.root;
@@ -121,10 +117,10 @@ describe('Test SwitchButtonTemplate', () => {
   };
 
   it('action state on', async () => {
-    await assertActionCall(true, action_off_data);
+    await assertActionCall(true, actionOffData);
   });
 
   it('action state off', async () => {
-    await assertActionCall(false, action_on_data);
+    await assertActionCall(false, actionOnData);
   });
 });

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

@@ -26,18 +26,14 @@ jest.mock('@react-navigation/native', () => {
 
 const mockDoAction = jest.fn();
 
-const wrapComponent = (actionGroup, sensor) => (
+const wrapComponent = (item, sensor) => (
   <SCProvider initState={mockSCStore({})}>
-    <TimerActionTemplate
-      actionGroup={actionGroup}
-      doAction={mockDoAction}
-      sensor={sensor}
-    />
+    <TimerActionTemplate item={item} doAction={mockDoAction} sensor={sensor} />
   </SCProvider>
 );
 
 describe('Test TimerActionTemplate success with config value', () => {
-  const action_data = {
+  const actionData = {
     color: '#00979D',
     command_prefer_over_bluetooth: true,
     command_prefer_over_googlehome: false,
@@ -48,16 +44,16 @@ describe('Test TimerActionTemplate success with config value', () => {
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
 
-  let actionGroup;
+  let displayItem;
   let wrapper;
   let sensor;
 
   beforeEach(() => {
     watchMultiConfigs.mockClear();
-    actionGroup = {
+    displayItem = {
       title: 'Timer',
       configuration: {
-        action_data,
+        action_data: actionData,
         config_hour: 5,
         config_minute: 6,
       },
@@ -79,7 +75,7 @@ describe('Test TimerActionTemplate success with config value', () => {
 
   it('render template', async () => {
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, sensor));
+      wrapper = await create(wrapComponent(displayItem, sensor));
     });
     const instance = wrapper.root;
 
@@ -107,16 +103,16 @@ describe('Test TimerActionTemplate success with config value', () => {
   });
 
   it('render template with config_hour', async () => {
-    actionGroup = {
-      ...actionGroup,
+    displayItem = {
+      ...displayItem,
       configuration: {
-        ...actionGroup.configuration,
+        ...displayItem.configuration,
         config_hour: 5,
         config_minute: null,
       },
     };
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, sensor));
+      wrapper = await create(wrapComponent(displayItem, sensor));
     });
     const instance = wrapper.root;