@eohjsc/react-native-smart-city 0.2.82 → 0.2.85

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import Slider from 'react-native-slider';
+import ColorPicker from 'react-native-wheel-color-picker';
+
+import LightActionTemplate from '../LightActionTemplate';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (actionGroup) => (
+  <SCProvider initState={mockSCStore({})}>
+    <LightActionTemplate actionGroup={actionGroup} doAction={jest.fn()} />
+  </SCProvider>
+);
+
+describe('Test CurtainButtonTemplate', () => {
+  const actionGroup = {
+    configuration: {
+      action: 'b1be40f2-f482-4796-8c1a-0431ab49ab5a',
+      action_data: {
+        color: '#00979D',
+        command_prefer_over_bluetooth: true,
+        command_prefer_over_googlehome: false,
+        command_prefer_over_internet: false,
+        googlehome_actions: [Array],
+        icon: '123231',
+        icon_kit: null,
+        id: 5,
+        key: 'b1be40f2-f482-4796-8c1a-0431ab49ab5a',
+        lg_actions: [Array],
+        name: 'change color',
+      },
+      config_brightness: 18,
+      config_color: 17,
+    },
+    id: 2,
+    template: 'light_action_template',
+    title: 'controller',
+  };
+
+  let wrapper;
+
+  test('render LightActionTemplate', async () => {
+    await act(() => {
+      wrapper = renderer.create(wrapComponent(actionGroup));
+    });
+    const instance = wrapper.root;
+    const slider = instance.findAllByType(Slider);
+    const colorPicker = instance.findAllByType(ColorPicker);
+    expect(slider.length).toEqual(1);
+    expect(colorPicker.length).toEqual(1);
+    await act(async () => {
+      await slider[0].props.onSlidingComplete();
+    });
+    await act(async () => {
+      await colorPicker[0].props.onColorChangeComplete();
+    });
+  });
+});

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

@@ -146,7 +146,7 @@ describe('Test OnOffTemplate', () => {
         <OnOffTemplate
           actionGroup={actionGroup}
           doAction={mockDoAction}
-          sensor={{}}
+          sensor={{ name: 'Sensor name' }}
         />
       );
     });
@@ -157,7 +157,11 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_off_data);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_off_data,
+      null,
+      'Sensor name turn on / off off'
+    );
     expect(watchMultiConfigs).toBeCalledTimes(0);
   });
 
@@ -169,7 +173,7 @@ describe('Test OnOffTemplate', () => {
         <OnOffTemplate
           actionGroup={actionGroup}
           doAction={mockDoAction}
-          sensor={{}}
+          sensor={{ name: 'Sensor name' }}
         />
       );
     });
@@ -180,7 +184,11 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_on_data);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_on_data,
+      null,
+      'Sensor name turn on / off on'
+    );
   });
 
   test('template OnOffSimpleActionTemplate doAction with is_on_value and is_managed_by_backend', async () => {
@@ -190,7 +198,7 @@ describe('Test OnOffTemplate', () => {
         <OnOffTemplate
           actionGroup={actionGroup}
           doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
+          sensor={{ name: 'Sensor name', is_managed_by_backend: true }}
         />
       );
     });
@@ -201,7 +209,11 @@ describe('Test OnOffTemplate', () => {
     await act(async () => {
       await template.props.triggerAction();
     });
-    expect(mockDoAction).toHaveBeenCalledWith(action_off_data);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_off_data,
+      null,
+      'Sensor name turn on / off off'
+    );
     expect(watchMultiConfigs).toBeCalledTimes(2);
   });
 

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

@@ -23,6 +23,9 @@ describe('Test OneBigButtonTemplate', () => {
       text: 'UP',
     },
   };
