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

package/index.js

@@ -9,7 +9,6 @@ import { UnitStack } from './src/navigations/UnitStack';
 import { EmergencyContactsStack } from './src/navigations/EmergencyContactsStack';
 import { AddUnitStack } from './src/navigations/AddUnitStack';
 import SharedStack from './src/navigations/SharedStack';
-import Explore from './src/screens/Explore';
 import { AddLGDeviceStack } from './src/navigations/AddLGDeviceStack';
 import { initSCConfig } from './src/configs';
 import AutomateStack from './src/navigations/AutomateStack';
@@ -34,7 +33,6 @@ export {
   UnitStack,
   AddUnitStack,
   SharedStack,
-  Explore,
   SCProvider,
   SCContext,
   AddLGDeviceStack,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.71",
+  "version": "0.3.72",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -119,7 +119,6 @@
     "@react-native-community/segmented-control": "^2.1.1",
     "@react-native-community/slider": "^3.0.3",
     "@react-native-community/toolbar-android": "^0.1.0-rc.2",
-    "@react-native-community/viewpager": "^4.1.4",
     "@react-native-picker/picker": "^1.16.7",
     "@react-navigation/bottom-tabs": "^5.8.0",
     "@react-navigation/drawer": "^5.9.0",
@@ -129,6 +128,7 @@
     "@testing-library/react-hooks": "^6.0.0",
     "apisauce": "^2.1.5",
     "axios": "^0.19.2",
+    "deprecated-react-native-prop-types": "^2.3.0",
     "dotenv": "^8.2.0",
     "google-libphonenumber": "^3.2.10",
     "home-assistant-js-websocket": "^5.7.0",
@@ -153,7 +153,6 @@
     "react-native-android-keyboard-adjust": "^1.2.0",
     "react-native-android-location-enabler": "^1.2.2",
     "react-native-android-wifi": "^0.0.41",
-    "react-native-animated-ellipsis": "^2.0.0",
     "react-native-appearance": "^0.3.4",
     "react-native-base64": "^0.1.0",
     "react-native-ble-plx": "^2.0.3",
@@ -174,11 +173,13 @@
     "react-native-input-credit-card": "^0.5.5",
     "react-native-iphone-x-helper": "^1.2.1",
     "react-native-linear-gradient": "^2.5.6",
+    "react-native-loading-dots": "^1.3.2",
     "react-native-localize": "^1.4.1",
     "react-native-maps": "0.27.1",
     "react-native-maps-directions": "^1.8.0",
     "react-native-modal": "^11.5.6",
     "react-native-modal-datetime-picker": "^8.9.3",
+    "react-native-new-snap-carousel": "^3.9.3",
     "react-native-onesignal": "^4.3.1",
     "react-native-pager-view": "^5.4.1",
     "react-native-parallax-scroll-view": "^0.21.3",
@@ -190,8 +191,6 @@
     "react-native-responsive-fontsize": "^0.5.1",
     "react-native-safe-area-context": "^3.1.1",
     "react-native-screens": "^2.9.0",
-    "react-native-slider": "^0.11.0",
-    "react-native-snap-carousel": "4.0.0-beta.5",
     "react-native-super-grid": "^4.0.3",
     "react-native-svg": "^12.1.0",
     "react-native-toast-message": "^2.1.1",

package/src/commons/ActionGroup/OnOffSmartLock/AutoLock/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useState } from 'react';
 import { View } from 'react-native';
-import Slider from 'react-native-slider';
+import Slider from '@react-native-community/slider';
 import Text from '../../../Text';
 import { HeaderCustom } from '../../../Header';
 import ButtonWrapper from './ButtonWrapper';

package/src/commons/ActionGroup/OnOffSmartLock/OnOffSmartLock.js

