From 35c6ed15fb9a861e1971f0a6a62fbc3c8daf2286 Mon Sep 17 00:00:00 2001
From: EliFrankel <elifrankelilj@gmail.com>
Date: Wed, 6 Dec 2023 10:22:49 +0200
Subject: [PATCH 1/2] id

---
 .../RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js | 3 ++-
 .../ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
index f14a4ed96..982790683 100644
--- a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
+++ b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/ServiceCard/index.js
@@ -23,7 +23,7 @@ import FareBreakdownPopup from '../../../../../../popups/FareBreakdownPopup';
 
 const FARE_POPUP = 'farePopup';
 
-const ServiceCard = ({ service, withBorder }) => {
+const ServiceCard = ({ service, withBorder, testID }) => {
   const theme = useContext(ThemeContext);
   const {
     setChosenService, chosenService, serviceEstimations, ride,
@@ -104,6 +104,7 @@ const ServiceCard = ({ service, withBorder }) => {
   return (
     <>
       <CardContainer
+        testID={testID}
         theme={theme}
         withBorder={withBorder}
         selected={isSelected}
diff --git a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
index 81da07ed5..014c59566 100644
--- a/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
+++ b/examples/client/Locomotion/src/pages/ActiveRide/RideDrawer/RideOptions/ServiceOptions/index.js
@@ -28,6 +28,7 @@ const ServiceOptions = () => {
     <ServiceOptionsContainer alwaysBounceVertical={false}>
       {(serviceEstimations || []).map(option => (
         <ServiceCard
+          testID={`Service_${option.id}`}
           withBorder
           service={option}
           key={option.name}

From 260decd9cf49a8ea91344694c99846e5717fe59f Mon Sep 17 00:00:00 2001
From: EliFrankel <elifrankelilj@gmail.com>
Date: Thu, 8 Feb 2024 10:25:42 +0200
Subject: [PATCH 2/2] testid

---
 .../Locomotion/src/Components/StopPointsViewer/index.tsx       | 1 +
 .../Locomotion/src/Components/TextInput/BottomSheetInput.js    | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/client/Locomotion/src/Components/StopPointsViewer/index.tsx b/examples/client/Locomotion/src/Components/StopPointsViewer/index.tsx
index d7e71cb43..1e65bf3bb 100644
--- a/examples/client/Locomotion/src/Components/StopPointsViewer/index.tsx
+++ b/examples/client/Locomotion/src/Components/StopPointsViewer/index.tsx
@@ -64,6 +64,7 @@ const StopPointsViewer = ({ goBackToAddressSelector }: StopPointsViewerProps) =>
           </StreetAddress>
         </StreetAddressContainer>
         <TouchableOpacity
+          testID="editIcon"
           onPress={() => goBackToAddressSelector(requestStopPoints.length - 1)}
         >
           <SvgIcon
diff --git a/examples/client/Locomotion/src/Components/TextInput/BottomSheetInput.js b/examples/client/Locomotion/src/Components/TextInput/BottomSheetInput.js
index f2b6fdd3c..cc467e0fc 100644
--- a/examples/client/Locomotion/src/Components/TextInput/BottomSheetInput.js
+++ b/examples/client/Locomotion/src/Components/TextInput/BottomSheetInput.js
@@ -62,6 +62,7 @@ const BottomSheetInputField = forwardRef((props, ref) => (
 
       { props.onDrag && (
       <DragTouchableIconContainer
+        testID={`DragIconContainer_${props.index}`}
         onPressIn={() => props.onDrag()}
         onPressOut={() => props.onEndDrag()}
       >
@@ -83,7 +84,7 @@ const BottomSheetInputField = forwardRef((props, ref) => (
 
     { props.remove && (
     <TouchableIconContainer width={30} marginLeft={15} onPress={() => props.remove()}>
-      <RemoveIconContainer>
+      <RemoveIconContainer testID={`removeIcon_${props.index}`}>
         <SvgIcon
           Svg={deleteIcon}
           stroke="#333"