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

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;

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

@@ -461,139 +461,4 @@ describe('Test ActionGroup', () => {
       moment('2021-09-09T10:00:00.000Z').valueOf()
     );
   });
-
-  test('render OnOffSmartLock', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'OnOffSmartLockActionTemplate',
-      title: 'Timer',
-      configuration: {
-        action_off_data: jest.fn(),
-        action_on_data: jest.fn(),
-      },
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
-  });
-
-  test('render OptionsDropdownActionTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'OptionsDropdownActionTemplate',
-      title: 'Timer',
-      configuration: {
-        action_data: jest.fn(),
-        options: [],
-        icon_kit_data: 'icon_kit_data',
-        icon: '',
-        icon_outlined: 'icon_outlined',
-      },
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
-  });
-
-  test('render CurtainButtonTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'curtain_action_template',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
-  });
-
-  test('render SmartTiviActionTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'SmartTiviActionTemplate',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
-  });
-
-  test('render ColorPickerTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'color_picker_template',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
-  });
-
-  test('render SliderRangeTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'slider_range_template',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
-  });
-
-  test('render TwoButtonTemplate', async () => {
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'two_button_action_template',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(() => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
-  });
 });

package/src/commons/Auth/AccountList.js

@@ -5,7 +5,7 @@ import AccountItem from './AccountItem';
 
 const AccountList = ({ accounts }) => {
   return (
-    <ScrollView scrollIndicatorInsets={{ right: 1 }}>
+    <ScrollView>
       {accounts.map((account) => (
         <AccountItem key={account.id || account.name} account={account} />
       ))}

package/src/commons/Automate/ItemAutomate.js

@@ -35,7 +35,9 @@ const ItemAutomate = ({
       style={[styles.wrap, isSelected && styles.active]}
     >
       <View style={styles.row}>
-        <View style={styles.wrapIcon}>{!!Icon && <Icon />}</View>
+        <View style={styles.wrapIcon}>
+          <Icon />
+        </View>
         <View style={styles.wrapTitle}>
           <Text type="H4" bold>
             {t(item?.title)}

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

@@ -5,19 +5,13 @@ import Text from '../../Text';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (route, isLoading, isConnect, isPercentConnect) => (
+const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
-    <Connecting
-      route={route}
-      isLoading={isLoading}
-      isConnect={isConnect}
-      isPercentConnect={isPercentConnect}
-    />
+    <Connecting route={route} />
   </SCProvider>
 );
 describe('Test Connecting', () => {
   let tree;
-
   test('create Connecting', () => {
     act(() => {
       tree = renderer.create(wrapComponent());
@@ -26,15 +20,4 @@ describe('Test Connecting', () => {
     const text = instance.findAllByType(Text);
     expect(text).toHaveLength(4);
   });
-
-  test('isLoading = true', () => {
-    jest.useFakeTimers();
-    act(() => {
-      tree = renderer.create(wrapComponent({}, true));
-    });
-    jest.runAllTimers();
-    const instance = tree.root;
-    const text = instance.findAllByType(Text);
-    expect(text).toHaveLength(4);
-  });
 });

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

@@ -2,17 +2,13 @@ import React, { memo } from 'react';
 import { View } from 'react-native';
 import styles from './DeviceItemStyles';
 import FImage from '../../FImage';
-import _TextInput from '../../Form/TextInput';
+import Text from '../../Text';
 
-const DeviceItem = memo(({ icon, name, setNewName }) => {
+const DeviceItem = memo(({ icon, name }) => {
   return (
     <View style={styles.container}>
       {!!icon && <FImage source={{ uri: icon }} style={styles.iconSensor} />}
-      <_TextInput
-        value={name}
-        textInputStyle={styles.textItem}
-        onChange={setNewName}
-      />
+      <Text style={styles.textItem}>{name}</Text>
     </View>
   );
 });

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

@@ -1,14 +1,23 @@
 import { StyleSheet } from 'react-native';
-import { Colors } from '../../../configs';
+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: {
@@ -27,13 +36,7 @@ export default StyleSheet.create({
     resizeMode: 'contain',
   },
   textItem: {
-    borderWidth: 0,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Primary,
-    textAlign: 'center',
-    marginTop: -10,
-    padding: 5,
+    marginLeft: 15,
     fontSize: 16,
-    height: 50,
   },
 });

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

@@ -1,35 +1,18 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
 import ConnectingProcess from '../index';
 import { SafeAreaView } from 'react-native';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ConnectingProcess route={route} />
   </SCProvider>
 );
-
-const mock = new MockAdapter(api.axiosInstance);
-
 describe('Test ConnectingProcess', () => {
   let tree;
-
-  test('render without params', () => {
-    act(() => {
-      tree = renderer.create(wrapComponent({}));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = SENSOR call api success', async () => {
+  test('create ConnectingProcess', () => {
     const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
     const devicePrefixName = 'SENSOR';
     const gateway = { id: 1, name: 'gateway' };
@@ -37,124 +20,8 @@ describe('Test ConnectingProcess', () => {
     const route = {
       params: { scan_sensor_data, gateway, station, devicePrefixName },
     };
-    mock.onPost(API.SUB_UNIT.SENSOR_SCAN(1)).reply(200);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = SENSOR call api fail', async () => {
-    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
-    const devicePrefixName = 'SENSOR';
-    const gateway = { id: 1, name: 'gateway' };
-    const station = { id: 1, icon_kit: 'a', name: 'station' };
-    const route = {
-      params: { scan_sensor_data, gateway, station, devicePrefixName },
-    };
-    mock.onPost(API.SUB_UNIT.SENSOR_SCAN(1)).reply(400);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = ROBOT call api success', async () => {
-    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
-    const devicePrefixName = 'ROBOT';
-    const gateway = { id: 1, name: 'gateway' };
-    const station = { id: 1, icon_kit: 'a', name: 'station' };
-    const route = {
-      params: {
-        scan_sensor_data,
-        gateway,
-        station,
-        devicePrefixName,
-        unit_id: 1,
-        unit: {
-          id: 1,
-        },
-      },
-    };
-    mock.onPost(API.UNIT.CHIP_SCAN(1)).reply(200);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = ROBOT call api fail', async () => {
-    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
-    const devicePrefixName = 'ROBOT';
-    const gateway = { id: 1, name: 'gateway' };
-    const station = { id: 1, icon_kit: 'a', name: 'station' };
-    const route = {
-      params: {
-        scan_sensor_data,
-        gateway,
-        station,
-        devicePrefixName,
-        unit_id: 1,
-        unit: {
-          id: 1,
-        },
-      },
-    };
-    mock.onPost(API.UNIT.CHIP_SCAN(1)).reply(400);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = LITE call api success', async () => {
-    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
-    const devicePrefixName = 'LITE';
-    const gateway = { id: 1, name: 'gateway' };
-    const station = { id: 1, icon_kit: 'a', name: 'station' };
-    const route = {
-      params: {
-        scan_sensor_data,
-        gateway,
-        station,
-        devicePrefixName,
-        unit_id: 1,
-      },
-    };
-    mock.onPost(API.UNIT.ADD_GATEWAY(1)).reply(200);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const safeAreaView = instance.findAllByType(SafeAreaView);
-    expect(safeAreaView).toHaveLength(1);
-  });
-
-  test('create ConnectingProcess with devicePrefixName = LITE call api fail', async () => {
-    const scan_sensor_data = { imei: 'SENSOR-afasdfas' };
-    const devicePrefixName = 'LITE';
-    const gateway = { id: 1, name: 'gateway' };
-    const station = { id: 1, icon_kit: 'a', name: 'station' };
-    const route = {
-      params: {
-        scan_sensor_data,
-        gateway,
-        station,
-        devicePrefixName,
-        unit_id: 1,
-      },
-    };
-    mock.onPost(API.UNIT.ADD_GATEWAY(1)).reply(400);
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(route));
+    act(() => {
+      tree = renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
     const safeAreaView = instance.findAllByType(SafeAreaView);

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

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