diff --git a/frontend/src/Editor/Components/KanbanBoard/KanbanBoard.jsx b/frontend/src/Editor/Components/KanbanBoard/KanbanBoard.jsx
index 3428351f63..251c784c91 100644
--- a/frontend/src/Editor/Components/KanbanBoard/KanbanBoard.jsx
+++ b/frontend/src/Editor/Components/KanbanBoard/KanbanBoard.jsx
@@ -15,6 +15,7 @@ export const KanbanBoard = ({
   containerProps,
   removeComponent,
   fireEvent,
+  dataCy,
 }) => {
   const { columns, cardData, enableAddCard } = properties;
 
@@ -115,6 +116,7 @@ export const KanbanBoard = ({
         style={{ display: visibility ? '' : 'none' }}
         data-disabled={disabledState}
         className={`kanban-container p-0 ${darkMode ? 'dark-themed' : ''}`}
+        data-cy={dataCy}
       >
         <Board
           height={height}
diff --git a/frontend/src/Editor/Components/Map/Map.jsx b/frontend/src/Editor/Components/Map/Map.jsx
index 5353ff58ff..9d0d978f63 100644
--- a/frontend/src/Editor/Components/Map/Map.jsx
+++ b/frontend/src/Editor/Components/Map/Map.jsx
@@ -17,6 +17,7 @@ export const Map = function Map({
   onEvent,
   // canvasWidth,
   registerAction,
+  dataCy,
 }) {
   const center = component.definition.properties.initialLocation.value;
   const defaultMarkerValue = component.definition.properties.defaultMarkers.value;
@@ -142,6 +143,7 @@ export const Map = function Map({
         onComponentClick(id, component, event);
       }}
       className="map-widget"
+      data-cy={dataCy}
     >
       <div
         className="map-center"
diff --git a/frontend/src/Editor/Components/Modal.jsx b/frontend/src/Editor/Components/Modal.jsx
index 85ad2a5897..36319ad96e 100644
--- a/frontend/src/Editor/Components/Modal.jsx
+++ b/frontend/src/Editor/Components/Modal.jsx
@@ -17,6 +17,7 @@ export const Modal = function Modal({
   setExposedVariable,
   registerAction,
   fireEvent,
+  dataCy,
 }) {
   const [showModal, setShowModal] = useState(false);
   const { hideOnEsc, hideCloseButton, hideTitleBar, loadingState, useDefaultButton, triggerButtonLabel } = properties;
@@ -111,7 +112,7 @@ export const Modal = function Modal({
   }, [containerProps.mode, parentRef]);
 
   return (
-    <div className="container" data-disabled={disabledState}>
+    <div className="container" data-disabled={disabledState} data-cy={dataCy}>
       {useDefaultButton && (
         <button
           disabled={disabledState}
diff --git a/frontend/src/Editor/Components/QrScanner/QrScanner.jsx b/frontend/src/Editor/Components/QrScanner/QrScanner.jsx
index 80d46233ff..ec1fbb5a90 100644
--- a/frontend/src/Editor/Components/QrScanner/QrScanner.jsx
+++ b/frontend/src/Editor/Components/QrScanner/QrScanner.jsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import QrReader from 'react-qr-reader';
 import ErrorModal from './ErrorModal';
 
-export const QrScanner = function QrScanner({ styles, fireEvent, setExposedVariable }) {
+export const QrScanner = function QrScanner({ styles, fireEvent, setExposedVariable, dataCy }) {
   const handleError = async (errorMessage) => {
     console.log(errorMessage);
     await setErrorOccured(true);
@@ -20,7 +20,7 @@ export const QrScanner = function QrScanner({ styles, fireEvent, setExposedVaria
   const { visibility, disabledState } = styles;
 
   return (
-    <div data-disabled={disabledState} style={{ display: visibility ? '' : 'none' }}>
+    <div data-disabled={disabledState} style={{ display: visibility ? '' : 'none' }} data-cy={dataCy}>
       {errorOccured ? <ErrorModal /> : <QrReader onError={handleError} onScan={handleScan} />}
     </div>
   );