@eohjsc/react-native-smart-city 0.3.31 → 0.3.34

package/src/screens/AddNewGateway/PlugAndPlay/__test__/GatewayWifiList.test.js

@@ -1,130 +0,0 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-import GatewayWifiList from '../GatewayWifiList';
-import { Text, ScrollView, TouchableOpacity, Platform } from 'react-native';
-import { getTranslate } from '../../../../utils/I18n';
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import TextInputPassword from '../../../../commons/Form/TextInputPassword';
-import { TESTID } from '../../../../configs/Constants';
-import WifiManager from 'react-native-wifi-reborn';
-import { useNavigation } from '@react-navigation/native';
-import Routes from '../../../../utils/Route';
-
-const wrapComponent = (route, state = {}) => (
-  <SCProvider initState={{ ...mockSCStore({}), ...state }}>
-    <GatewayWifiList route={route} />
-  </SCProvider>
-);
-
-describe('Test GatewayWifiList', () => {
-  let tree;
-  const socket = {
-    on: jest.fn(),
-    send: jest.fn(),
-  };
-  let route = {
-    params: {
-      list_wifi: [{ ssid: 'eoh@io' }, { ssid: 'eoh@ras.io' }],
-      socket: socket,
-    },
-  };
-
-  test('create', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(10);
-    expect(texts[1].props.children).toEqual(getTranslate('en', 'set_network'));
-    expect(texts[3].props.children).toEqual('eoh@io');
-  });
-
-  test('onPress wifi', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const scrollView = instance.findAllByType(ScrollView);
-    expect(scrollView).toHaveLength(1);
-    const touchableOpacity = instance.findAllByType(TouchableOpacity);
-    expect(touchableOpacity).toHaveLength(6);
-    await act(async () => {
-      await touchableOpacity[1].props.onPress();
-    });
-  });
-
-  test('onChange TextInputPassword', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const textInputPassword = instance.findAllByType(TextInputPassword);
-    expect(textInputPassword).toHaveLength(1);
-    await act(async () => {
-      await textInputPassword[0].props.onChange();
-    });
-
-    const ButtonPopup = instance.find(
-      (el) => el.props.testID === TESTID.GATEWAY_WIFI_LIST.BUTTON_POPUP
-    );
-    await act(async () => {
-      await ButtonPopup.props.onPressMain();
-    });
-    await act(async () => {
-      await ButtonPopup.props.onPressSecondary();
-    });
-    await act(async () => {
-      await ButtonPopup.props.onClose();
-    });
-    expect(ButtonPopup).toBeDefined();
-  });
-
-  test('on device is connected to wifi and mobile re-connect to internet', async () => {
-    jest.useFakeTimers();
-    Platform.OS = 'android';
-
-    await act(async () => {
-      tree = await create(wrapComponent(route, {}));
-    });
-
-    const instance = tree.root;
-    const ButtonPopup = instance.find(
-      (el) => el.props.testID === TESTID.GATEWAY_WIFI_LIST.BUTTON_POPUP
-    );
-    await act(async () => {
-      await ButtonPopup.props.onPressMain();
-    });
-    expect(socket.on).toBeCalled();
-    expect(socket.on.mock.calls[0][0]).toEqual('message');
-    jest.runOnlyPendingTimers();
-    expect(socket.send).toBeCalled();
-
-    const mockWifiThen = jest.fn();
-    WifiManager.getCurrentWifiSSID.mockImplementation(() => ({
-      then: mockWifiThen,
-    }));
-
-    // receive message
-    await act(async () => {
-      await socket.on.mock.calls[0][1](
-        JSON.stringify({
-          gateway: true,
-        })
-      );
-    });
-    jest.runOnlyPendingTimers();
-
-    expect(WifiManager.getCurrentWifiSSID).toBeCalled();
-    expect(mockWifiThen).toBeCalled();
-
-    // get ssid success
-    act(() => {
-      mockWifiThen.mock.calls[0][0]('new-ssid');
-    });
-    const { navigate } = useNavigation();
-    expect(navigate).toBeCalled();
-    expect(navigate.mock.calls[0][0]).toEqual(Routes.AddDeviceStack);
-  });
-});