+  const sensor = {
+    name: 'Sensor name',
+  };
   let wrapper;
 
   test('render OneBigButtonTemplate', () => {
@@ -32,6 +35,7 @@ describe('Test OneBigButtonTemplate', () => {
         <OneBigButtonTemplate
           actionGroup={actionGroup}
           doAction={mockDoAction}
+          sensor={sensor}
         />
       );
     });
@@ -45,6 +49,10 @@ describe('Test OneBigButtonTemplate', () => {
     });
 
     expect(mockDoAction).toHaveBeenCalledTimes(1);
-    expect(mockDoAction).toHaveBeenCalledWith(action_data);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      null,
+      'Sensor name up'
+    );
   });
 });

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

@@ -10,16 +10,12 @@ import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (
-  actionGroup,
-  mockDoAction,
-  is_managed_by_backend = false
-) => (
+const wrapComponent = (actionGroup, mockDoAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <OptionsDropdownActionTemplate
       actionGroup={actionGroup}
       doAction={mockDoAction}
-      sensor={{ is_managed_by_backend }}
+      sensor={sensor}
     />
   </SCProvider>
 );
@@ -43,6 +39,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
   };
 
   let actionGroup;
+  let sensor;
   let wrapper;
 
   beforeEach(() => {
@@ -68,12 +65,17 @@ describe('Test OptionsDropdownActionTemplate', () => {
         icon: 'slack',
       },
     };
+    sensor = {
+      name: 'Sensor name',
+      is_managed_by_backend: false,
+    };
   });
 
   test('render template', async () => {
     const mockDoAction = jest.fn();
+    sensor.is_managed_by_backend = true;
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -88,9 +90,10 @@ describe('Test OptionsDropdownActionTemplate', () => {
 
   test('render template without selectedOption match, get first one', async () => {
     actionGroup.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, true));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -102,7 +105,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
   const assertUpdateSelectedOption = async (is_managed_by_backend) => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -147,7 +150,11 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, 1);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      1,
+      'Sensor name fan speed 1'
+    );
     is_managed_by_backend
       ? expect(watchMultiConfigs).not.toBeCalled()
       : expect(watchMultiConfigs).not.toBeCalled();
@@ -167,7 +174,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     actionGroup.configuration.options[0].value_text = 'level-1';
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
 
@@ -212,17 +219,22 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeFalsy();
 
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, 'level-1'); // doAction with text instead of int
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      'level-1',
+      'Sensor name fan speed level-1'
+    ); // doAction with text instead of int
 
     expect(texts[1].props.children).toEqual('Level2');
   });
 
   test('render template without read config', async () => {
     delete actionGroup.configuration.config;
+    sensor.is_managed_by_backend = true;
 
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
     const textDisplaySelected = instance.find(

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

@@ -75,6 +75,9 @@ describe('Test ActionGroup', () => {
     id: 20,
     key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
   };
+  const sensor = {
+    name: 'Sensor name',
+  };
   let actionGroupData;
   let wrapper;
 
@@ -154,7 +157,9 @@ describe('Test ActionGroup', () => {
     const actionGroup = actionGroupData;
     const mockDoAction = jest.fn();
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const buttons = instance.findAllByType(TouchableOpacity);
@@ -170,21 +175,27 @@ describe('Test ActionGroup', () => {
     });
     expect(mockDoAction).toHaveBeenCalledTimes(1);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action1_data
+      actionGroup.configuration.action1_data,
+      null,
+      'Sensor name up'
     );
     act(() => {
       buttons[1].props.onPress();
     });
     expect(mockDoAction).toHaveBeenCalledTimes(2);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action2_data
+      actionGroup.configuration.action2_data,
+      null,
+      'Sensor name stop'
     );
     act(() => {
       buttons[2].props.onPress();
     });
     expect(mockDoAction).toHaveBeenCalledTimes(3);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action3_data
+      actionGroup.configuration.action3_data,
+      null,
+      'Sensor name down'
     );
   });
 
@@ -220,7 +231,9 @@ describe('Test ActionGroup', () => {
     };
     const mockDoAction = jest.fn();
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const buttons = instance.findAllByType(TouchableOpacity);
@@ -236,21 +249,27 @@ describe('Test ActionGroup', () => {
     });
     expect(mockDoAction).toHaveBeenCalledTimes(1);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action1_data
+      actionGroup.configuration.action1_data,
+      null,
+      'Sensor name up'
     );
     act(() => {
       buttons[1].props.onPress();
     });
     expect(mockDoAction).toHaveBeenCalledTimes(2);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action2_data
+      actionGroup.configuration.action2_data,
+      null,
+      'Sensor name stop'
     );
     act(() => {
       buttons[2].props.onPress();
     });
     expect(mockDoAction).toHaveBeenCalledTimes(3);
     expect(mockDoAction).toHaveBeenCalledWith(
-      actionGroup.configuration.action3_data
+      actionGroup.configuration.action3_data,
+      null,
+      'Sensor name down'
     );
   });
 