@@ -56,7 +56,7 @@ const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
   }, [config, configValues, configuration, is_on_value]);
 
   return (
-    <>
+    <View style={styles.wrap}>
       <View>
         <TouchableOpacity
           onPress={handleActionSmartLock}
@@ -78,7 +78,7 @@ const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
           {t(isUnlock ? 'door_is_open' : 'door_is_close')}
         </Text>
       </View>
-    </>
+    </View>
   );
 });
 

package/src/commons/ActionGroup/OnOffSmartLock/OnOffSmartLockStyle.js

@@ -6,7 +6,7 @@ export default StyleSheet.create({
     flex: 1,
   },
   wrap: {
-    paddingHorizontal: 16,
+    padding: 16,
   },
   section: {
     borderRadius: 10,

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

@@ -5,6 +5,7 @@ import SetupGeneratePasscode from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
 import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
+import WheelDateTimePicker from '../../../../WheelDateTimePicker';
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -66,17 +67,17 @@ describe('Test SetupGeneratePasscode', () => {
     expect(changeTime[0]).toBeDefined();
     expect(changeDuration[0]).toBeDefined();
 
-    await changeDuration[0].props.onPressSetMinute();
-    await changeDuration[0].props.onPressSelectCircle();
-    await changeTime[0].props.onPressSetTime();
+    await act(async () => {
+      await changeDuration[0].props.onPressSetMinute();
+    });
+    await act(async () => {
+      await changeDuration[0].props.onPressSelectCircle();
+    });
+    await act(async () => {
+      await changeTime[0].props.onPressSetTime();
+    });
 
-    const wheelDateTimePicker = instance.findAll(
-      (item) =>
-        item.props.accessibilityLabel ===
-        `${AccessibilityLabel.WHEEL_DATE_TIME_PICKER_BUTTON}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
-    );
-    await wheelDateTimePicker[5].props.onClick();
-    await wheelDateTimePicker[11].props.onClick();
-    await wheelDateTimePicker[17].props.onClick();
+    const wheelDateTimePicker = instance.findAllByType(WheelDateTimePicker);
+    expect(wheelDateTimePicker).toHaveLength(3);
   });
 });

package/src/commons/ActionGroup/SliderRangeTemplate.js

@@ -5,7 +5,7 @@ import styles from './SliderRangeTemplateStyles';
 import Text from '../Text';
 import { Colors } from '../../configs';
 import SvgBrightness from '../../../assets/images/brightness.svg';
-import SliderRange from 'react-native-slider';
+import Slider from '@react-native-community/slider';
 import { useConfigGlobalState } from '../../iot/states';
 import { DEVICE_TYPE } from '../../configs/Constants';
 
@@ -75,7 +75,7 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
         </Text>
       </View>
       <View style={styles.RightBrightness}>
-        <SliderRange
+        <Slider
           style={styles.slider}
           value={valueBrightness}
           onSlidingComplete={onChangeBrightness}
@@ -89,7 +89,6 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
           trackStyle={styles.trackSlider}
           thumbStyle={styles.thumbSlider}
         />
-
         <View style={styles.valuePercent}>
           <Text type="Label" style={styles.textValuePercent}>
             {`${valueBrightness}%`}

package/src/commons/ActionGroup/SmartTiviActionTemplate/SmartTiviActionTemplate.js

@@ -189,6 +189,7 @@ const SmartTiviActionTemplate = memo(
                 FakeDataChannel.map((item, index) => {
                   return (
                     <RectangleButton
+                      key={index}
                       type="row"
                       onPress={onPressButton(
                         SMART_TIVI_BUTTON.CHANNEL_BUTTON,

package/src/commons/ActionGroup/TwoButtonTemplate/index.js

@@ -120,6 +120,7 @@ const TwoButtonTemplate = memo(
               accessibilityLabel={item.accessibilityLabel}
               style={styles.bigCircle}
               onPress={item.onPress}
+              key={index}
             >
               <View style={styles.smallCircle}>
                 <Icon

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

@@ -85,6 +85,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
 
     const texts = instance.findAllByType(Text);
     const radioCircles = instance.findAllByType(RadioCircle);
@@ -104,6 +107,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
 
     const text = instance.findAllByType(Text);
     expect(text[0].props.children).toEqual('Fan Speed'); // title
@@ -118,12 +124,20 @@ describe('Test OptionsDropdownActionTemplate', () => {
     const instance = wrapper.root;
 
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5); // 1 show popup + 2 alert bottom button + 2 option
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2'); // selectedOption
 
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toBeFalsy();
+
+    // show option
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+
     const radioCircles = instance.findAllByType(RadioCircle);
     expect(radioCircles[0].props.active).toBeFalsy();
     expect(radioCircles[1].props.active).toBeTruthy(); // choosing 2nd radioCircle in list
@@ -136,15 +150,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     );
     expect(listChoosingOption).toHaveLength(2); // 2 option
 
-    const alertAction = instance.findByType(AlertAction);
-    expect(alertAction.props.visible).toBeFalsy();
-
-    // show option
-    await act(async () => {
-      await showListOption.props.onPress();
-    });
-    expect(alertAction.props.visible).toBeTruthy();
-
     // Choosed Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
@@ -188,12 +193,20 @@ describe('Test OptionsDropdownActionTemplate', () => {
     const instance = wrapper.root;
 
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5);
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2');
 
+    const alertAction = instance.findByType(AlertAction);
+    expect(alertAction.props.visible).toBeFalsy();
+
+    // show option
+    await act(async () => {
+      await showListOption.props.onPress();
+    });
+    expect(alertAction.props.visible).toBeTruthy();
+
     const radioCircles = instance.findAllByType(RadioCircle);
     expect(radioCircles[0].props.active).toBeFalsy();
     expect(radioCircles[1].props.active).toBeTruthy();
@@ -206,15 +219,6 @@ describe('Test OptionsDropdownActionTemplate', () => {
     );
     expect(listChoosingOption).toHaveLength(2);
 
-    const alertAction = instance.findByType(AlertAction);
-    expect(alertAction.props.visible).toBeFalsy();
-
-    // show option
-    await act(async () => {
-      await showListOption.props.onPress();
-    });
-    expect(alertAction.props.visible).toBeTruthy();
-
     // Choosed Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();
@@ -247,6 +251,9 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
     const textDisplaySelected = instance.find(
       (el) =>
         el.props.accessibilityLabel ===
@@ -257,6 +264,7 @@ describe('Test OptionsDropdownActionTemplate', () => {
       getTranslate('en', 'not_available')
     );
   });
+
   it('doAction sensor device type is GOOGLE_HOME', async () => {
     actionGroup.configuration.options[0].value_text = 'level-1';
     sensor.device_type = DEVICE_TYPE.GOOGLE_HOME;
@@ -265,26 +273,12 @@ describe('Test OptionsDropdownActionTemplate', () => {
       wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
     });
     const instance = wrapper.root;
-
     const touchs = instance.findAllByType(TouchableOpacity);
-    expect(touchs).toHaveLength(5);
     const showListOption = touchs[0];
 
     const texts = instance.findAllByType(Text);
     expect(texts[1].props.children).toEqual('Level2');
 
-    const radioCircles = instance.findAllByType(RadioCircle);
-    expect(radioCircles[0].props.active).toBeFalsy();
-    expect(radioCircles[1].props.active).toBeTruthy();
-
-    const listChoosingOption = instance.findAll(
-      (el) =>
-        el.props.accessibilityLabel ===
-          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
-        el.type === TouchableOpacity
-    );
-    expect(listChoosingOption).toHaveLength(2);
-
     const alertAction = instance.findByType(AlertAction);
     expect(alertAction.props.visible).toBeFalsy();
 
@@ -294,6 +288,17 @@ describe('Test OptionsDropdownActionTemplate', () => {
     });
     expect(alertAction.props.visible).toBeTruthy();
 
+    const listChoosingOption = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM &&
+        el.type === TouchableOpacity
+    );
+    expect(listChoosingOption).toHaveLength(2);
+    const radioCircles = instance.findAllByType(RadioCircle);
+    expect(radioCircles[0].props.active).toBeFalsy();
+    expect(radioCircles[1].props.active).toBeTruthy();
+
     // Choose Level1 option
     await act(async () => {
       await listChoosingOption[0].props.onPress();

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

@@ -5,7 +5,7 @@ import SliderRangeTemplate from '../SliderRangeTemplate';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { useConfigGlobalState } from '../../../iot/states';
-import SliderRange from 'react-native-slider';
+import SliderRange from '@react-native-community/slider';
 
 jest.mock('../../../iot/Monitor');
 const mockDoAction = jest.fn();

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

@@ -74,7 +74,7 @@ describe('Test TimerActionTemplate success with config value', () => {
     });
     const instance = wrapper.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(6);
+    expect(texts[0].props.children).toEqual(undefined);
   });
 
   it('render template', async () => {
@@ -84,19 +84,20 @@ describe('Test TimerActionTemplate success with config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
     expect(texts[1].props.children).toEqual('Setting at 18:30');
 
     const switchButton = instance.findByType(Switch);
     expect(switchButton.props.value).toBeTruthy();
-    await switchButton.props.onValueChange();
+    await act(async () => {
+      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();
+    await act(async () => {
+      await TouchableOpacities[0].props.onPress();
+    });
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
     expect(dateTimePicker.props.isVisible).toBeTruthy();
@@ -119,17 +120,25 @@ describe('Test TimerActionTemplate success with config value', () => {
     });
     const instance = wrapper.root;
 
+    await act(async () => {
+      instance.findAllByType(TouchableOpacity)[0].props.onPress();
+    });
     const bottomScrollPicker = instance.findByType(ScrollPicker);
     expect(bottomScrollPicker).toBeDefined();
 
     const dateTimePicker = instance.findByType(DateTimePickerModal);
     expect(dateTimePicker.props.isVisible).toBeFalsy();
-    await dateTimePicker.props.onConfirm();
-
+    await act(async () => {
+      await dateTimePicker.props.onConfirm();
+    });
     const TouchableOpacities = instance.findAllByType(TouchableOpacity);
     expect(TouchableOpacities).toHaveLength(3);
-    await TouchableOpacities[0].props.onPress();
-    await TouchableOpacities[2].props.onPress(3);
+    await act(async () => {
+      await TouchableOpacities[0].props.onPress();
+    });
+    await act(async () => {
+      await TouchableOpacities[2].props.onPress(3);
+    });
     expect(mockDoAction).toBeCalled();
   });
 });

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

@@ -69,7 +69,6 @@ describe('Test TimerActionTemplate without config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);

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

@@ -1,5 +1,10 @@
 import React from 'react';
-import { TouchableOpacity, Switch, ActivityIndicator } from 'react-native';
+import {
+  TouchableOpacity,
+  Switch,
+  ActivityIndicator,
+  ScrollView,
+} from 'react-native';
 import renderer, { act } from 'react-test-renderer';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import moment from 'moment';
@@ -9,6 +14,9 @@ import Text from '../../Text';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import Slider from '@react-native-community/slider';
+import { WheelColorPicker } from '../ColorPickerTemplate';
+import RadioCircle from '../../RadioCircle';
 
 const wrapComponent = (actionGroup, mockDoAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
@@ -423,7 +431,6 @@ describe('Test ActionGroup', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);
@@ -453,8 +460,8 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
+    const buttons = instance.findAllByType(TouchableOpacity);
+    expect(buttons).toHaveLength(1);
   });
 
   it('render OptionsDropdownActionTemplate', async () => {
@@ -476,11 +483,12 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(7);
+    const options = instance.findAllByType(RadioCircle);
+    expect(options).toHaveLength(actionGroup.configuration.options.length);
   });
 
   it('render CurtainButtonTemplate', async () => {
+    // todo Bang remove
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
     const actionGroup = {
       template: 'curtain_action_template',
@@ -494,8 +502,8 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
+    const texts = instance.findAllByType(TouchableOpacity);
+    expect(texts).toHaveLength(3);
   });
 
   it('render SmartTiviActionTemplate', async () => {
@@ -512,8 +520,8 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
+    const buttons = instance.findAllByType(ScrollView);
+    expect(buttons).toHaveLength(1);
   });
 
   it('render ColorPickerTemplate', async () => {
@@ -530,8 +538,8 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
+    const objs = instance.findAllByType(WheelColorPicker);
+    expect(objs).toHaveLength(1);
   });
 
   it('render SliderRangeTemplate', async () => {
@@ -548,8 +556,8 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
+    const objs = instance.findAllByType(Slider);
+    expect(objs).toHaveLength(1);
   });
 
   it('render TwoButtonTemplate', async () => {
@@ -566,7 +574,7 @@ describe('Test ActionGroup', () => {
       );
     });
     const instance = wrapper.root;
-    const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
+    const buttons = instance.findAllByType(TouchableOpacity);
+    expect(buttons).toHaveLength(2);
   });
 });

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

@@ -90,7 +90,6 @@ describe('Test ActionTemplate', () => {
       tree = renderer.create(wrapComponent(data));
     });
     const instance = tree.root;
-
     const selectActionCard = instance.findByType(SelectActionCard);
     const modal = instance.findAllByType(Modal);
     await act(async () => {
@@ -98,12 +97,17 @@ describe('Test ActionTemplate', () => {
     });
     expect(modal[0].props.isVisible).toBe(true);
   });
+
   it('test onPressSelectAction', async () => {
     await act(async () => {
       tree = renderer.create(wrapComponent(data));
     });
     const instance = tree.root;
 
+    const card = instance.findByType(SelectActionCard);
+    await act(async () => {
+      card.props.onPress();
+    });
     const threeButtonAction = instance.findByType(ThreeButtonAction);
     await act(async () => {
       threeButtonAction.props.onPress({

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

@@ -8,7 +8,7 @@ describe('Test AlertAction', () => {
   it('create AlertAction', async () => {
     await act(async () => {
       tree = await renderer.create(
-        <AlertAction visible={false} hideModal={true} title={''} />
+        <AlertAction visible={true} hideModal={jest.fn()} title={''} />
       );
     });
     const instance = tree.root;
@@ -21,7 +21,7 @@ describe('Test AlertAction', () => {
       tree = await renderer.create(
         <AlertAction
           visible={true}
-          hideModal={true}
+          hideModal={jest.fn()}
           title={''}
           message={'message'}
         />

package/src/commons/Automate/__test__/ItemAutomate.test.js

@@ -19,6 +19,6 @@ describe('Test ItemAutomate', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(4);
+    expect(texts[0].props.children).toEqual('Launch One-Tap');
   });
 });

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

@@ -2,8 +2,6 @@ import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import CalendarComponent from '../';
 import { Calendar } from 'react-native-calendars';
-// eslint-disable-next-line no-unused-vars
-import BottomSheet from '../../BottomSheet';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
@@ -14,9 +12,9 @@ jest.mock('react', () => {
     useState: jest.fn((init) => [init, mockSetState]),
   };
 });
-const wrapComponent = (route, navigation) => (
+const wrapComponent = ({ route, isVisible, navigation }) => (
   <SCProvider initState={mockSCStore({})}>
-    <CalendarComponent route={route} />
+    <CalendarComponent route={route} isVisible={isVisible} />
   </SCProvider>
 );
 describe('Test Calendar component', () => {
@@ -24,7 +22,7 @@ describe('Test Calendar component', () => {
 
   it('create Calendar', async () => {
     await act(async () => {
-      tree = renderer.create(wrapComponent());
+      tree = renderer.create(wrapComponent({ isVisible: true }));
     });
     const instance = tree.root;
     const calendar = instance.findAllByType(Calendar);