package/src/screens/AddNewGateway/SelectGateway.js

@@ -1,133 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useIsFocused, useNavigation } from '@react-navigation/native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import { SafeAreaView, ScrollView, TouchableOpacity, View } from 'react-native';
-
-import { API } from '../../configs';
-import { Section, RadioCircle, ViewButtonBottom } from '../../commons';
-import { axiosGet } from '../../utils/Apis/axios';
-import Text from '../../commons/Text';
-import Routes from '../../utils/Route';
-import { TESTID } from '../../configs/Constants';
-import styles from './SelectGatewayStyles';
-
-const AddNewGatewaySelectGateway = ({ route }) => {
-  const t = useTranslations();
-  const navigation = useNavigation();
-  const isFocused = useIsFocused();
-  const { addType, unit_id, scan_sensor_data, devicePrefixName } = route.params;
-  const [selectedIndex, setSelectedIndex] = useState(-1);
-
-  const [gateways, setGateways] = useState([]);
-  const [title, setTitle] = useState('');
-  const [subTitle, setSubTitle] = useState('');
-  const [gateway, setGateway] = useState({});
-
-  useEffect(() => {
-    switch (addType) {
-      case 'AddDeviceNewFlow':
-        setTitle(t('text_select_a_gateway'));
-        setSubTitle(t('text_select_a_gateway'));
-        break;
-      default:
-        setTitle(t('text_select_a_gateway'));
-        setSubTitle(t('text_select_a_gateway'));
-        break;
-    }
-  }, [title, subTitle, addType, t]);
-
-  const fetchDetails = useCallback(async () => {
-    const { success, data } = await axiosGet(
-      API.CHIP.GET_CHIPS_FROM_UNIT(unit_id)
-    );
-    if (success) {
-      setGateways(data);
-    }
-  }, [unit_id]);
-
-  useEffect(() => {
-    isFocused && fetchDetails();
-  }, [fetchDetails, isFocused]);
-
-  const onPressNext = useCallback(() => {
-    switch (addType) {
-      case 'AddDeviceNewFlow':
-        navigation.navigate(Routes.AddCommonSelectSubUnit, {
-          unit_id: unit_id,
-          addType: 'AddDeviceNewFlow',
-          scan_sensor_data,
-          gateway,
-          devicePrefixName,
-        });
-        break;
-      default:
-        break;
-    }
-  }, [
-    addType,
-    devicePrefixName,
-    gateway,
-    navigation,
-    scan_sensor_data,
-    unit_id,
-  ]);
-
-  const handleSelectIndex = (index) => {
-    setGateway(gateways[index]);
-    if (index !== selectedIndex) {
-      setSelectedIndex(index);
-    } else {
-      setSelectedIndex(-1);
-    }
-  };
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <Text semibold style={styles.title}>
-        {title}
-      </Text>
-      <Text style={styles.subtitle}>{subTitle}</Text>
-      <View style={styles.contentContainer}>
-        <ScrollView
-          style={styles.scrollContainer}
-          showsVerticalScrollIndicator={false}
-          scrollIndicatorInsets={{ right: 1 }}
-        >
-          <Section type={'border'}>
-            {gateways.map((item, index) => (
-              <TouchableOpacity
-                key={index}
-                style={styles.rowContainer}
-                onPress={() => handleSelectIndex(index)}
-              >
-                <RadioCircle
-                  active={selectedIndex === index}
-                  testID={TESTID.SELECT_GATEWAY_RADIO_BUTTON}
-                />
-                <TouchableOpacity
-                  style={styles.row}
-                  onPress={() => handleSelectIndex(index)}
-                  testID={TESTID.SELECT_GATEWAY_NAME}
-                >
-                  <Text style={styles.text} testID={TESTID.SELECT_GATEWAY_NAME}>
-                    {item.name}
-                  </Text>
-                </TouchableOpacity>
-              </TouchableOpacity>
-            ))}
-          </Section>
-        </ScrollView>
-        <ViewButtonBottom
-          leftTitle={t('cancel')}
-          onLeftClick={() => navigation.goBack()}
-          rightTitle={t('next')}
-          rightDisabled={selectedIndex === -1}
-          onRightClick={onPressNext}
-          testIDPrefix={TESTID.PREFIX.SELECT_UNIT}
-        />
-      </View>
-    </SafeAreaView>
-  );
-};
-
-export default AddNewGatewaySelectGateway;

