@eohjsc/react-native-smart-city 0.3.71 → 0.3.72

package/src/configs/IOPinConstants.js

@@ -0,0 +1,285 @@
+export const INTERNAL_DEVICE = {
+  ESP32: 'esp32',
+  STM32: 'stm32',
+  RASPBERRY_PI: 'raspberry_pi',
+};
+
+export const TYPE_BOARD = [
+  { value: INTERNAL_DEVICE.ESP32, text: 'ESP32' },
+  { value: INTERNAL_DEVICE.STM32, text: 'STM32' },
+  { value: INTERNAL_DEVICE.RASPBERRY_PI, text: 'Raspberry Pi' },
+];
+
+// DEFAULT
+
+export const TYPE_PIN_MODE = {
+  OUTPUT: 'output',
+  INPUT: 'input',
+};
+export const ARDUINO_PIN_CONFIG_TYPE = [
+  { key: 'boolean', value: 'Digital' },
+  { key: 'integer', value: 'Analog' },
+];
+
+export const READ_DIGITAL_PIN_MODE = [
+  { key: 'input', value: 'Input' },
+  { key: 'pull_up', value: 'Pullup' },
+  { key: 'pull_down', value: 'Pulldown' },
+];
+
+export const READ_ANALOG_PIN_MODE = [{ key: 'analog', value: 'Analog' }];
+
+export const WRITE_DIGITAL_PIN_MODE = [
+  { key: 'output', value: 'Output' },
+  { key: 'open_drain', value: 'Open drain' },
+];
+
+export const WRITE_ANALOG_PIN_MODE = [{ key: 'pwm', value: 'PWM' }];
+
+export const CONFIG_IS_WRITE_IS_READ_PIN_MODE = [
+  { key: 'output', value: 'Input' },
+];
+
+// ESP32
+
+export const ESP32_DIGITAL = [
+  { key: '0', value: 'GPIO 0' },
+  { key: '1', value: 'GPIO 1 - UART 0 TX' },
+  { key: '2', value: 'GPIO 2' },
+  { key: '3', value: 'GPIO 3 - UART 0 RX' },
+  { key: '4', value: 'GPIO 4' },
+  { key: '5', value: 'GPIO 5' },
+  { key: '12', value: 'GPIO 12' },
+  { key: '13', value: 'GPIO 13' },
+  { key: '14', value: 'GPIO 14' },
+  { key: '15', value: 'GPIO 15' },
+  { key: '16', value: 'GPIO 16 - UART 1 RX' },
+  { key: '17', value: 'GPIO 17 - UART 1 TX' },
+  { key: '18', value: 'GPIO 18' },
+  { key: '19', value: 'GPIO 19' },
+  { key: '21', value: 'GPIO 21' },
+  { key: '22', value: 'GPIO 22' },
+  { key: '23', value: 'GPIO 23' },
+  { key: '25', value: 'GPIO 25' },
+  { key: '26', value: 'GPIO 26' },
+  { key: '27', value: 'GPIO 27' },
+  { key: '32', value: 'GPIO 32 - ADC1 CH4' },
+  { key: '34', value: 'GPIO 34 - ADC1 CH6' },
+  { key: '35', value: 'GPIO 35 - ADC1 CH7' },
+  { key: '36', value: 'GPIO 36 - ADC1 CH0' },
+  { key: '39', value: 'GPIO 39 - ADC1 CH3' },
+];
+
+export const ESP32_ANALOG_READ = [
+  { key: '36', value: 'GPIO 36 - ADC1 CH0 - A0' },
+  { key: '37', value: 'GPIO 37 - ADC1 CH0 - A1' },
+  { key: '38', value: 'GPIO 38 - ADC1 CH0 - A2' },
+  { key: '39', value: 'GPIO 39 - ADC1 CH0 - A3' },
+  { key: '32', value: 'GPIO 32 - ADC1 CH0 - A4' },
+  { key: '33', value: 'GPIO 33 - ADC1 CH0 - A5' },
+  { key: '34', value: 'GPIO 34 - ADC1 CH0 - A6' },
+  { key: '35', value: 'GPIO 35 - ADC1 CH0 - A7' },
+];
+
+export const ESP32_ANALOG_WRITE = [
+  { key: '0', value: 'GPIO 0' },
+  { key: '1', value: 'GPIO 1 - UART 0 TX' },
+  { key: '2', value: 'GPIO 2' },
+  { key: '3', value: 'GPIO 3 - UART 0 RX' },
+  { key: '4', value: 'GPIO 4' },
+  { key: '5', value: 'GPIO 5' },
+  { key: '12', value: 'GPIO 12' },
+  { key: '13', value: 'GPIO 13' },
+  { key: '14', value: 'GPIO 14' },
+  { key: '15', value: 'GPIO 15' },
+  { key: '16', value: 'GPIO 16 - UART 2 RX' },
+  { key: '17', value: 'GPIO 17 - UART 2 TX' },
+  { key: '18', value: 'GPIO 18' },
+  { key: '19', value: 'GPIO 19' },
+  { key: '21', value: 'GPIO 21' },
+  { key: '22', value: 'GPIO 22' },
+  { key: '23', value: 'GPIO 23' },
+  { key: '25', value: 'GPIO 25' },
+  { key: '26', value: 'GPIO 26' },
+  { key: '27', value: 'GPIO 27' },
+];
+
+// RASPBERRY
+
+export const RASPBERRY_PI_DIGITAL = [
+  { key: '0', value: 'GPIO 0 - UART TXD' },
+  { key: '1', value: 'GPIO 1 - UART RXD' },
+  { key: '2', value: 'GPIO 2' },
+  { key: '3', value: 'GPIO 3' },
+  { key: '4', value: 'GPIO 4 - UART TXD' },
+  { key: '5', value: 'GPIO 5 - UART RXD' },
+  { key: '6', value: 'GPIO 6' },
+  { key: '7', value: 'GPIO 7' },
+  { key: '8', value: 'GPIO 8 - UART TXD' },
+  { key: '9', value: 'GPIO 9 - UART RXD' },
+  { key: '10', value: 'GPIO 10' },
+  { key: '11', value: 'GPIO 11' },
+  { key: '12', value: 'GPIO 12 - PWM 0 - UART TXD' },
+  { key: '13', value: 'GPIO 13 - PWM 1 - UART RXD' },
+  { key: '14', value: 'GPIO 14 - UART TXD' },
+  { key: '15', value: 'GPIO 15 - UART RXD' },
+  { key: '16', value: 'GPIO 16' },
+  { key: '17', value: 'GPIO 17' },
+  { key: '18', value: 'GPIO 18 - PWM 0' },
+  { key: '19', value: 'GPIO 19 - PWM 1' },
+  { key: '20', value: 'GPIO 20' },
+  { key: '21', value: 'GPIO 21' },
+  { key: '22', value: 'GPIO 22' },
+  { key: '23', value: 'GPIO 23' },
+  { key: '24', value: 'GPIO 24' },
+  { key: '25', value: 'GPIO 25' },
+  { key: '26', value: 'GPIO 26' },
+  { key: '27', value: 'GPIO 27' },
+];
+
+export const RASPBERRY_PI_ANALOG_READ = [];
+
+export const RASPBERRY_PI_ANALOG_WRITE = [
+  { key: '12', value: 'GPIO 12 - PWM 0 - UART TXD' },
+  { key: '13', value: 'GPIO 13 - PWM 1 - UART RXD' },
+  { key: '18', value: 'GPIO 18 - PWM 0' },
+  { key: '19', value: 'GPIO 19 - PWM 1' },
+];
+
+export const STM32_DIGITAL_READ = [
+  { key: '0', value: 'PE1' },
+  { key: '1', value: 'PE0' },
+  { key: '2', value: 'PB9' },
+  { key: '3', value: 'PB8' },
+  { key: '4', value: 'PB7' },
+  { key: '5', value: 'PB6' },
+  { key: '6', value: 'PB5' },
+  { key: '7', value: 'PB3' },
+  { key: '8', value: 'PD7' },
+  { key: '9', value: 'PD6' },
+  { key: '10', value: 'PD5' },
+  { key: '11', value: 'PD4' },
+  { key: '12', value: 'PD3' },
+  { key: '13', value: 'PD2' },
+  { key: '14', value: 'PD1' },
+  { key: '15', value: 'PD0' },
+  { key: '16', value: 'PC12' },
+  { key: '17', value: 'PC11' },
+  { key: '18', value: 'PC10' },
+  { key: '19', value: 'PA15' },
+  { key: '20', value: 'PA12' },
+  { key: '21', value: 'PA11' },
+  { key: '22', value: 'PA10' },
+  { key: '23', value: 'PA9' },
+  { key: '24', value: 'PA8' },
+  { key: '25', value: 'PC9' },
+  { key: '26', value: 'PC8' },
+  { key: '27', value: 'PC7' },
+  { key: '28', value: 'PC6' },
+  { key: '29', value: 'PD15' },
+  { key: '30', value: 'PD14' },
+  { key: '31', value: 'PD13' },
+  { key: '32', value: 'PD12' },
+  { key: '33', value: 'PD11' },
+  { key: '34', value: 'PD10' },
+  { key: '35', value: 'PD9' },
+  { key: '36', value: 'PD8' },
+  { key: '37', value: 'PB15' },
+  { key: '38', value: 'PE2' },
+  { key: '39', value: 'PE3' },
+  { key: '40', value: 'PE4' },
+  { key: '41', value: 'PE5' },
+  { key: '42', value: 'PE6' },
+  { key: '43', value: 'PC13' },
+  { key: '44', value: 'PC0' },
+  { key: '45', value: 'PC1' },
+  { key: '46', value: 'PC2' },
+  { key: '47', value: 'PC3' },
+  { key: '48', value: 'PA0' },
+  { key: '49', value: 'PA1' },
+  { key: '50', value: 'PA2' },
+  { key: '51', value: 'PA3' },
+  { key: '52', value: 'PA4' },
+  { key: '53', value: 'PA5' },
+  { key: '54', value: 'PC4' },
+  { key: '55', value: 'PC5' },
+  { key: '56', value: 'PB0' },
+  { key: '57', value: 'PB1' },
+  { key: '58', value: 'PA6' },
+  { key: '59', value: 'PA7' },
+  { key: '60', value: 'PE7' },
+  { key: '61', value: 'PE8' },
+  { key: '62', value: 'PE9' },
+  { key: '63', value: 'PE10' },
+  { key: '64', value: 'PE11' },
+  { key: '65', value: 'PE12' },
+  { key: '66', value: 'PE13' },
+  { key: '67', value: 'PE14' },
+  { key: '68', value: 'PE15' },
+  { key: '69', value: 'PB10' },
+  { key: '70', value: 'PB11' },
+  { key: '71', value: 'PB12' },
+  { key: '72', value: 'PB13' },
+  { key: '73', value: 'PB14' },
+  { key: '74', value: 'PB4' },
+];
+export const STM32_ANALOG_READ = [
+  { key: '44', value: 'PCO-A0' },
+  { key: '45', value: 'PC1-A1' },
+  { key: '46', value: 'PC2-A2' },
+  { key: '47', value: 'PC3-A3' },
+  { key: '48', value: 'PA0-A4' },
+  { key: '49', value: 'PA1-A5' },
+  { key: '50', value: 'PA2-A6' },
+  { key: '51', value: 'PA3-A7' },
+  { key: '52', value: 'PA4-A8' },
+  { key: '53', value: 'PA5-A9' },
+  { key: '54', value: 'PC4-A10' },
+  { key: '55', value: 'PC5-A11' },
+  { key: '56', value: 'PB0-A12' },
+  { key: '57', value: 'PB1-A13' },
+  { key: '58', value: 'PA6-A14' },
+  { key: '59', value: 'PA7-A15' },
+];
+export const STM32_DIGITAL_WRITE = STM32_DIGITAL_READ;
+export const STM32_ANALOG_WRITE = [
+  { key: '2', value: 'PB9' },
+  { key: '3', value: 'PB8' },
+  { key: '4', value: 'PB7' },
+  { key: '5', value: 'PB6' },
+  { key: '6', value: 'PB5' },
+  { key: '7', value: 'PB3' },
+  { key: '19', value: 'PA15' },
+  { key: '21', value: 'PA11' },
+  { key: '22', value: 'PA10' },
+  { key: '23', value: 'PA9' },
+  { key: '24', value: 'PA8' },
+  { key: '25', value: 'PC8' },
+  { key: '26', value: 'PC8' },
+  { key: '27', value: 'PC7' },
+  { key: '28', value: 'PC6' },
+  { key: '29', value: 'PD15' },
+  { key: '30', value: 'PD14' },
+  { key: '31', value: 'PD13' },
+  { key: '32', value: 'PD12' },
+  { key: '37', value: 'PB15' },
+  { key: '41', value: 'PE5' },
+  { key: '42', value: 'PE6' },
+  { key: '48', value: 'PA0' },
+  { key: '49', value: 'PA1' },
+  { key: '50', value: 'PA2' },
+  { key: '51', value: 'PA3' },
+  { key: '53', value: 'PA5' },
+  { key: '58', value: 'PA6' },
+  { key: '59', value: 'PA7' },
+  { key: '61', value: 'PE9' },
+  { key: '62', value: 'PE9' },
+  { key: '63', value: 'PE10' },
+  { key: '64', value: 'PE11' },
+  { key: '65', value: 'PE12' },
+  { key: '66', value: 'PE13' },
+  { key: '67', value: 'PE14' },
+  { key: '72', value: 'PB13' },
+  { key: '73', value: 'PB14' },
+  { key: '74', value: 'PB4' },
+];

