@eohjsc/react-native-smart-city 0.6.0-rc5 → 0.6.0-rc6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.6.0-rc5",
+  "version": "0.6.0-rc6",
   "description": "TODO",
   "main": "index.js",
   "files": [

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

@@ -18,7 +18,7 @@ describe('Test ItemPasscode', () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(2);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(2);
   });
 });

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

@@ -1,5 +1,5 @@
 import { watchMultiConfigs } from '../../../iot/Monitor';
-import React from 'react';
+import React, { useContext } from 'react';
 import { act, create } from 'react-test-renderer';
 import ColorPickerTemplate from '../ColorPickerTemplate';
 import { WheelColorPicker } from '../ColorPickerTemplate';
@@ -10,14 +10,6 @@ import ColorPicker from 'react-native-wheel-color-picker';
 import { DEVICE_TYPE } from '../../../configs/Constants';
 
 const mockSetAction = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useContext: () => ({
-      setAction: mockSetAction,
-    }),
-  };
-});
 
 jest.mock('../../../iot/Monitor');
 const mockDoAction = jest.fn();
@@ -55,6 +47,9 @@ describe('Test ColorPickerTemplate', () => {
       title: '',
     };
     mockSetAction.mockClear();
+    useContext.mockReturnValue({
+      setAction: mockSetAction,
+    });
   });
 
   it('render template ColorPickerTemplate', async () => {

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

@@ -83,9 +83,9 @@ describe('Test TimerActionTemplate success with config value', () => {
     });
     expect(mockDoAction).toBeCalled();
 
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
     await act(async () => {
-      await TouchableOpacities[0].props.onPress();
+      await touchableOpacities[0].props.onPress();
     });
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
@@ -120,13 +120,13 @@ describe('Test TimerActionTemplate success with config value', () => {
     await act(async () => {
       await dateTimePicker.props.onConfirm();
     });
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(3);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(3);
     await act(async () => {
-      await TouchableOpacities[0].props.onPress();
+      await touchableOpacities[0].props.onPress();
     });
     await act(async () => {
-      await TouchableOpacities[2].props.onPress(3);
+      await touchableOpacities[2].props.onPress(3);
     });
     expect(mockDoAction).toBeCalled();
   });

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

@@ -1,14 +1,9 @@
-import React, { useState } from 'react';
+import React 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', () => ({
-  ...jest.requireActual('react'),
-  useState: jest.fn(),
-}));
-
 describe('Test TwoButtonTemplate', () => {
   const actionOnData = {
     color: '#00979D',
@@ -66,11 +61,7 @@ describe('Test TwoButtonTemplate', () => {
   };
   let wrapper;
 
-  const setState = jest.fn();
-  useState.mockImplementation((init) => [init, setState]);
-
   const assertRender = async (state, text) => {
-    useState.mockImplementationOnce((init) => [state, setState]);
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = create(
@@ -94,7 +85,6 @@ describe('Test TwoButtonTemplate', () => {
   });
 
   const assertActionCall = async (state, action_data) => {
-    useState.mockImplementationOnce((init) => [state, setState]);
     const mockDoAction = jest.fn();
     await act(async () => {
       wrapper = create(

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

@@ -5,13 +5,6 @@ import { Calendar } from 'react-native-calendars';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const mockSetState = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn((init) => [init, mockSetState]),
-  };
-});
 const wrapComponent = ({ route, isVisible, navigation }) => (
   <SCProvider initState={mockSCStore({})}>
     <CalendarComponent route={route} isVisible={isVisible} />

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

@@ -10,7 +10,7 @@ describe('Test circle button', () => {
       tree = await renderer.create(<CircleButton size={5} />);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(1);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(1);
   });
 });

package/src/commons/Dashboard/MyPinnedSharedUnit/__test__/MyPinnedSharedUnit.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
 
@@ -18,18 +18,6 @@ const mock = new MockAdapter(api.axiosInstance);
 
 const mockSetAction = jest.fn();
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useContext: () => ({
-      stateData: mockSCStore({
-        app: { isNeedUpdateCache: true },
-      }),
-      setAction: mockSetAction,
-    }),
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <MyPinnedSharedUnit />
@@ -39,6 +27,15 @@ const wrapComponent = (route) => (
 describe('Test MyPinnedSharedUnit', () => {
   let tree;
 
+  beforeEach(() => {
+    useContext.mockReturnValue({
+      stateData: mockSCStore({
+        app: { isNeedUpdateCache: true },
+      }),
+      setAction: mockSetAction,
+    });
+  });
+
   it('create', async () => {
     mock.onGet(API.UNIT.SHARED_UNITS()).reply(200, [{ id: 1 }]);
 

package/src/commons/DateTimeRangeChange/__test__/DateTimeButton.test.js

@@ -15,8 +15,8 @@ describe('Test DateTimeButton', () => {
       );
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(1);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(1);
   });
 
   it('render DateTimeButton formatType is undefined', async () => {
@@ -26,7 +26,7 @@ describe('Test DateTimeButton', () => {
       );
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(1);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(1);
   });
 });

package/src/commons/FieldTemplate/PasscodeField/__test__/index.test.js

@@ -5,7 +5,7 @@ import { mockSCStore } from '../../../../context/mockStore';
 import { SCProvider } from '../../../../context';
 import PasscodeField from '../index';
 
-const mockSetState = jest.fn();
+const mockSetDataForm = jest.fn();
 
 const wrapComponent = (
   dataItem = {
@@ -32,7 +32,7 @@ const wrapComponent = (
     <PasscodeField
       dataItem={dataItem}
       index={index}
-      setDataForm={mockSetState}
+      setDataForm={mockSetDataForm}
       dataForm={dataForm}
     />
   </SCProvider>
@@ -42,7 +42,7 @@ describe('Test PasscodeField', () => {
   let tree;
 
   afterEach(() => {
-    mockSetState.mockClear();
+    mockSetDataForm.mockClear();
   });
 
   it('render PasscodeField', async () => {
@@ -59,7 +59,7 @@ describe('Test PasscodeField', () => {
     await act(async () => {
       await inputPasscode.props.onChangeText('123');
     });
-    expect(mockSetState).toBeCalledWith([
+    expect(mockSetDataForm).toBeCalledWith([
       {
         key: 'passcode',
         type: 'passcode',
@@ -74,7 +74,7 @@ describe('Test PasscodeField', () => {
     await act(async () => {
       await inputPasscode.props.onChangeText('123456');
     });
-    expect(mockSetState).toBeCalledWith([
+    expect(mockSetDataForm).toBeCalledWith([
       {
         key: 'passcode',
         type: 'passcode',

package/src/commons/FieldTemplate/ScheduleField/__test__/index.test.js

@@ -6,7 +6,7 @@ import ScheduleField from '../index';
 import { AccessibilityLabel } from '../../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
 
-const mockSetState = jest.fn();
+const mockSetDataForm = jest.fn();
 
 const wrapComponent = (
   dataItem = {
@@ -41,7 +41,7 @@ const wrapComponent = (
     <ScheduleField
       dataItem={dataItem}
       index={index}
-      setDataForm={mockSetState}
+      setDataForm={mockSetDataForm}
       dataForm={dataForm}
     />
   </SCProvider>
@@ -53,7 +53,7 @@ describe('Test ScheduleField', () => {
     Date.now = jest.fn(() => new Date('2022-05-30T15:50:36+01:00'));
   });
   afterEach(() => {
-    mockSetState.mockClear();
+    mockSetDataForm.mockClear();
   });
 
   const onPressRecurring = async (instance, schedule) => {
@@ -69,7 +69,7 @@ describe('Test ScheduleField', () => {
     await act(async () => {
       await recurring.props.onPress();
     });
-    expect(mockSetState).toBeCalledWith([
+    expect(mockSetDataForm).toBeCalledWith([
       {
         key: 'schedule',
         type: 'schedule',
@@ -91,7 +91,7 @@ describe('Test ScheduleField', () => {
         action_zigbee: 4,
       },
     ]);
-    mockSetState.mockClear();
+    mockSetDataForm.mockClear();
   };
 
   const onPressTemporary = async (instance, schedule) => {
@@ -99,7 +99,7 @@ describe('Test ScheduleField', () => {
       await schedule.props.onPress();
     });
 
-    expect(mockSetState).toBeCalledWith([
+    expect(mockSetDataForm).toBeCalledWith([
       {
         key: 'schedule',
         type: 'schedule',
@@ -145,14 +145,14 @@ describe('Test ScheduleField', () => {
       await popupDateTimePickerDone.props.onPress();
     });
     expect(dateTimePicker.props.isVisible).toBeFalsy();
-    mockSetState.mockClear();
+    mockSetDataForm.mockClear();
   };
 
   it('render ScheduleField choose schedule', async () => {
     await act(async () => {
       tree = await create(wrapComponent());
     });
-    expect(mockSetState).toBeCalledWith([
+    expect(mockSetDataForm).toBeCalledWith([
       {
         key: 'schedule',
         type: 'schedule',
@@ -169,7 +169,7 @@ describe('Test ScheduleField', () => {
         action_zigbee: 2,
       },
     ]);
-    mockSetState.mockClear();
+    mockSetDataForm.mockClear();
     const instance = tree.root;
     const schedule = instance.findAll(
       (el) =>

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

@@ -1,22 +1,12 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { act, create } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
 
 import { AccessibilityLabel } from '../../../configs/Constants';
 import GroupCheckBox from '..';
 
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useState: jest.fn(),
-}));
-
 describe('Test Group CheckBox', () => {
   let tree;
-  const mockSetState = () => {
-    const setState = jest.fn();
-    useState.mockImplementation((init) => [init, setState]);
-    return setState;
-  };
 
   const findGroupCheckBoxItem = (instance) => {
     const item = instance.find(
@@ -34,7 +24,6 @@ describe('Test Group CheckBox', () => {
         description: 'description',
       },
     ];
-    mockSetState();
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} />);
     });
@@ -51,7 +40,6 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
-    const setState = mockSetState();
     await act(async () => {
       tree = await create(
         <GroupCheckBox data={data} onSelect={mockFunc} multiple />
@@ -62,9 +50,6 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       item.props.onSelect(0);
     });
-    expect(setState).toHaveBeenCalledTimes(2);
-    expect(setState).toHaveBeenNthCalledWith(1, [0]);
-    expect(setState).toHaveBeenNthCalledWith(2, [0]);
     expect(mockFunc).toHaveBeenCalledWith([
       { description: 'description', source: 'source', title: 'testItem' },
     ]);
@@ -85,7 +70,6 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
-    const setState = mockSetState();
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} onSelect={mockFunc} />);
     });
@@ -94,8 +78,6 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       item.props.onSelect(0);
     });
-    expect(setState).toHaveBeenNthCalledWith(1, [0]);
-    expect(setState).toHaveBeenNthCalledWith(2, [0]);
     expect(mockFunc).toHaveBeenCalledWith({
       description: 'description 1',
       title: 'title 1',
@@ -114,8 +96,6 @@ describe('Test Group CheckBox', () => {
       },
     ];
     const mockFunc = jest.fn();
-    const setState = jest.fn();
-    useState.mockImplementation((init) => [[0], setState]);
     await act(async () => {
       tree = await create(<GroupCheckBox data={data} onSelect={mockFunc} />);
     });
@@ -128,7 +108,6 @@ describe('Test Group CheckBox', () => {
     await act(async () => {
       items[1].props.onSelect(0);
     });
-    expect(setState).toHaveBeenCalledWith([]); // called 1 time
     expect(mockFunc).toHaveBeenCalledWith({
       description: 'description 1',
       title: 'title 1',

package/src/commons/MediaPlayerDetail/MediaPlayerFull.js

@@ -93,7 +93,7 @@ const MediaPlayerFull = ({
     <TouchableOpacity
       activeOpacity={1}
       onPress={onPause}
-      style={[isFullScreen ? styles.wrapFull : styles.wrap]}
+      style={isFullScreen ? styles.wrapFull : styles.wrap}
     >
       <Animated.View
         style={[

package/src/commons/MediaPlayerDetail/__test__/MediaPlayerFull.test.js

@@ -1,17 +1,10 @@
-import React, { useState } from 'react';
+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 MediaPlayerFull from '../MediaPlayerFull';
-
-const mockSetState = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn((init) => [init, mockSetState]),
-  };
-});
+import FImage from '../../FImage';
 
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
@@ -22,14 +15,7 @@ const wrapComponent = (props) => (
 describe('Test MediaPlayerFull', () => {
   let tree;
 
-  afterEach(() => {
-    useState.mockClear();
-  });
-
   it('Test render', async () => {
-    useState.mockImplementationOnce((init) => [false, mockSetState]);
-    useState.mockImplementationOnce((init) => [false, mockSetState]);
-    useState.mockImplementationOnce((init) => [init, mockSetState]);
     await act(async () => {
       tree = await create(
         wrapComponent({
@@ -39,44 +25,22 @@ describe('Test MediaPlayerFull', () => {
       );
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(3);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(3);
+    expect(instance.findAllByType(FImage)).toHaveLength(1);
     await act(async () => {
-      TouchableOpacities[0].props.onPress();
+      touchableOpacities[0].props.onPress();
     });
-    expect(mockSetState).toBeCalledWith(false);
+    expect(instance.findAllByType(FImage)).toHaveLength(2); // paused
     await act(async () => {
-      TouchableOpacities[1].props.onPress();
-      TouchableOpacities[2].props.onPress();
+      touchableOpacities[1].props.onPress();
     });
-    expect(mockSetState).toBeCalledWith(true);
-  });
+    expect(instance.findAllByType(FImage)).toHaveLength(1); // unpaused
 
-  it('Test render 2', async () => {
-    useState.mockImplementationOnce((init) => [true, mockSetState]);
-    useState.mockImplementationOnce((init) => [true, mockSetState]);
-    useState.mockImplementationOnce((init) => [init, mockSetState]);
-    await act(async () => {
-      tree = await create(
-        wrapComponent({
-          isShowFullScreenIcon: true,
-          cameraName: 'test',
-          isPaused: true,
-          amount: 1,
-        })
-      );
-    });
-    const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(3);
-    await act(async () => {
-      TouchableOpacities[0].props.onPress();
-    });
-    expect(mockSetState).toBeCalledWith(false);
+    // full screen
     await act(async () => {
-      TouchableOpacities[1].props.onPress();
-      TouchableOpacities[2].props.onPress();
+      touchableOpacities[2].props.onPress();
     });
-    expect(mockSetState).toBeCalledWith(true);
+    expect(touchableOpacities[0].props.style?.position).toEqual('absolute');
   });
 });

package/src/commons/Sharing/__test__/ButtonRemoveMember.test.js

@@ -12,7 +12,7 @@ describe('BtnRemoveMember', () => {
       tree = await renderer.create(component);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(1);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(1);
   });
 });