diff --git a/.changeset/empty-carpets-reply.md b/.changeset/empty-carpets-reply.md
new file mode 100644
index 00000000..0f28abd2
--- /dev/null
+++ b/.changeset/empty-carpets-reply.md
@@ -0,0 +1,8 @@
+---
+'@reactflow/background': patch
+'@reactflow/controls': patch
+'@reactflow/core': patch
+'@reactflow/minimap': patch
+---
+
+add data-testid for controls, minimap and background
diff --git a/packages/background/src/Background.tsx b/packages/background/src/Background.tsx
index 10702d81..bf8a4336 100644
--- a/packages/background/src/Background.tsx
+++ b/packages/background/src/Background.tsx
@@ -59,6 +59,7 @@ function Background({
         left: 0,
       }}
       ref={ref}
+      data-testid="rf__background"
     >
       <pattern
         id={patternId}
diff --git a/packages/controls/src/Controls.tsx b/packages/controls/src/Controls.tsx
index e2c96162..73234606 100644
--- a/packages/controls/src/Controls.tsx
+++ b/packages/controls/src/Controls.tsx
@@ -68,7 +68,12 @@ const Controls: FC<PropsWithChildren<ControlProps>> = ({
   };
 
   return (
-    <Panel className={cc(['react-flow__controls', className])} position={position} style={style}>
+    <Panel
+      className={cc(['react-flow__controls', className])}
+      position={position}
+      style={style}
+      data-testid="rf__controls"
+    >
       {showZoom && (
         <>
           <ControlButton
diff --git a/packages/minimap/src/MiniMap.tsx b/packages/minimap/src/MiniMap.tsx
index bb4a2f89..6fb1745b 100644
--- a/packages/minimap/src/MiniMap.tsx
+++ b/packages/minimap/src/MiniMap.tsx
@@ -161,7 +161,12 @@ function MiniMap({
     : undefined;
 
   return (
-    <Panel position={position} style={style} className={cc(['react-flow__minimap', className])}>
+    <Panel
+      position={position}
+      style={style}
+      className={cc(['react-flow__minimap', className])}
+      data-testid="rf__minimap"
+    >
       <svg
         width={elementWidth}
         height={elementHeight}