package/src/screens/AddNewGateway/SetupGatewayWifi.js

@@ -1,207 +0,0 @@
-import React, { memo, useCallback, useEffect, useState } from 'react';
-import { ScrollView, SafeAreaView, PermissionsAndroid } from 'react-native';
-import { useIsFocused, useNavigation } from '@react-navigation/native';
-import wifi from 'react-native-android-wifi';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-
-import { Colors } from '../../configs';
-import { AlertAction, Section, ViewButtonBottom } from '../../commons';
-import {
-  BLE_INIT_NAME,
-  BLE_NOTIFY_WIFI_OK,
-  TESTID,
-} from '../../configs/Constants';
-import base64 from 'react-native-base64';
-import Text from '../../commons/Text';
-import Routes from '../../utils/Route';
-import _TextInput from '../../commons/Form/TextInput';
-import DisplayChecking from '../../commons/DisplayChecking';
-import _TextInputPassword from '../../commons/Form/TextInputPassword';
-import {
-  getDeviceByName,
-  readCharacteristic,
-  scanBluetoothDevices,
-  sendDataOverBluetooth,
-  subcribeCharacteristicNotify,
-} from '../../iot/RemoteControl/Bluetooth';
-import styles from './SetupGatewayWifiStyles';
-
-const SetupGatewayWifi = memo(({ route }) => {
-  const t = useTranslations();
-  const { unit_id } = route.params;
-  const isFocused = useIsFocused();
-  const { navigate, goBack } = useNavigation();
-  const [wifiName, setWifiName] = useState('');
-  const [wifiPass, setWifiPass] = useState('');
-  const [displayLoadingConnect, setDisplayLoadingConnect] = useState(false);
-  const [displayConnectFail, setDisplayConnectFail] = useState(false);
-  const [timeoutSubcribtion, setTimeoutSubcribtion] = useState(null);
-
-  useEffect(() => {
-    const wifiPermission = async () => {
-      try {
-        const granted = await PermissionsAndroid.request(
-          PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
-          {
-            title: t('wifi_networks'),
-            message: t('wifi_permission'),
-          }
-        );
-        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
-          wifi.getSSID((ssid) => {
-            setWifiName(ssid);
-          });
-        }
-        // eslint-disable-next-line no-empty
-      } catch (err) {}
-    };
-    wifiPermission();
-  }, [t]);
-
-  useEffect(() => {
-    if (isFocused) {
-      scanBluetoothDevices([BLE_INIT_NAME]);
-    }
-    return () => {
-      clearTimeout(timeoutSubcribtion);
-    };
-  }, [isFocused, timeoutSubcribtion]);
-
-  const onRight = useCallback(async () => {
-    // get device and send wifi + pass
-    const device = getDeviceByName(BLE_INIT_NAME);
-    await sendDataOverBluetooth(
-      device,
-      {
-        type: 'init',
-        ssid: wifiName,
-        password: wifiPass,
-      },
-      true
-    );
-
-    // subcribe + handle if right notify
-    const subcription = await subcribeCharacteristicNotify(
-      device,
-      async (error, characteristicNotify) => {
-        if (error) {
-          throw error;
-        }
-
-        const notify = base64.decode(characteristicNotify.value);
-        if (notify === BLE_NOTIFY_WIFI_OK) {
-          const characteristicRead = await readCharacteristic(device);
-
-          const readJsonData = base64.decode(characteristicRead.value);
-          const readData = JSON.parse(readJsonData);
-
-          subcription.remove();
-          await device.cancelConnection();
-          setDisplayLoadingConnect(false);
-
-          navigate(Routes.AddNewGateway, {
-            unit_id,
-            wifiName,
-            wifiPass,
-            imei: readData.imei,
-          });
-        }
-      }
-    );
-
-    setDisplayLoadingConnect(true);
-
-    const timeoutId = setTimeout(async () => {
-      setDisplayLoadingConnect(false);
-      setDisplayConnectFail(true);
-      subcription.remove();
-      await device.cancelConnection();
-    }, 7000);
-    setTimeoutSubcribtion(timeoutId);
-  }, [navigate, unit_id, wifiName, wifiPass]);
-
-  const onChangeWifiName = useCallback((text) => {
-    setWifiName(text);
-  }, []);
-
-  const onChangeWifiPass = useCallback((text) => {
-    setWifiPass(text);
-  }, []);
-
-  const onHideDisplayConnectFail = useCallback(() => {
-    setDisplayConnectFail(false);
-  }, []);
-
-  const onHideDisplayLoading = useCallback(() => {
-    setDisplayLoadingConnect(false);
-  }, []);
-
-  return (
-    <SafeAreaView style={styles.wrap}>
-      <Text semibold size={20} color={Colors.Black} style={styles.txtHeader}>
-        {t('add_new_gateway')}
-      </Text>
-      <Text size={14} color={Colors.Gray8} style={styles.txtNote}>
-        {t('please_select_a_wifi_network')}
-      </Text>
-
-      <ScrollView
-        style={styles.scrollContainer}
-        showsVerticalScrollIndicator={false}
-        scrollIndicatorInsets={{ right: 1 }}
-      >
-        <Section type={'border'}>
-          <Text style={styles.textWifi} bold color={Colors.Primary}>
-            {t('wifi_name')}
-          </Text>
-          <_TextInput
-            placeholder={t('wifi')}
-            wrapStyle={styles.noMarginTop}
-            onChange={onChangeWifiName}
-            textInputStyle={styles.wifiInput}
-            selectionColor={Colors.Primary}
-            value={wifiName}
-          />
-          <Text style={styles.textWifi} bold color={Colors.Primary}>
-            {t('password')}
-          </Text>
-          <_TextInputPassword
-            secureTextEntry
-            placeholder={t('password')}
-            wrapStyle={styles.noMarginTop}
-            onChange={onChangeWifiPass}
-            value={wifiPass}
-            textInputStyle={styles.wifiInput}
-            selectionColor={Colors.Primary}
-          />
-        </Section>
-      </ScrollView>
-
-      <DisplayChecking
-        isOpacityLayout={false} // conflict with AlertAction Modal
-        visible={displayLoadingConnect}
-        onClose={onHideDisplayLoading}
-        message={t('push_and_wait_chip_response')}
-      />
-
-      <AlertAction
-        testID={TESTID.SET_UP_GATEWAY_WIFI.BUTTON_ALERT}
-        visible={displayConnectFail} // TODO display True based on bluetooth response with imei
-        hideModal={onHideDisplayConnectFail}
-        title={wifiName ? `"${wifiName}"` : ''}
-        message={t('could_not_connect_to_network')}
-        leftButtonTitle={t('ok')}
-        leftButtonClick={onHideDisplayConnectFail}
-      />
-
-      <ViewButtonBottom
-        leftTitle={t('cancel')}
-        onLeftClick={goBack}
-        rightTitle={t('text_next')}
-        onRightClick={onRight}
-      />
-    </SafeAreaView>
-  );
-});
-
-export default SetupGatewayWifi;

