@eohjsc/react-native-smart-city 0.2.99 → 0.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.2.99",
+  "version": "0.3.0",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -74,6 +74,7 @@
     "@types/react": "^17.0.0",
     "@types/react-native": "^0.63.43",
     "@types/react-test-renderer": "^17.0.0",
+    "axios-mock-adapter": "^1.21.1",
     "babel-jest": "^26.6.3",
     "detox": "^18.3.1",
     "eslint": "7.14.0",
@@ -124,6 +125,7 @@
     "@react-navigation/stack": "^5.7.0",
     "@sentry/react-native": "^1.7.1",
     "@testing-library/react-hooks": "^6.0.0",
+    "apisauce": "^2.1.5",
     "axios": "^0.19.2",
     "dotenv": "^8.2.0",
     "google-libphonenumber": "^3.2.10",

package/src/commons/ActionGroup/CurtainButtonTemplate.js

@@ -17,6 +17,11 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
     close_action_data,
     action_off_data,
     action_on_data,
+    is_display_lock,
+    text1,
+    text2,
+    text3,
+    text_door_lock,
   } = configuration || {};
   const [lock, setLock] = useState(false);
 
@@ -52,21 +57,21 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
       {
         style: styles.buttonActionCurtain,
         icon: Images.buttonLeftCurtain,
-        text: configuration.text1,
+        text: text1,
         onPress: onButtonOpenPress,
         testID: TESTID.BUTTON_TEMPLATE_1,
       },
       {
         style: styles.buttonActionCurtainCenter,
         icon: Images.buttonPauseCurtain,
-        text: configuration.text2,
+        text: text2,
         onPress: onButtonStopPress,
         testID: TESTID.BUTTON_TEMPLATE_2,
       },
       {
         style: styles.buttonActionCurtain,
         icon: Images.buttonRightCurtain,
-        text: configuration.text3,
+        text: text3,
         onPress: onButtonClosePress,
         testID: TESTID.BUTTON_TEMPLATE_3,
       },
@@ -96,7 +101,7 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
             style={styles.textLockDoor}
             testID={TESTID.TEXT_DOOR_LOOK_ON_OFF}
           >
-            {configuration.text_door_lock}{' '}
+            {text_door_lock}{' '}
           </Text>
         </View>
         <Switch
@@ -115,7 +120,7 @@ const CurtainButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
         <RenderThreeButtonActions />
       </View>
       <View style={styles.lockSwitch}>