@@ -279,7 +298,9 @@ describe('Test ActionGroup', () => {
       },
     };
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const buttons = instance.findAllByType(TouchableOpacity);
@@ -288,7 +309,11 @@ describe('Test ActionGroup', () => {
       buttons[0].props.onPress();
     });
     expect(mockDoAction).toHaveBeenCalledTimes(1);
-    expect(mockDoAction).toHaveBeenCalledWith(action_data);
+    expect(mockDoAction).toHaveBeenCalledWith(
+      action_data,
+      null,
+      'Sensor name up'
+    );
   });
 
   test('render ActionGroup on_off_button_action_template', async () => {
@@ -303,9 +328,12 @@ describe('Test ActionGroup', () => {
         icon_off: 'caret-up',
         text_off: 'OFF',
       },
+      title: 'Power',
     };
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const buttons = instance.findAllByType(TouchableOpacity);
@@ -329,7 +357,9 @@ describe('Test ActionGroup', () => {
       },
     };
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const text = instance.findAllByType(Text);
@@ -366,7 +396,9 @@ describe('Test ActionGroup', () => {
       },
     };
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
     const texts = instance.findAllByType(Text);
@@ -413,7 +445,9 @@ describe('Test ActionGroup', () => {
     };
     const mockDoAction = jest.fn();
     await act(() => {
-      wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction, {}));
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
     });
     const instance = wrapper.root;
 

package/src/commons/ActionGroup/index.js

@@ -10,6 +10,7 @@ import OnOffTemplate from './OnOffTemplate';
 import TimerActionTemplate from './TimerActionTemplate';
 import CurtainButtonTemplate from './CurtainButtonTemplate';
 import SmartTiviActionTemplate from './SmartTiviActionTemplate/SmartTiviActionTemplate';
+import LightActionTemplate from './LightActionTemplate';
 
 export const getActionComponent = (template) => {
   switch (template) {
@@ -35,6 +36,8 @@ export const getActionComponent = (template) => {
       return CurtainButtonTemplate;
     case 'SmartTiviActionTemplate':
       return SmartTiviActionTemplate;
+    case 'light_action_template':
+      return LightActionTemplate;
     default:
       return null;
   }

package/src/commons/Automate/ItemAutomate.js

@@ -38,7 +38,7 @@ const ItemAutomate = ({
         <View style={styles.wrapIcon}>
           <Icon />
         </View>
-        <View>
+        <View style={styles.wrapTitle}>
           <Text type="H4" bold>
             {t(item?.title)}
           </Text>

package/src/commons/Automate/ItemAutomateStyles.js

@@ -28,6 +28,10 @@ export default StyleSheet.create({
   },
   wrapIcon: {
     justifyContent: 'center',
-    marginRight: 16,
+    flexDirection: 'row',
+    width: 50,
+  },
+  wrapTitle: {
+    marginLeft: 10,
   },
 });

package/src/commons/CardShadow/index.js

@@ -3,10 +3,13 @@ import { View } from 'react-native';
 import Text from '../../commons/Text';
 import styles from './styles';
 
-const Card = memo(({ title, children, style }) => {
+const Card = memo(({ title, children, style, rightHeaderComponent }) => {
   return (
     <View style={[styles.card, style]}>
-      {title && <Text style={styles.headerTitle}>{title}</Text>}
+      <View style={styles.headerTitle}>
+        {!!title && <Text style={styles.headerLeft}>{title}</Text>}
+        {!!rightHeaderComponent && rightHeaderComponent}
+      </View>
       {children}
     </View>
   );

package/src/commons/CardShadow/styles.js

@@ -17,9 +17,8 @@ export default StyleSheet.create({
     shadowRadius: 3,
     elevation: 6,
   },
-  headerTitle: {
-    display: 'flex',
-    alignItems: 'flex-end',
+  headerTitle: { justifyContent: 'space-between', flexDirection: 'row' },
+  headerLeft: {
     color: Colors.Gray8,
     fontSize: 16,
     lineHeight: 24,

package/src/commons/ConnectingProcess/DeviceItem/DeviceItem.js

@@ -0,0 +1,16 @@
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import styles from './DeviceItemStyles';
+import FImage from '../../FImage';
+import Text from '../../Text';
+
+const DeviceItem = memo(({ icon, name }) => {
+  return (
+    <View style={styles.container}>
+      {!!icon && <FImage source={{ uri: icon }} style={styles.iconSensor} />}
+      <Text style={styles.textItem}>{name}</Text>
+    </View>
+  );
+});
+
+export default DeviceItem;

package/src/commons/ConnectingProcess/DeviceItem/DeviceItemStyles.js

@@ -0,0 +1,42 @@
+import { StyleSheet } from 'react-native';
+import { Constants, Colors } from '../../../configs';
+
+const marginItem = 12;
+const marginHorizontal = 5;
+const widthItem = (Constants.width - marginHorizontal * 2 - marginItem) / 2;
+const heightItem = (widthItem / 166) * 60;
+
+export default StyleSheet.create({
+  container: {
+    paddingHorizontal: 15,
+    borderRadius: 10,
+    width: 250,
+    height: heightItem,
+    borderWidth: 1,
+    borderColor: Colors.Gray4,
+    backgroundColor: Colors.White,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 16,
+    flexDirection: 'row',
+    shadowColor: Colors.Shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 6,
+    paddingLeft: 30,
+    paddingRight: 30,
+  },
+  iconSensor: {
+    width: 32,
+    height: 32,
+    resizeMode: 'contain',
+  },
+  textItem: {
+    marginLeft: 15,
+    fontSize: 16,
+  },
+});

package/src/commons/ConnectingProcess/__test__/Connecting.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import ConnectingProcess from '../index';
+import { SafeAreaView } from 'react-native';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ConnectingProcess route={route} />
+  </SCProvider>
+);
+describe('Test ConnectingProcess', () => {
+  let tree;
+  test('create ConnectingProcess', () => {
+    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
+    const gateway = { id: 1, name: 'gateway' };
+    const station = { id: 1, icon_kit: 'a', name: 'station' };
+    const route = { params: { scan_sensor_data, gateway, station } };
+    act(() => {
+      tree = renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const safeAreaView = instance.findAllByType(SafeAreaView);
+    expect(safeAreaView).toHaveLength(1);
+  });
+});

package/src/commons/ConnectingProcess/__test__/DeviceItem.test.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import DeviceItem from '../DeviceItem/DeviceItem';
+import FImage from '../../FImage';
+import Text from '../../Text';
+describe('Test DeviceItem button', () => {
+  let tree;
+  test('create DeviceItem button', () => {
+    act(() => {
+      tree = renderer.create(<DeviceItem />);
+    });
+    const instance = tree.root;
+    const image = instance.findAllByType(FImage);
+    const text = instance.findAllByType(Text);
+    expect(image).toHaveLength(0);
+    expect(text).toHaveLength(1);
+  });
+});