@eohjsc/react-native-smart-city 0.2.21 → 0.2.27

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

@@ -7,9 +7,9 @@ import OnOffTemplate from '../OnOffTemplate';
 import OnOffButtonTemplate from '../OnOffTemplate/OnOffButtonTemplate';
 import OnOffSimpleTemplate from '../OnOffTemplate/OnOffSimpleTemplate';
 
-jest.mock('iot/Monitor');
+jest.mock('../../../iot/Monitor');
 
-jest.mock('iot/states', () => ({
+jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: 2 }, null],
 }));
 
@@ -94,7 +94,7 @@ describe('Test OnOffTemplate', () => {
     });
     const instance = wrapper.root;
     const template = instance.findAllByType(OnOffButtonTemplate);
-    expect(template).toHaveLength(1);
+    expect(template).toHaveLength(0);
   });
 
   test('render with wrong template', async () => {

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

@@ -6,8 +6,23 @@ import Text from '../../../commons/Text';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import { AlertAction, RadioCircle } from '../../../commons';
 import { TESTID } from '../../../configs/Constants';
-import IconComponent from '../../../commons/IconComponent';
-import { t } from 'i18n-js';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (
+  actionGroup,
+  mockDoAction,
+  is_managed_by_backend = false
+) => (
+  <SCProvider initState={mockSCStore({})}>
+    <OptionsDropdownActionTemplate
+      actionGroup={actionGroup}
+      doAction={mockDoAction}
+      sensor={{ is_managed_by_backend }}
+    />
+  </SCProvider>
+);
 
 jest.mock('../../../iot/Monitor');
 
@@ -58,19 +73,10 @@ describe('Test OptionsDropdownActionTemplate', () => {
   test('render template', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <OptionsDropdownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
 
-    const icon = instance.findByType(IconComponent);
-    expect(icon.props.icon).toEqual('slack');
-
     const texts = instance.findAllByType(Text);
     const radioCircles = instance.findAllByType(RadioCircle);
     expect(texts[1].props.children).toEqual('Level2'); // selectedOption,  ConfigGlobalState is 2
@@ -84,19 +90,10 @@ describe('Test OptionsDropdownActionTemplate', () => {
     actionGroup.configuration.options[1].value_int = 3;
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <OptionsDropdownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
 
-    const icon = instance.findByType(IconComponent);
-    expect(icon.props.icon).toEqual('slack');
-
     const text = instance.findAllByType(Text);
     expect(text[0].props.children).toEqual('Fan Speed'); // title
     expect(text[1].props.children).toEqual('Level1'); // selectedOption, first one
@@ -105,13 +102,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
   const assertUpdateSelectedOption = async (is_managed_by_backend) => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <OptionsDropdownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction));
     });
     const instance = wrapper.root;
 
@@ -158,7 +149,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
 
     expect(mockDoAction).toHaveBeenCalledWith(action_data, 1);
     is_managed_by_backend
-      ? expect(watchMultiConfigs).toBeCalled()
+      ? expect(watchMultiConfigs).not.toBeCalled()
       : expect(watchMultiConfigs).not.toBeCalled();
 
     expect(texts[1].props.children).toEqual('Level2'); // TODO: should be Level1, configValues make change again
@@ -176,13 +167,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
     actionGroup.configuration.options[0].value_text = 'level-1';
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <OptionsDropdownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: false }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction));
     });
     const instance = wrapper.root;
 
@@ -237,13 +222,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
 
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <OptionsDropdownActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
     const textDisplaySelected = instance.find(
@@ -251,6 +230,8 @@ describe('Test OptionsDropdownActionTemplate', () => {
         el.props.testID === TESTID.OPTIONS_DROPDOWN_ACTION_DISPLAY_SELECTED &&
         el.type === Text
     );
-    expect(textDisplaySelected.props.children).toEqual(t('not_available'));
+    expect(textDisplaySelected.props.children).toEqual(
+      getTranslate('en', 'not_available')
+    );
   });
 });

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

