@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

package/src/screens/ManageAccess/hooks/index.js

@@ -8,14 +8,11 @@ export default (unit, sensor) => {
   const [isLoading, setIsLoading] = useState(false);
   const fetchData = useCallback(async () => {
     setIsLoading(true);
-    const { success, data: accessData } = await axiosGet(
-      API.UNIT.MANAGE_ACCESS(unit.id),
-      {
-        params: { sensor_id: sensor.id },
-      }
-    );
+    const { success, data } = await axiosGet(API.UNIT.MANAGE_ACCESS(unit.id), {
+      params: { sensor_id: sensor.id },
+    });
     if (success) {
-      setData(accessData);
+      setData(data);
     }
     setIsLoading(false);
   }, [unit.id, sensor.id]);

package/src/screens/ManageAccess/index.js

@@ -19,7 +19,7 @@ import { RowItem } from '../../commons/RowItem';
 const ManageAccessScreen = memo(({ route }) => {
   const t = useTranslations();
   const { params = {} } = route;
-  const { unit = {}, sensor = {} } = params;
+  const { unit, sensor } = params;
   const { navigate } = useNavigation();
   const isFocused = useIsFocused();
   const { data, isRefresh, isLoading, onRefresh } = useManageAccess(
@@ -46,7 +46,6 @@ const ManageAccessScreen = memo(({ route }) => {
         refreshControl={
           <RefreshControl refreshing={false} onRefresh={onRefresh} />
         }
-        scrollIndicatorInsets={{ right: 1 }}
       >
         <View style={styles.container}>
           <Text semibold style={styles.titleGuest}>

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

@@ -1,8 +1,7 @@
 import React from 'react';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 import { create } from 'react-test-renderer';
 import { act } from '@testing-library/react-hooks';
-import { TouchableOpacity } from 'react-native';
 
 import { TESTID } from '../../../configs/Constants';
 import { API } from '../../../configs';
@@ -10,20 +9,8 @@ import MoveToAnotherSubUnit from '../';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import BottomButtonView from '../../../commons/BottomButtonView';
-import api from '../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
 
+jest.mock('axios');
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
@@ -98,17 +85,6 @@ describe('Test Render ListSubUnit', () => {
     },
   };
 
-  it('render ListSubUnit with out params', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent({}));
-    });
-    const instance = tree.root;
-    const rowSubUnit = instance.findAll(
-      (el) => el.props.testID === TESTID.ROW_SUB_UNIT
-    );
-    expect(rowSubUnit).toHaveLength(0);
-  });
-
   it('render ListSubUnit', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -136,14 +112,15 @@ describe('Test Render ListSubUnit', () => {
         sensors: [],
       });
     });
-    mock.onPatch(API.DEVICE.CHANGE_SUB_UNIT(200, 3, 73)).reply(200);
-    await bottomButtonView.props.onPressMain();
-    expect(mockNavigate).toBeCalled();
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    await TouchableOpacities[2].props.onPress();
-    mockNavigate.mockClear();
-    mock.onPatch(API.DEVICE.CHANGE_SUB_UNIT(200, 3, 73)).reply(400);
-    await bottomButtonView.props.onPressMain();
-    expect(mockNavigate).not.toBeCalled();
+    act(() => {
+      bottomButtonView.props.onPressMain();
+    });
+
+    expect(axios.patch).toHaveBeenCalledWith(
+      API.SENSOR.CHANGE_SUB_UNIT(200, 3, 73),
+      {
+        station_id: 4,
+      }
+    );
   });
 });

package/src/screens/MoveToAnotherSubUnit/index.js