package/src/libs/react-native-parallax-scroll-view/index.js

@@ -1,7 +1,8 @@
 import React, { Component } from 'react';
-import { Animated, Dimensions, View, ViewPropTypes } from 'react-native';
+import { Animated, Dimensions, View } from 'react-native';
 import styles from './styles';
 import { bool, func, number, string } from 'prop-types';
+import {ViewPropTypes} from "deprecated-react-native-prop-types";
 const window = Dimensions.get('window');
 const SCROLLVIEW_REF = 'ScrollView';
 const pivotPoint = (a, b) => a - b;

package/src/navigations/AllGatewayStack.js

@@ -11,7 +11,7 @@ import DetailConfigActionZigbee from '../screens/AllGateway/DetailConfigActionZi
 import DeviceModbusDetail from '../screens/AllGateway/DeviceModbusDetail';
 import DetailConfigActionModbus from '../screens/AllGateway/DetailConfigActionModbus';
 import DetailChildConfigActionModbus from '../screens/AllGateway/DetailConfigActionModbus';
-import DetailConfigActionInterval from '../screens/AllGateway/DetailConfigActionInternal';
+import DetailConfigActionInternal from '../screens/AllGateway/DetailConfigActionInternal';
 import Route from '../utils/Route'; // utils/Route
 import { screenOptions } from './utils';
 