-        {configuration.is_display_lock &&
+        {is_display_lock &&
           itemLock(
             lock ? 'lock' : 'unlock',
             lock ? Colors.Primary : Colors.Gray6

package/src/commons/ActionGroup/OnOffSmartLock/AutoLock/__test__/index.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
+import { Switch } from 'react-native';
 
 import AutoLock from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
@@ -38,6 +39,9 @@ describe('Test AutoLock', () => {
     });
 
     const instance = tree.root;
+    const switchs = instance.findByType(Switch);
+    await switchs.props.onValueChange();
+
     const { buttonEnable, buttonInstant, buttonRelockTiming } =
       getElement(instance);
 

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/ItemPasscode.js

@@ -19,7 +19,7 @@ const ButtonWrapper = ({ item, textHeadline }) => {
 };
 
 const ItemPasscode = memo(({ route }) => {
-  const { item } = route.params;
+  const { item = {} } = route.params || {};
 
   return (
     <SafeAreaView style={styles.container}>

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/__test__/ItemPasscode.test.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { act, create } from 'react-test-renderer';
+import { SCProvider } from '../../../../../context';
+import { mockSCStore } from '../../../../../context/mockStore';
+import ItemPasscode from '../ItemPasscode';
+
+const wrapComponent = (route = {}) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ItemPasscode route={route} />
+  </SCProvider>
+);
+
+describe('Test ItemPasscode', () => {
+  let tree;
+  test('test render without params', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(TouchableOpacities).toHaveLength(2);
+  });
+});

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/__test__/index.test.js

@@ -40,6 +40,7 @@ describe('Test SetupGeneratePasscode', () => {
     const changeDuration = instance.findAll(
       (item) => item.props.testID === TESTID.GENERATE_PASSCODE_SET_DURATION
     );
+
     return {
       changeName,
       changeTime,
@@ -58,5 +59,18 @@ describe('Test SetupGeneratePasscode', () => {
     expect(changeName[0]).toBeDefined();
     expect(changeTime[0]).toBeDefined();
     expect(changeDuration[0]).toBeDefined();
+
+    await changeDuration[0].props.onPressSetMinute();
+    await changeDuration[0].props.onPressSelectCircle();
+    await changeTime[0].props.onPressSetTime();
+
+    const wheelDateTimePicker = instance.findAll(
+      (item) =>
+        item.props.testID ===
+        `${TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+    );
+    await wheelDateTimePicker[5].props.onClick();
+    await wheelDateTimePicker[11].props.onClick();
+    await wheelDateTimePicker[17].props.onClick();
   });
 });

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -92,7 +92,7 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
       return t('not_available');
     }
     return selectedOption.text;
-  }, [configuration.config, selectedOption.text, t]);
+  }, [configuration?.config, selectedOption?.text, t]);
 
   const iconSvg = useMemo(() => {
     switch (icon) {

package/src/commons/ActionGroup/StatesGridActionTemplate.js

@@ -105,15 +105,19 @@ const GridItem = ({ item, index, length, doAction, sensor, title }) => {
   );
 };
 
-const StatesGridActionTemplate = ({ actionGroup, doAction, sensor }) => {
-  const { configuration, title } = actionGroup;
+const StatesGridActionTemplate = ({
+  actionGroup = {},
+  doAction,
+  sensor = {},
+}) => {
+  const { configuration = {}, title } = actionGroup;
 
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
 
   const options = useMemo(() => {
-    return configuration.options.map((option) => {
-      if (configValues[option.config] === option.is_on_value) {
+    return (configuration?.options || []).map((option) => {
+      if (configValues[option?.config] === option?.is_on_value) {
         return {
           ...option,
           active: true,

package/src/commons/ActionGroup/TimerActionTemplate.js

@@ -14,9 +14,9 @@ import { Colors } from '../../configs';
 import { useConfigGlobalState } from '../../iot/states';
 import BottomScrollPicker from '../BottomScrollPicker';
 
-const TimerActionTemplate = ({ actionGroup, doAction, sensor }) => {
+const TimerActionTemplate = ({ actionGroup = {}, doAction, sensor = {} }) => {
   const t = useTranslations();
-  const { configuration, title } = actionGroup;
+  const { configuration = {}, title } = actionGroup;
   const [showTime, setShowTime] = useState(false);
   const [showHour, setShowHour] = useState(false);
 

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

@@ -1,20 +1,37 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import { TouchableOpacity } from 'react-native';
+import { TouchableOpacity, Switch } from 'react-native';
 
 import CurtainButtonTemplate from '../CurtainButtonTemplate';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (actionGroup) => (
+const mockDoAction = jest.fn();
+const mockActionOffData = jest.fn();
+const mockActionOnData = jest.fn();
+const mockCloseActionData = jest.fn();
+
+const wrapComponent = (actionGroup = {}, sensor = {}) => (
   <SCProvider initState={mockSCStore({})}>
-    <CurtainButtonTemplate actionGroup={actionGroup} doAction={jest.fn()} />
+    <CurtainButtonTemplate
+      actionGroup={actionGroup}
+      doAction={mockDoAction}
+      sensor={sensor}
+    />
   </SCProvider>
 );
 
 describe('Test CurtainButtonTemplate', () => {
+  const sensor = {
+    name: 'test',
+  };
   const actionGroup = {
     configuration: {
+      text_open: 'open',
+      is_display_lock: true,
+      action_off_data: mockActionOffData,
+      action_on_data: mockActionOnData,
+      close_action_data: mockCloseActionData,
       action1: '2b949045-8e03-4c07-a855-7794ade2e69c',
       action1_data: {
         color: '#00979D',
@@ -61,12 +78,44 @@ describe('Test CurtainButtonTemplate', () => {
 
   let wrapper;
 
+  test('render without params', async () => {
+    await act(() => {
+      wrapper = renderer.create(wrapComponent());
+    });
+    const instance = wrapper.root;
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities.length).toEqual(3);
+  });
+
   test('render CurtainButtonTemplate', async () => {
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup));
+      wrapper = renderer.create(wrapComponent(actionGroup, sensor));
     });
     const instance = wrapper.root;
     const touchableOpacities = instance.findAllByType(TouchableOpacity);
     expect(touchableOpacities.length).toEqual(3);
+    await touchableOpacities[0].props.onPress();
+    await touchableOpacities[1].props.onPress();
+    await touchableOpacities[2].props.onPress();
+    expect(mockDoAction).toBeCalledWith(
+      mockCloseActionData,
+      null,
+      sensor?.name + ' undefined'
+    );
+
+    const Switchs = instance.findAllByType(Switch);
+    expect(Switchs).toHaveLength(1);
+    await Switchs[0].props.onValueChange();
+    expect(mockDoAction).toBeCalledWith(
+      mockActionOnData,
+      null,
+      `${sensor.name} lock`
+    );
+    await Switchs[0].props.onValueChange();
+    expect(mockDoAction).toBeCalledWith(
+      mockActionOffData,
+      null,
+      `${sensor.name} unlock`
+    );
   });
 });

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

@@ -0,0 +1,77 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { act, create } from 'react-test-renderer';
+import Text from '../../Text';
+import StatesGridActionTemplate from '../StatesGridActionTemplate';
+
+const mockDoAction = jest.fn();
+const mockActionData = jest.fn();
+
+describe('Test StatesGridActionTemplate', () => {
+  let tree;
+  const actionGroup = {
+    configuration: {
+      options: [
+        {
+          config: true,
+          active: false,
+          text: 'item 1',
+          icon_kit_data: 'icon_kit_data',
+          icon: '123',
+          icon_outlined: 'icon_outlined',
+          action_data: mockActionData,
+        },
+        {
+          config: false,
+          active: true,
+          text: 'item 2',
+          icon_kit_data: 'icon_kit_data',
+          icon: 'icon',
+          icon_outlined: 'icon_outlined',
+          action_data: mockActionData,
+        },
+      ],
+      is_on_value: true,
+    },
+    title: 'Title',
+  };
+  const sensor = {
+    is_managed_by_backend: true,
+    device_type: '',
+    name: 'Sensor name',
+  };
+
+  test('test render without params', async () => {
+    await act(async () => {
+      tree = await create(<StatesGridActionTemplate />);
+    });
+    const instance = tree.root;
+    const Texts = instance.findAllByType(Text);
+    expect(Texts).toHaveLength(1);
+  });
+
+  test('test render with params', async () => {
+    await act(async () => {
+      tree = await create(
+        <StatesGridActionTemplate
+          doAction={mockDoAction}
+          sensor={sensor}
+          actionGroup={actionGroup}
+        />
+      );
+    });
+    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();
+    expect(mockDoAction).toBeCalledWith(
+      mockActionData,
+      null,
+      `${sensor.name} ${actionGroup.title.toLowerCase()} ${
+        actionGroup.configuration.options[0].text
+      }`
+    );
+  });
+});

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

@@ -1,8 +1,10 @@
 import React from 'react';
-import { Switch } from 'react-native';
+import { Switch, TouchableOpacity } 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';
@@ -15,12 +17,14 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: 18, 6: 30 }, null],
 }));
 
-const wrapComponent = (actionGroup, mockDoAction, is_managed_by_backend) => (
+const mockDoAction = jest.fn();
+
+const wrapComponent = (actionGroup, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <TimerActionTemplate
       actionGroup={actionGroup}
       doAction={mockDoAction}
-      sensor={{ is_managed_by_backend }}
+      sensor={sensor}
     />
   </SCProvider>
 );
@@ -39,6 +43,7 @@ describe('Test TimerActionTemplate success with config value', () => {
 
   let actionGroup;
   let wrapper;
+  let sensor;
 
   beforeEach(() => {
     watchMultiConfigs.mockClear();
@@ -50,12 +55,24 @@ 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, mockDoAction, true));
+      wrapper = await create(wrapComponent(actionGroup, sensor));
     });
     const instance = wrapper.root;
 
@@ -66,11 +83,46 @@ 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).toBeFalsy();
+    expect(dateTimePicker.props.isVisible).toBeTruthy();
     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,6 +1,7 @@
 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', () => ({
@@ -31,6 +32,10 @@ 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: {
@@ -41,6 +46,9 @@ 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',
@@ -50,6 +58,9 @@ describe('Test TwoButtonTemplate', () => {
         icon_on: 'caret-right',
         text_on: 'START',
         config: 621,
+        is_on_value: [true],
+        action_on_data,
+        action_off_data,
       },
     },
   };
@@ -102,7 +113,44 @@ describe('Test TwoButtonTemplate', () => {
     const mockDoAction = jest.fn();
     await act(() => {
       wrapper = create(
-        <TwoButtonTemplate actionGroup={actionGroup} doAction={mockDoAction} />
+        <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}
+        />
       );
     });
     const instance = wrapper.root;