package/src/screens/AddNewGateway/__test__/ConnectedGateway.test.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-
-import { TESTID } from '../../../configs/Constants';
-import ConnectedGateway from '../ConnectedGateway';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import { getTranslate } from '../../../utils/I18n';
-
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
-
-const wrapComponent = (route) => (
-  <SCProvider initState={mockSCStore({})}>
-    <ConnectedGateway route={route} />
-  </SCProvider>
-);
-
-describe('Test ConnectedGateway', () => {
-  let tree;
-  let route;
-
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
-
-  beforeEach(() => {
-    route = {
-      params: {
-        new_chip: {
-          id: 1,
-          name: 'Chip name',
-          imei: 'ABC123',
-        },
-        station_id: 2,
-        unit_id: 1,
-        unit_name: 'Unit name',
-      },
-    };
-  });
-
-  const getText = (instance, id) => {
-    return instance.find((el) => el.props.testID === id);
-  };
-
-  test('create', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-
-    const textSuccess = getText(instance, TESTID.CONNECTED_GATEWAY_SUCCESS);
-    const textUnitName = getText(instance, TESTID.CONNECTED_GATEWAY_UNIT_NAME);
-    const textChipName = getText(instance, TESTID.CONNECTED_GATEWAY_CHIP_NAME);
-    const textDone = getText(instance, TESTID.CONNECTED_GATEWAY_DONE);
-
-    expect(textSuccess.props.children).toEqual(
-      getTranslate('en', 'successfully_connected')
-    );
-    expect(textUnitName.props.children).toEqual('Unit name');
-    expect(textChipName.props.children).toEqual('Chip name - ABC123');
-    expect(textDone.props.children).toEqual(getTranslate('en', 'done'));
-  });
-});