@@ -52,8 +52,8 @@ export const AllGatewayStack = memo(() => {
         name={Route.DetailConfigActionZigbee}
       />
       <Stack.Screen
-        component={DetailConfigActionInterval}
-        name={Route.DetailConfigActionInterval}
+        component={DetailConfigActionInternal}
+        name={Route.DetailConfigActionInternal}
       />
       <Stack.Screen
         component={DetailConfigActionModbus}

package/src/navigations/UnitStack.js

@@ -25,7 +25,6 @@ import SelectAddress from '../screens/Unit/SelectAddress';
 import ChooseLocation from '../screens/Unit/ChooseLocation';
 import ManageUnit from '../screens/Unit/ManageUnit';
 import ListSmartAccount from '../screens/Unit/SmartAccount';
-import MyAllUnit from '../screens/Unit/MyAllUnit';
 import SubUnitDetail from '../screens/SubUnit/Detail';
 import UnitDetail from '../screens/Unit/Detail';
 import UnitSummary from '../screens/UnitSummary';
@@ -190,11 +189,6 @@ export const UnitStack = memo((props) => {
         initialParams={get(props, 'route.params', null)}
         options={{ headerShown: false }}
       />
-      <Stack.Screen
-        name={Route.MyAllUnit}
-        component={MyAllUnit}
-        options={{ headerShown: false }}
-      />
       <Stack.Screen
         name={Route.ManageUnit}
         component={ManageUnit}

package/src/screens/ActivityLog/__test__/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SectionList, Text, TouchableOpacity } from 'react-native';
+import { SectionList, Text } from 'react-native';
 import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
 import MockAdapter from 'axios-mock-adapter';
@@ -24,6 +24,12 @@ jest.mock('react-redux', () => {
     useSelector: () => mockUseSelector,
   };
 });
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    memo: (x) => x,
+  };
+});
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -69,18 +75,6 @@ describe('Test Activity log', () => {
     const instance = tree.root;
     const SectionListElement = instance.findAllByType(SectionList);
     expect(SectionListElement).toHaveLength(1);
-    const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.style).toEqual([
-      {
-        color: '#000',
-        fontFamily: 'SFProDisplay-Regular',
-        fontSize: undefined,
-        lineHeight: undefined,
-        textAlign: 'left',
-        textDecorationLine: 'none',
-      },
-      { textAlign: 'center' },
-    ]);
   });
 
   it('render list', async () => {
@@ -108,20 +102,20 @@ describe('Test Activity log', () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    const dateTimeRangeChange = instance.findByType(DateTimeRangeChange);
     const filterPopup = instance.findAllByType(Modal);
-    const datePicker = instance.findByType(DateTimePickerModal);
-    const filterButton = instance.find(
-      (el) =>
-        el.props.accessibilityLabel === AccessibilityLabel.FILTER_BUTTON &&
-        el.type === TouchableOpacity
-    );
-    // open popup
     expect(filterPopup[0].props.isVisible).toBeFalsy();
+
+    const filterButton = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.FILTER_BUTTON,
+    });
     await act(async () => {
-      await filterButton.props.onPress();
+      filterButton.props.onPress();
     });
     expect(filterPopup[0].props.isVisible).toBeTruthy();
+
+    const dateTimeRangeChange = instance.findByType(DateTimeRangeChange);
+    const datePicker = instance.findByType(DateTimePickerModal);
+
     // pick start date
     await act(async () => {
       await dateTimeRangeChange.props.onStart();

package/src/screens/ActivityLog/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-shadow */
 import React, { useEffect, useMemo } from 'react';
 import {
   View,
@@ -63,9 +62,9 @@ const ActivityLogScreen = ({ route }) => {
       <ActivityIndicator color={Colors.Primary} style={styles.loadMore} />
     );
 
-  const renderSectionHeader = ({ section: { data } }) => (
+  const renderSectionHeader = ({ section: { data: sectionData } }) => (
     <Text style={styles.title}>
-      {getTitleFromTime(data[0].created_at, new Date())}
+      {getTitleFromTime(sectionData[0].created_at, new Date())}
     </Text>
   );
   useEffect(() => {

package/src/screens/AddNewAction/SelectAction.js

@@ -540,6 +540,7 @@ const RenderActionItem = ({ device, data, onSelectAction }) => {
       )}
       {numberUpDownActionTemplates.map((item) => (
         <NumberUpDownActionTemplate
+          key={item.id}
           device={device}
           data={item}
           onSelectAction={handleOnSelectAction}
@@ -548,6 +549,7 @@ const RenderActionItem = ({ device, data, onSelectAction }) => {
 
       {optionsDropdownActionTemplates.map((item) => (
         <OptionsDropdownActionTemplate
+          key={item.id}
           device={device}
           data={item}
           onSelectAction={handleOnSelectAction}
@@ -555,6 +557,7 @@ const RenderActionItem = ({ device, data, onSelectAction }) => {
       ))}
       {statesGridActionTemplates.map((item) => (
         <StatesGridActionTemplate
+          key={item.id}
           device={device}
           data={item}
           onSelectAction={handleOnSelectAction}

package/src/screens/AddNewAction/SetupSensor.js

@@ -236,10 +236,10 @@ const SetUpSensor = () => {
         <View style={styles.modalContent}>
           {(isNumberValue
             ? modalNumberConditionData
-            : /* Disable picking not_active/not_dectect option -> temporaly remove not_acitve option */
+            : /* Huy Disable picking not_active/not_detect option -> temporally remove not_active option */
               modalStateConditionData?.stateValue.slice(1)
           ).map((i, index) => (
-            <>
+            <React.Fragment key={index}>
               <TouchableOpacity
                 onPress={onChooseCondition(i)}
                 key={index}
@@ -252,7 +252,7 @@ const SetUpSensor = () => {
               {index !== modalNumberConditionData.length - 1 && (
                 <View style={styles.separated} />
               )}
-            </>
+            </React.Fragment>
           ))}
         </View>
       </ModalCustom>

package/src/screens/AddNewAction/__test__/SelectAction.test.js

@@ -10,6 +10,7 @@ import { AccessibilityLabel, DEVICE_TYPE } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
 import { API } from '../../../configs';
 import { TouchableOpacity } from 'react-native';
+import SelectActionCard from '../../../commons/SelectActionCard';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -101,6 +102,7 @@ describe('Test SelectAction', () => {
       success: true,
       data: [
         {
+          id: 1,
           title: '',
           template: 'OnOffSimpleActionTemplate',
           configuration: {
@@ -111,6 +113,7 @@ describe('Test SelectAction', () => {
           },
         },
         {
+          id: 2,
           title: 'Fan Speed',
           template: 'OptionsDropdownActionTemplate',
           configuration: {
@@ -134,6 +137,7 @@ describe('Test SelectAction', () => {
           },
         },
         {
+          id: 3,
           title: '',
           template: 'NumberUpDownActionTemplate',
           configuration: {
@@ -147,6 +151,7 @@ describe('Test SelectAction', () => {
           },
         },
         {
+          id: 4,
           title: '',
           template: 'NumberUpDownActionTemplate',
           configuration: {
@@ -159,6 +164,7 @@ describe('Test SelectAction', () => {
           },
         },
         {
+          id: 5,
           title: '',
           template: 'StatesGridActionTemplate',
           configuration: {
@@ -187,6 +193,12 @@ describe('Test SelectAction', () => {
     );
     expect(renderActionItem.props.data.length).toBe(5);
 
+    const cards = instance.findAllByType(SelectActionCard);
+    // force all render
+    await act(async () => {
+      cards.map((card) => card.props.onPress());
+    });
+
     const simpleActionOn = instance.find(
       (el) =>
         el.props.accessibilityLabel ===

package/src/screens/AddNewAction/__test__/SetupSensor.test.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { HorizontalPicker } from '../../../commons';
@@ -8,7 +8,6 @@ import BottomButtonView from '../../../commons/BottomButtonView';
 import SetUpSensor from '../SetupSensor';
 import { useRoute } from '@react-navigation/native';
 
-const mockSetState = jest.fn();
 const mockSetSensorData = jest.fn();
 const mockDispatch = jest.fn();
 const mockGoBack = jest.fn();
@@ -17,7 +16,6 @@ jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
     memo: (x) => x,
-    useState: jest.fn((init) => [init, mockSetState]),
   };
 });
 
@@ -40,9 +38,7 @@ const wrapComponent = (configuration, onPress) => (
 
 describe('Test SetUpSensor', () => {
   let tree;
-
-  afterEach(() => {
-    mockSetState.mockClear();
+  beforeEach(() => {
     useRoute.mockClear();
   });
 
@@ -66,28 +62,25 @@ describe('Test SetUpSensor', () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(7);
+
     await act(async () => {
-      TouchableOpacities[1].props.onPress();
-      TouchableOpacities[2].props.onPress();
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+      instance.findAllByType(TouchableOpacity)[1].props.onPress();
+      instance.findAllByType(TouchableOpacity)[2].props.onPress();
     });
-    expect(mockSetState).toBeCalledWith(true);
+
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
     expect(mockDispatch).toBeCalled();
+
     await act(async () => {
-      TouchableOpacities[4].props.onPress();
-    });
-    expect(mockSetState).toBeCalledWith({
-      conditionValue: '<',
-      title: 'is below (<)',
-      type: 'IS_BELOW',
+      touchableOpacities[4].props.onPress();
     });
     const HorizontalPickers = instance.findAllByType(HorizontalPicker);
     expect(HorizontalPickers).toHaveLength(1);
     await act(async () => {
       HorizontalPickers[0].props.onChangeValue(128);
     });
-    expect(mockSetState).toBeCalledWith(false);
+
     const BottomButtonViews = instance.findAllByType(BottomButtonView);
     expect(BottomButtonViews).toHaveLength(1);
     await act(async () => {
@@ -111,12 +104,6 @@ describe('Test SetUpSensor', () => {
         setSensorData: () => mockSetSensorData,
       },
     });
-    useState.mockImplementation((init) => [init, mockSetState]);
-    useState.mockImplementation((init) => [100, mockSetState]);
-    useState.mockImplementation((init) => [100, mockSetState]);
-    useState.mockImplementation((init) => [100, mockSetState]);
-    useState.mockImplementation((init) => [100, mockSetState]);
-    useState.mockImplementation((init) => [init, mockSetState]);
     await act(async () => {
       tree = await create(wrapComponent());
     });

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

@@ -41,7 +41,6 @@ describe('Test ConnectRouterGuide', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(8);
     expect(texts[1].props.children).toEqual(
       getTranslate('en', 'connect_to_router')
     );

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

@@ -41,7 +41,6 @@ describe('Test FirstWarning', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(10);
     expect(texts[1].props.children).toEqual(
       getTranslate('en', 'warning_beta_test_feature')
     );

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

@@ -41,7 +41,6 @@ describe('Test ZigbeeDeviceConnectGuide', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(8);
     expect(texts[1].props.children).toEqual(
       getTranslate('en', 'turn_on_device_to_connect')
     );

package/src/screens/AddNewGateway/SetupGatewayWifiStyles.js

@@ -66,7 +66,7 @@ export default StyleSheet.create({
     backgroundColor: Colors.White,
     borderRadius: 10,
   },
-  maskOutter: {
+  maskOuter: {
     position: 'absolute',
     top: 0,
     left: 0,
@@ -75,7 +75,7 @@ export default StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-around',
   },
-  viewVerifing: {
+  viewVerifying: {
     marginLeft: 16,
     height: 54,
     width: Device.screenWidth - 32,