@@ -3,6 +3,14 @@ import renderer, { act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
 
 import ThreeButtonTemplate from '../ThreeButtonTemplate';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (actionGroup) => (
+  <SCProvider initState={mockSCStore({})}>
+    <ThreeButtonTemplate actionGroup={actionGroup} doAction={jest.fn()} />
+  </SCProvider>
+);
 
 describe('Test ThreeButtonTemplate', () => {
   const actionGroup = {
@@ -53,11 +61,9 @@ describe('Test ThreeButtonTemplate', () => {
 
   let wrapper;
 
-  test('render ThreeButtonTemplate', () => {
-    act(() => {
-      wrapper = renderer.create(
-        <ThreeButtonTemplate actionGroup={actionGroup} doAction={jest.fn()} />
-      );
+  test('render ThreeButtonTemplate', async () => {
+    await act(() => {
+      wrapper = renderer.create(wrapComponent(actionGroup));
     });
     expect(wrapper.toJSON()).toMatchSnapshot();
     const instance = wrapper.root;

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

@@ -6,6 +6,8 @@ import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import moment from 'moment';
 import Text from '../../Text';
 import { watchMultiConfigs } from '../../../iot/Monitor';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('../../../iot/Monitor');
 
@@ -13,6 +15,16 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{ 5: 18, 6: 30 }, null],
 }));
 
+const wrapComponent = (actionGroup, mockDoAction, is_managed_by_backend) => (
+  <SCProvider initState={mockSCStore({})}>
+    <TimerActionTemplate
+      actionGroup={actionGroup}
+      doAction={mockDoAction}
+      sensor={{ is_managed_by_backend }}
+    />
+  </SCProvider>
+);
+
 describe('Test TimerActionTemplate success with config value', () => {
   const action_data = {
     color: '#00979D',
@@ -43,18 +55,12 @@ describe('Test TimerActionTemplate success with config value', () => {
   test('render template', async () => {
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <TimerActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(3);
+    expect(texts).toHaveLength(6);
     expect(texts[0].props.children).toEqual('Timer');
     expect(texts[1].props.children).toEqual('Setting at 18:30');
 

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Switch, TouchableOpacity } from 'react-native';
+import { Switch } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import moment from 'moment';
@@ -7,6 +7,8 @@ import moment from 'moment';
 import Text from '../../Text';
 import { watchMultiConfigs } from '../../../iot/Monitor';
 import TimerActionTemplate from '../TimerActionTemplate';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('../../../iot/Monitor');
 
@@ -14,6 +16,16 @@ jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: () => [{}, null],
 }));
 
+const wrapComponent = (actionGroup, mockDoAction, is_managed_by_backend) => (
+  <SCProvider initState={mockSCStore({})}>
+    <TimerActionTemplate
+      actionGroup={actionGroup}
+      doAction={mockDoAction}
+      sensor={{ is_managed_by_backend }}
+    />
+  </SCProvider>
+);
+
 describe('Test TimerActionTemplate without config value', () => {
   const action_data = {
     color: '#00979D',
@@ -45,18 +57,12 @@ describe('Test TimerActionTemplate without config value', () => {
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <TimerActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
+    expect(texts).toHaveLength(5);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);
@@ -73,28 +79,16 @@ describe('Test TimerActionTemplate without config value', () => {
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
     const mockDoAction = jest.fn();
     await act(async () => {
-      wrapper = await create(
-        <TimerActionTemplate
-          actionGroup={actionGroup}
-          doAction={mockDoAction}
-          sensor={{ is_managed_by_backend: true }}
-        />
-      );
+      wrapper = await create(wrapComponent(actionGroup, mockDoAction, true));
     });
     const instance = wrapper.root;
     let dateTimePicker = instance.findByType(DateTimePickerModal);
     expect(dateTimePicker.props.isVisible).toBeFalsy();
 
-    const touchTimer = instance.findByType(TouchableOpacity);
-    await act(async () => {
-      await touchTimer.props.onPress();
-    });
-    expect(dateTimePicker.props.isVisible).toBeTruthy();
-
     await act(async () => {
       await dateTimePicker.props.onConfirm();
     });
     expect(dateTimePicker.props.isVisible).toBeFalsy();
-    expect(mockDoAction).toHaveBeenCalledWith(action_data, [17, 0]);
+    expect(mockDoAction).toHaveBeenCalledWith(action_data, [11, 0]);
   });
 });