package/src/screens/AddNewGateway/__test__/ConnectingGateway.test.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
-import ConnectingGateway from '../ConnectingGateway';
-import Text from '../../../commons/Text';
-import API from '../../../configs/API';
-import Routes from '../../../utils/Route';
-import { getTranslate } from '../../../utils/I18n';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
-
-const wrapComponent = (route) => (
-  <SCProvider initState={mockSCStore({})}>
-    <ConnectingGateway route={route} />
-  </SCProvider>
-);
-
-describe('Test ConnectingGateway', () => {
-  let tree;
-  let route;
-
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
-
-  beforeEach(() => {
-    route = {
-      params: {
-        new_chip: {
-          id: 1,
-        },
-      },
-    };
-  });
-
-  test('create', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(8);
-    expect(texts[0].props.children).toEqual(
-      getTranslate('en', 'connecting_your_gateway')
-    );
-    expect(texts[1].props.children).toEqual(
-      getTranslate('en', 'dont_turn_off_the_device_or_close_this_app')
-    );
-  });
-
-  test('call setInterval api success', async () => {
-    jest.useFakeTimers();
-    mock.onGet(API.CHIP.CHECK_FINALIZED()).reply(200, {});
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    await act(async () => {
-      await jest.runOnlyPendingTimers();
-    });
-    expect(setInterval).toHaveBeenCalled();
-    expect(mockedNavigate).not.toHaveBeenCalledWith(
-      Routes.ConnectedGateway,
-      route.params
-    );
-  });
-
-  test('call setInterval api fail', async () => {
-    jest.useFakeTimers();
-    mock.onGet(API.CHIP.CHECK_FINALIZED()).reply(400);
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-    await act(async () => {
-      await jest.runOnlyPendingTimers();
-    });
-    expect(setInterval).toHaveBeenCalled();
-    expect(mockedNavigate).not.toHaveBeenCalledWith(
-      Routes.ConnectedGateway,
-      route.params
-    );
-  });
-});