@@ -36,12 +36,12 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
   const { unit, sensor, station } = params;
   const { navigate } = useNavigation();
   const [selectedSubUnit, setSelectedSubUnit] = useState(
-    unit?.stations?.find((subUnit) => subUnit.id === station.id)
+    unit.stations?.find((subUnit) => subUnit.id === station.id)
   );
 
   const listStationUnit = useMemo(() => {
-    return unit?.stations.slice(2) || [];
-  }, [unit?.stations]);
+    return unit.stations.slice(2);
+  }, [unit.stations]);
 
   const handleOnSelect = useCallback((item) => {
     setSelectedSubUnit(item);
@@ -49,7 +49,7 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
 
   const onSubmit = useCallback(async () => {
     const { success } = await axiosPatch(
-      API.DEVICE.CHANGE_SUB_UNIT(unit.id, station.id, sensor.id),
+      API.SENSOR.CHANGE_SUB_UNIT(unit.id, station.id, sensor.id),
       {
         station_id: selectedSubUnit.id,
       }
@@ -57,12 +57,12 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
     if (success) {
       navigate(Routes.UnitDetail);
     }
-  }, [navigate, selectedSubUnit?.id, sensor?.id, station?.id, unit?.id]);
+  }, [navigate, selectedSubUnit.id, sensor.id, station.id, unit.id]);
 
   return (
     <View style={styles.wrap}>
       <HeaderCustom title={t('move_to_another_sub_unit')} isShowSeparator />
-      <ScrollView scrollIndicatorInsets={{ right: 1 }}>
+      <ScrollView>
         <View style={styles.container}>
           <View>
             {listStationUnit.map((item, index) => (

package/src/screens/Notification/__test__/Notification.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 import { Animated, RefreshControl } from 'react-native';
 
 import { SCProvider } from '../../../context';
@@ -8,7 +8,6 @@ import { mockSCStore } from '../../../context/mockStore';
 import Notification from '../index';
 import NotificationItem from '../components/NotificationItem';
 import { API } from '../../../configs';
-import api from '../../../utils/Apis/axios';
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
@@ -16,7 +15,7 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 jest.mock('react', () => {
   return {
@@ -54,9 +53,9 @@ describe('test Notification', () => {
         ],
       },
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -64,6 +63,10 @@ describe('test Notification', () => {
     const notificationItem = instance.findAllByType(NotificationItem);
 
     expect(notificationItem).toHaveLength(2);
+    expect(axios.get).toHaveBeenCalledWith(
+      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''),
+      {}
+    );
   });
 
   test('test handleOnLoadMore', async () => {
@@ -92,18 +95,22 @@ describe('test Notification', () => {
         ],
       },
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const scrollView = instance.findByType(Animated.ScrollView);
+
     act(() => {
       scrollView.props.onMomentumScrollEnd();
     });
-    expect(scrollView).toBeDefined();
+    expect(axios.get).toHaveBeenCalledWith(
+      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''),
+      {}
+    );
   });
 
   test('test onRefresh', async () => {
@@ -132,17 +139,21 @@ describe('test Notification', () => {
         ],
       },
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response.data);
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
     await act(async () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
     const refreshControl = instance.findByType(RefreshControl);
+
     act(() => {
       refreshControl.props.onRefresh();
     });
-    expect(refreshControl).toBeDefined();
+    expect(axios.get).toHaveBeenCalledWith(
+      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''),
+      {}
+    );
   });
 });

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
@@ -9,7 +9,6 @@ import NotificationItem from '../components/NotificationItem';
 import { NOTIFICATION_TYPES, SENSOR_TYPE } from '../../../configs/Constants';
 import Routes from '../../../utils/Route';
 import { API } from '../../../configs';
-import api from '../../../utils/Apis/axios';
 
 const wrapComponent = (item) => (
   <SCProvider initState={mockSCStore({})}>
@@ -17,7 +16,7 @@ const wrapComponent = (item) => (
   </SCProvider>
 );
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -239,10 +238,10 @@ describe('test NotificationItem', () => {
     });
     const instance = tree.root;
     const button = instance.findByType(TouchableOpacity);
-    mock.onPost(API.NOTIFICATION.SET_READ(1)).reply(200);
     act(() => {
       button.props.onPress();
     });
+    expect(axios.post).toHaveBeenCalledWith(API.NOTIFICATION.SET_READ(1));
     expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.UnitSummary,
       params: {
@@ -254,10 +253,10 @@ describe('test NotificationItem', () => {
 
   test('test render Notify not in any case', () => {
     item.content_code = 'NEW CASE';
-    item.params = "{ 'unit_id': 1 }";
-    act(() => {
-      tree = create(wrapComponent(item));
-    });
+    (item.params = "{ 'unit_id': 1 }"),
+      act(() => {
+        tree = create(wrapComponent(item));
+      });
     const instance = tree.root;
     const button = instance.findByType(TouchableOpacity);
     act(() => {

package/src/screens/Notification/components/NotificationItem.js

@@ -41,7 +41,7 @@ const NotificationItem = memo(({ item }) => {
     return values;
   }, [paramsJSON]);
 
-  const customColorText = (text, colorParams) => {
+  const customColorText = (text, params) => {
     return text.split('**').map((str, i) =>
       i % 2 === 0 ? (
         <Text type="Body" key={i} style={styles.textNotification}>
@@ -49,7 +49,7 @@ const NotificationItem = memo(({ item }) => {
         </Text>
       ) : (
         <Text type="Body" bold key={i} style={styles.textNotification}>
-          {colorParams[(i - 1) / 2]}
+          {params[(i - 1) / 2]}
         </Text>
       )
     );
@@ -167,6 +167,7 @@ const NotificationItem = memo(({ item }) => {
             }),
         };
       case NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED:
+        const violated_booking_id = paramsJSON.violated_booking_id;
         return {
           content: customColorText(
             t(
@@ -177,7 +178,7 @@ const NotificationItem = memo(({ item }) => {
           redirect: () =>
             navigation.navigate(Routes.SmartParkingStack, {
               screen: Routes.SmartParkingBookingDetails,
-              params: { id: paramsJSON.violated_booking_id || booking_id },
+              params: { id: violated_booking_id || booking_id },
             }),
         };
       case NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION:
@@ -205,6 +206,7 @@ const NotificationItem = memo(({ item }) => {
             }),
         };
       case NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY:
+        const new_booking_id = paramsJSON.booking_id_new;
         return {
           content: customColorText(
             t('text_notification_content_pay_fine_and_extend_successfully'),
@@ -213,7 +215,7 @@ const NotificationItem = memo(({ item }) => {
           redirect: () =>
             navigation.navigate(Routes.SmartParkingStack, {
               screen: Routes.SmartParkingBookingDetails,
-              params: { id: paramsJSON.booking_id_new },
+              params: { id: new_booking_id },
             }),
         };
       case NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE:
@@ -229,7 +231,8 @@ const NotificationItem = memo(({ item }) => {
             }),
         };
       case NOTIFICATION_TYPES.NOTIFY_INDICATOR:
-        switch (paramsJSON.sensor_type) {
+        const { sensor_type, summary_id } = paramsJSON;
+        switch (sensor_type) {
           case SENSOR_TYPE.AIR_QUALITY:
             return {
               content: customColorText(
@@ -240,7 +243,7 @@ const NotificationItem = memo(({ item }) => {
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
                   params: {
-                    summaryId: paramsJSON.summary_id,
+                    summaryId: summary_id,
                     unitId,
                   },
                 }),
@@ -256,7 +259,7 @@ const NotificationItem = memo(({ item }) => {
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
                   params: {
-                    summaryId: paramsJSON.summary_id,
+                    summaryId: summary_id,
                     unitId,
                   },
                 }),
@@ -272,7 +275,7 @@ const NotificationItem = memo(({ item }) => {
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
                   params: {
-                    summaryId: paramsJSON.summary_id,
+                    summaryId: summary_id,
                     unitId,
                   },
                 }),
@@ -288,7 +291,7 @@ const NotificationItem = memo(({ item }) => {
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
                   params: {
-                    summaryId: paramsJSON.summary_id,
+                    summaryId: summary_id,
                     unitId,
                   },
                 }),
@@ -304,7 +307,7 @@ const NotificationItem = memo(({ item }) => {
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
                   params: {
-                    summaryId: paramsJSON.summary_id,
+                    summaryId: summary_id,
                     unitId,
                   },
                 }),
@@ -385,13 +388,12 @@ const NotificationItem = memo(({ item }) => {
         }
 
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT:
+        const unitOwerName = paramsJSON?.unit_owner_name;
+        const textNotify = unitOwerName
+          ? t('text_notification_content_remove_unit_to_member')
+          : t('text_notification_content_remove_unit_to_owner');
         return {
-          content: customColorText(
-            paramsJSON?.unit_owner_name
-              ? t('text_notification_content_remove_unit_to_member')
-              : t('text_notification_content_remove_unit_to_owner'),
-            arrParams
-          ),
+          content: customColorText(textNotify, arrParams),
           redirect: () => null,
           iconContent: (
             <IconComponent icon={'home'} style={styles.backgroundSummer} />
@@ -472,6 +474,7 @@ const NotificationItem = memo(({ item }) => {
           ),
         };
       case NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT:
+        const stationId = paramsJSON?.sub_unit_id;
         return {
           content: customColorText(
             t('text_notification_content_rename_sub_unit'),
@@ -482,7 +485,7 @@ const NotificationItem = memo(({ item }) => {
               screen: Routes.UnitDetail,
               params: {
                 unitId,
-                stationId: paramsJSON?.sub_unit_id,
+                stationId,
               },
             });
           },

package/src/screens/Notification/index.js

@@ -13,7 +13,6 @@ import {
   unwatchNotificationData,
 } from '../../utils/Monitor';
 import { useSCContextSelector } from '../../context';
-import { notImplemented } from '../../utils/Utils';
 
 let page = 1;
 
@@ -27,18 +26,12 @@ const Notification = memo(() => {
       <View style={styles.rightComponent}>
         <TouchableOpacity
           style={styles.iconPlus}
-          onPress={() => {
-            notImplemented(t);
-          }}
+          onPress={() => alert(t('feature_under_development'))}
         >
           <Icon name={'plus'} size={27} color={Colors.Black} />
         </TouchableOpacity>
 
-        <TouchableOpacity
-          onPress={() => {
-            notImplemented(t);
-          }}
-        >
+        <TouchableOpacity onPress={() => alert(t('feature_under_development'))}>
           <Icon name={'search'} size={27} color={Colors.Black} />
         </TouchableOpacity>
       </View>

package/src/screens/PlayBackCamera/Timer.js

@@ -70,8 +70,8 @@ const Timer = ({
   }, []);
 
   useEffect(() => {
-    const scrollListener = scrollX.addListener(({ value: timeValue }) => {
-      !isFirstTime && onChangeValue && onChangeValue(timeValue, selected);
+    const scrollListener = scrollX.addListener(({ value }) => {
+      !isFirstTime && onChangeValue && onChangeValue(value, selected);
     });
     return () => scrollX.removeListener(scrollListener);
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1,11 +1,7 @@
-import moment from 'moment';
 import React from 'react';
-import { Animated, TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import PlayBackCamera from '..';
 import { ModalCustom } from '../../../commons/Modal';
-import Text from '../../../commons/Text';
-import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
@@ -30,95 +26,14 @@ const wrapComponent = () => (
   </SCProvider>
 );
 
-const mockSetState = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn((init) => [init, mockSetState]),
-    memo: (x) => x,
-  };
-});
-
-let dateTemp = moment().format('YYYY-MM-DD');
-
 describe('Test PlayBackCamera', () => {
   let tree;
-  jest.useFakeTimers();
-
   it('Test render', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent());
+    await act(() => {
+      tree = create(wrapComponent());
     });
     const instance = tree.root;
     const HeaderCustoms = instance.findAllByType(ModalCustom);
     expect(HeaderCustoms).toHaveLength(2);
-    const textOpenModal = instance.findAll(
-      (el) => el.props.testID === TESTID.OPEN_DATE_MODAL && el.type === Text
-    );
-    await textOpenModal[0].props.onPress();
-    expect(mockSetState).toBeCalledWith(true);
-
-    mockSetState.mockClear();
-    const buttonCancel = instance.findAll(
-      (el) =>
-        el.props.testID === TESTID.ON_PRESS_CANCEL &&
-        el.type === TouchableOpacity
-    );
-    await buttonCancel[0].props.onPress();
-    expect(mockSetState).toBeCalledWith(false);
-    expect(mockSetState).toBeCalledWith(dateTemp);
-
-    mockSetState.mockClear();
-    const buttonOK = instance.findAll(
-      (el) =>
-        el.props.testID === TESTID.ON_PRESS_OK && el.type === TouchableOpacity
-    );
-    await buttonOK[0].props.onPress();
-    expect(mockSetState).toBeCalledWith(false);
-
-    mockSetState.mockClear();
-    const buttonAddDate = instance.findAll(
-      (el) =>
-        el.props.testID === TESTID.ON_PRESS_ADD_DATE &&
-        el.type === TouchableOpacity
-    );
-    await buttonAddDate[0].props.onPress();
-    expect(mockSetState).not.toBeCalled();
-
-    mockSetState.mockClear();
-    const buttonSubDate = instance.findAll(
-      (el) =>
-        el.props.testID === TESTID.ON_PRESS_SUB_DATE &&
-        el.type === TouchableOpacity
-    );
-    await buttonSubDate[0].props.onPress();
-    expect(mockSetState).toBeCalledWith(
-      moment(dateTemp).subtract(1, 'days').format('YYYY-MM-DD')
-    );
-
-    mockSetState.mockClear();
-    const timer = instance.findAllByType(Animated.ScrollView);
-    //NOTE: isFirstTime = true
-    timer[0].props.onScroll({
-      nativeEvent: {
-        contentInset: { bottom: 10, left: 10, right: 10, top: 10 },
-        contentOffset: { x: 10, y: 0 },
-        contentSize: { height: 10, width: 10 },
-        layoutMeasurement: { height: 10, width: 10 },
-        zoomScale: 1,
-      },
-    });
-    jest.runAllTimers();
-    //NOTE: isFirstTime = false
-    timer[0].props.onScroll({
-      nativeEvent: {
-        contentInset: { bottom: 10, left: 10, right: 10, top: 10 },
-        contentOffset: { x: 60, y: 0 },
-        contentSize: { height: 10, width: 10 },
-        layoutMeasurement: { height: 10, width: 10 },
-        zoomScale: 1,
-      },
-    });
-    expect(mockSetState).toBeCalledWith({ h: '00', m: '37', s: 30 });
   });
 });

package/src/screens/PlayBackCamera/index.js

@@ -13,7 +13,6 @@ import Text from '../../commons/Text';
 import Timer from './Timer';
 import { useStatusBarPreview } from '../../hooks/Common/useStatusBar';
 import MediaPlayerFull from '../../commons/MediaPlayerDetail/MediaPlayerFull';
-import { TESTID } from '../../configs/Constants';
 
 let dateTemp = moment().format('YYYY-MM-DD');
 let isFirstTime = true;
@@ -62,7 +61,7 @@ const PlayBackCamera = () => {
     dateTemp = date;
   }, [selected]);
 
-  const onChangeValue = (value, selectedTime) => {
+  const onChangeValue = (value, selected) => {
     if (!isFirstTime) {
       const currentTime =
         parseFloat(arrHourTemp[0]) +
@@ -78,11 +77,11 @@ const PlayBackCamera = () => {
       const m = t4[0] < 10 ? '0' + t4[0] : t4[0];
       const s = t5 < 10 ? '0' + t5 : t5;
       setHour({ h, m, s });
-      if (value + 0.5 > currentTime * 96 && selectedTime === now) {
+      if (value + 0.5 > currentTime * 96 && selected === now) {
         setUri(item?.configuration?.uri);
       } else {
         const playback = item?.configuration?.playback || '';
-        const date = selectedTime.split('-');
+        const date = selected.split('-');
         setUri(
           `${playback.split('=')[0]}=${date[0]}${date[1]}${
             date[2]
@@ -152,18 +151,12 @@ const PlayBackCamera = () => {
       <View style={styles.container}>
         <View style={styles.row}>
           <TouchableOpacity
-            testID={TESTID.ON_PRESS_SUB_DATE}
             onPress={onSubtractDate}
             style={styles.commomButton}
           >
             <Image source={Images.arrowLeft} />
           </TouchableOpacity>
-          <Text
-            testID={TESTID.OPEN_DATE_MODAL}
-            onPress={onOpenDateModal}
-            style={styles.textDate}
-            type="h4"
-          >
+          <Text onPress={onOpenDateModal} style={styles.textDate} type="h4">
             {moment(selected).format('DD/MM/YYYY')}
           </Text>
           <TouchableOpacity
@@ -172,11 +165,7 @@ const PlayBackCamera = () => {
           >
             <Image source={Images.file} style={styles.iconDate} />
           </TouchableOpacity>
-          <TouchableOpacity
-            testID={TESTID.ON_PRESS_ADD_DATE}
-            onPress={onAddDate}
-            style={styles.commomButton}
-          >
+          <TouchableOpacity onPress={onAddDate} style={styles.commomButton}>
             <Image source={Images.arrowLeft} style={styles.arrowRight} />
           </TouchableOpacity>
         </View>
@@ -242,17 +231,12 @@ const PlayBackCamera = () => {
             <TouchableOpacity
               onPress={onPressCancel}
               style={styles.commomButton}
-              testID={TESTID.ON_PRESS_CANCEL}
             >
               <Text type="h4" semibold hilight>
                 {t('cancel')}
               </Text>
             </TouchableOpacity>
-            <TouchableOpacity
-              testID={TESTID.ON_PRESS_OK}
-              onPress={onPressOk}
-              style={styles.commomButton}
-            >
+            <TouchableOpacity onPress={onPressOk} style={styles.commomButton}>
               <Text type="h4" semibold hilight>
                 {t('done')}
               </Text>