diff --git a/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.unit.ts b/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.unit.ts
index 11a0087389..a94fb53a50 100644
--- a/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.unit.ts
+++ b/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.unit.ts
@@ -68,7 +68,13 @@ describe("CollaborativeTextEditorElement", () => {
 					[BOARD_IS_LIST_LAYOUT as symbol]: isListBoard,
 				},
 			},
-			propsData: { isEditMode, element },
+			propsData: {
+				isEditMode,
+				element,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
+			},
 		});
 
 		const windowMock = createMock<Window>();
diff --git a/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.vue b/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.vue
index 1aa8bd34d6..6a7f3203cb 100644
--- a/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.vue
+++ b/src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.vue
@@ -27,6 +27,9 @@
 			<template #menu>
 				<CollaborativeTextEditorElementMenu
 					v-if="isEditMode"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="elementIndex"
 					@move-down:element="onMoveDown"
 					@move-up:element="onMoveUp"
 					@delete:element="onDelete"
@@ -59,6 +62,9 @@ const props = defineProps({
 		required: true,
 	},
 	isEditMode: { type: Boolean, required: true },
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
 });
 
 const emit = defineEmits([
diff --git a/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.unit.ts b/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.unit.ts
index 62f6daf21d..714bc0cbea 100644
--- a/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.unit.ts
+++ b/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.unit.ts
@@ -25,6 +25,9 @@ describe("CollaborativeTextEditorElementMenu", () => {
 		isFirstElement: boolean;
 		isLastElement: boolean;
 		hasMultipleElements: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		document.body.setAttribute("data-app", "true");
 
@@ -60,6 +63,9 @@ describe("CollaborativeTextEditorElementMenu", () => {
 			hasMultipleElements: true,
 			isFirstElement: false,
 			isLastElement: false,
+			columnIndex: 0,
+			rowIndex: 1,
+			elementIndex: 2,
 		});
 
 		return {
diff --git a/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.vue b/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.vue
index 6c8d7268b7..37067c4cce 100644
--- a/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.vue
+++ b/src/modules/feature/board-collaborative-text-editor-element/components/CollaborativeTextEditorElementMenu.vue
@@ -2,6 +2,7 @@
 	<BoardMenu
 		:scope="BoardMenuScope.COLLABORATIVE_TEXT_EDITOR_ELEMENT"
 		has-background
+		:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
 	>
 		<BoardMenuActionMoveUp @click="onMoveUp" />
 		<BoardMenuActionMoveDown @click="onMoveDown" />
@@ -18,6 +19,12 @@ import {
 	BoardMenuScope,
 } from "@ui-board";
 
+defineProps({
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
+});
+
 const emit = defineEmits<{
 	(e: "delete:element"): void;
 	(e: "move-down:element"): void;
diff --git a/src/modules/feature/board-deleted-element/DeletedElement.unit.ts b/src/modules/feature/board-deleted-element/DeletedElement.unit.ts
index cca12dbf06..35ed71a229 100644
--- a/src/modules/feature/board-deleted-element/DeletedElement.unit.ts
+++ b/src/modules/feature/board-deleted-element/DeletedElement.unit.ts
@@ -41,6 +41,9 @@ describe("DeletedElement", () => {
 		props: ComponentProps<typeof DeletedElement> = {
 			element: deletedElementResponseFactory.build(),
 			isEditMode: false,
+			columnIndex: 0,
+			rowIndex: 1,
+			elementIndex: 2,
 		}
 	) => {
 		const wrapper = mount(DeletedElement, {
@@ -66,6 +69,9 @@ describe("DeletedElement", () => {
 			const { wrapper } = getWrapper({
 				element: deletedElementResponseFactory.build(),
 				isEditMode: true,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			return {
@@ -88,6 +94,9 @@ describe("DeletedElement", () => {
 				const { wrapper } = getWrapper({
 					element: deletedElementResponseFactory.build(),
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
@@ -109,6 +118,9 @@ describe("DeletedElement", () => {
 				const { wrapper } = getWrapper({
 					element: deletedElementResponseFactory.build(),
 					isEditMode: false,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
@@ -131,6 +143,9 @@ describe("DeletedElement", () => {
 				const { wrapper } = getWrapper({
 					element: deletedElement,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
@@ -158,6 +173,9 @@ describe("DeletedElement", () => {
 				const { wrapper } = getWrapper({
 					element: deletedElementResponseFactory.build(),
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
diff --git a/src/modules/feature/board-deleted-element/DeletedElement.vue b/src/modules/feature/board-deleted-element/DeletedElement.vue
index 31446867b7..3460ff13d0 100644
--- a/src/modules/feature/board-deleted-element/DeletedElement.vue
+++ b/src/modules/feature/board-deleted-element/DeletedElement.vue
@@ -29,6 +29,9 @@
 			<template #menu>
 				<DeletedElementMenu
 					v-if="isEditMode"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="elementIndex"
 					@delete:element="onDeleteElement"
 				/>
 			</template>
@@ -51,6 +54,9 @@ const props = defineProps({
 		required: true,
 	},
 	isEditMode: { type: Boolean, required: true },
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
 });
 
 const emit = defineEmits<{
diff --git a/src/modules/feature/board-deleted-element/DeletedElementMenu.vue b/src/modules/feature/board-deleted-element/DeletedElementMenu.vue
index 67656ab153..c38e58c68e 100644
--- a/src/modules/feature/board-deleted-element/DeletedElementMenu.vue
+++ b/src/modules/feature/board-deleted-element/DeletedElementMenu.vue
@@ -2,7 +2,7 @@
 	<BoardMenu
 		:scope="BoardMenuScope.DELETED_ELEMENT"
 		has-background
-		data-testid="deleted-element-menu-btn"
+		:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
 	>
 		<BoardMenuActionDelete @click="onDelete" />
 	</BoardMenu>
@@ -11,6 +11,12 @@
 <script setup lang="ts">
 import { BoardMenu, BoardMenuActionDelete, BoardMenuScope } from "@ui-board";
 
+defineProps({
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
+});
+
 const emit = defineEmits<{
 	(e: "delete:element"): void;
 }>();
diff --git a/src/modules/feature/board-drawing-element/DrawingContentElement.unit.ts b/src/modules/feature/board-drawing-element/DrawingContentElement.unit.ts
index 17cf13414e..7f9c09f9b0 100644
--- a/src/modules/feature/board-drawing-element/DrawingContentElement.unit.ts
+++ b/src/modules/feature/board-drawing-element/DrawingContentElement.unit.ts
@@ -42,6 +42,9 @@ describe("DrawingContentElement", () => {
 	const setup = (props: {
 		element: DrawingElementResponse;
 		isEditMode: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		const wrapper = shallowMount(DrawingContentElement, {
 			global: {
@@ -66,6 +69,9 @@ describe("DrawingContentElement", () => {
 			const { wrapper } = setup({
 				element: DRAWING_ELEMENT,
 				isEditMode: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 			expect(wrapper.findComponent(InnerContent).exists()).toBe(true);
 		});
@@ -74,6 +80,9 @@ describe("DrawingContentElement", () => {
 			const { wrapper } = setup({
 				element: DRAWING_ELEMENT,
 				isEditMode: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			const elementCard = wrapper.findComponent({
@@ -90,6 +99,9 @@ describe("DrawingContentElement", () => {
 			const { wrapper } = setup({
 				element: DRAWING_ELEMENT,
 				isEditMode: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			const elementCard = wrapper.findComponent({
@@ -108,6 +120,9 @@ describe("DrawingContentElement", () => {
 					const { wrapper } = setup({
 						element: DRAWING_ELEMENT,
 						isEditMode: false,
+						columnIndex: 0,
+						rowIndex: 1,
+						elementIndex: 2,
 					});
 
 					const elementCard = wrapper.findComponent({
@@ -124,6 +139,9 @@ describe("DrawingContentElement", () => {
 				const { wrapper } = setup({
 					element: DRAWING_ELEMENT,
 					isEditMode: false,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				const elementMenu = wrapper.findComponent(BoardMenu);
@@ -139,6 +157,9 @@ describe("DrawingContentElement", () => {
 					const { wrapper } = setup({
 						element: DRAWING_ELEMENT,
 						isEditMode: true,
+						columnIndex: 0,
+						rowIndex: 1,
+						elementIndex: 2,
 					});
 
 					const elementCard = wrapper.findComponent({
@@ -155,6 +176,9 @@ describe("DrawingContentElement", () => {
 				const { wrapper } = setup({
 					element: DRAWING_ELEMENT,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				const elementMenu = wrapper.findComponent(BoardMenu);
@@ -166,6 +190,9 @@ describe("DrawingContentElement", () => {
 				const { wrapper } = setup({
 					element: DRAWING_ELEMENT,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				const menuItem = wrapper.findComponent(BoardMenuActionDelete);
@@ -179,6 +206,9 @@ describe("DrawingContentElement", () => {
 				const { wrapper } = setup({
 					element: DRAWING_ELEMENT,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				const menuItem = wrapper.findComponent(BoardMenuActionMoveUp);
@@ -192,6 +222,9 @@ describe("DrawingContentElement", () => {
 				const { wrapper } = setup({
 					element: DRAWING_ELEMENT,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				const menuItem = wrapper.findComponent(BoardMenuActionMoveDown);
diff --git a/src/modules/feature/board-drawing-element/DrawingContentElement.vue b/src/modules/feature/board-drawing-element/DrawingContentElement.vue
index a7bd6ec6f0..fda2862981 100644
--- a/src/modules/feature/board-drawing-element/DrawingContentElement.vue
+++ b/src/modules/feature/board-drawing-element/DrawingContentElement.vue
@@ -14,7 +14,11 @@
 		<div class="drawing-element-content">
 			<InnerContent :docName="element.id">
 				<template v-if="isEditMode">
-					<BoardMenu :scope="BoardMenuScope.DRAWING_ELEMENT" has-background>
+					<BoardMenu
+						:scope="BoardMenuScope.DRAWING_ELEMENT"
+						has-background
+						:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
+					>
 						<BoardMenuActionMoveUp @click="onMoveDrawingElementEditUp" />
 						<BoardMenuActionMoveDown @click="onMoveDrawingElementEditDown" />
 						<BoardMenuActionDelete @click="onDeleteElement" />
@@ -46,6 +50,9 @@ const props = defineProps({
 		required: true,
 	},
 	isEditMode: { type: Boolean, required: true },
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
 });
 const emit = defineEmits([
 	"delete:element",
diff --git a/src/modules/feature/board-external-tool-element/ExternalToolElement.unit.ts b/src/modules/feature/board-external-tool-element/ExternalToolElement.unit.ts
index f35cc1b29c..6251585991 100644
--- a/src/modules/feature/board-external-tool-element/ExternalToolElement.unit.ts
+++ b/src/modules/feature/board-external-tool-element/ExternalToolElement.unit.ts
@@ -126,6 +126,9 @@ describe("ExternalToolElement", () => {
 				isLastElement: false,
 				hasMultipleElements: false,
 				cardId: "cardId",
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 				...propsData,
 			},
 		});
diff --git a/src/modules/feature/board-external-tool-element/ExternalToolElement.vue b/src/modules/feature/board-external-tool-element/ExternalToolElement.vue
index ad8d85ce37..714be5b7c0 100644
--- a/src/modules/feature/board-external-tool-element/ExternalToolElement.vue
+++ b/src/modules/feature/board-external-tool-element/ExternalToolElement.vue
@@ -28,6 +28,9 @@
 					v-if="isEditMode"
 					ref="externalToolElementMenu"
 					:display-name="displayData?.name"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="elementIndex"
 					@move-down:element="onMoveElementDown"
 					@move-up:element="onMoveElementUp"
 					@delete:element="onDeleteElement"
@@ -86,6 +89,9 @@ const props = defineProps({
 		required: true,
 	},
 	isEditMode: { type: Boolean, required: true },
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
 });
 
 const emit = defineEmits<{
diff --git a/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.unit.ts b/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.unit.ts
index 64d7a6f0f0..444b794a2b 100644
--- a/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.unit.ts
+++ b/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.unit.ts
@@ -11,6 +11,9 @@ describe("ExternalToolElementMenu", () => {
 		isFirstElement: boolean;
 		isLastElement: boolean;
 		hasMultipleElements: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		document.body.setAttribute("data-app", "true");
 
@@ -36,6 +39,9 @@ describe("ExternalToolElementMenu", () => {
 				hasMultipleElements: true,
 				isFirstElement: false,
 				isLastElement: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			return {
@@ -68,6 +74,9 @@ describe("ExternalToolElementMenu", () => {
 				hasMultipleElements: true,
 				isFirstElement: false,
 				isLastElement: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			return {
diff --git a/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.vue b/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.vue
index e06c6da8fe..b6a51830cc 100644
--- a/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.vue
+++ b/src/modules/feature/board-external-tool-element/ExternalToolElementMenu.vue
@@ -1,5 +1,9 @@
 <template>
-	<BoardMenu :scope="BoardMenuScope.EXTERNAL_TOOL_ELEMENT" has-background>
+	<BoardMenu
+		:scope="BoardMenuScope.EXTERNAL_TOOL_ELEMENT"
+		has-background
+		:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
+	>
 		<BoardMenuActionMoveUp @click="onMoveUp" />
 		<BoardMenuActionMoveDown @click="onMoveDown" />
 		<BoardMenuAction :icon="mdiCogOutline" @click="onEdit">
@@ -43,6 +47,9 @@ export default defineComponent({
 		displayName: {
 			type: String,
 		},
+		columnIndex: { type: Number, required: true },
+		rowIndex: { type: Number, required: true },
+		elementIndex: { type: Number, required: true },
 	},
 	emits: [
 		"edit:element",
diff --git a/src/modules/feature/board-file-element/FileContentElement.unit.ts b/src/modules/feature/board-file-element/FileContentElement.unit.ts
index beef28fb17..b280fae287 100644
--- a/src/modules/feature/board-file-element/FileContentElement.unit.ts
+++ b/src/modules/feature/board-file-element/FileContentElement.unit.ts
@@ -4,7 +4,6 @@ import {
 	PreviewWidth,
 } from "@/fileStorageApi/v3";
 import NotifierModule from "@/store/notifier";
-import { AnyContentElement } from "@/types/board/ContentElement";
 import { convertDownloadToPreviewUrl } from "@/utils/fileHelper";
 import { NOTIFIER_MODULE_KEY } from "@/utils/inject";
 import { createModuleMocks } from "@@/tests/test-utils/mock-store-module";
@@ -23,6 +22,7 @@ import { useFileAlerts } from "./content/alert/useFileAlerts.composable";
 import { FileAlert } from "./shared/types/FileAlert.enum";
 import { FileProperties } from "./shared/types/file-properties";
 import FileUpload from "./upload/FileUpload.vue";
+import { FileElementResponse } from "@/serverApi/v3";
 
 jest.mock("@data-board", () => {
 	return {
@@ -37,8 +37,11 @@ jest.mock("./content/alert/useFileAlerts.composable");
 describe("FileContentElement", () => {
 	const notifierModule = createModuleMocks(NotifierModule);
 	const getWrapper = (props: {
-		element: AnyContentElement;
+		element: FileElementResponse;
 		isEditMode: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		const menu = "slot-menu";
 
@@ -72,6 +75,9 @@ describe("FileContentElement", () => {
 				const { wrapper, menu } = getWrapper({
 					element,
 					isEditMode: false,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
@@ -160,6 +166,9 @@ describe("FileContentElement", () => {
 				const { wrapper, menu, addAlertMock } = getWrapper({
 					element,
 					isEditMode: false,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
@@ -357,6 +366,9 @@ describe("FileContentElement", () => {
 					const { wrapper } = getWrapper({
 						element,
 						isEditMode: true,
+						columnIndex: 0,
+						rowIndex: 1,
+						elementIndex: 2,
 					});
 
 					return {
@@ -438,6 +450,9 @@ describe("FileContentElement", () => {
 					const { wrapper } = getWrapper({
 						element,
 						isEditMode: true,
+						columnIndex: 0,
+						rowIndex: 1,
+						elementIndex: 2,
 					});
 
 					return {
@@ -509,6 +524,9 @@ describe("FileContentElement", () => {
 				const { wrapper, menu } = getWrapper({
 					element,
 					isEditMode: true,
+					columnIndex: 0,
+					rowIndex: 1,
+					elementIndex: 2,
 				});
 
 				return {
diff --git a/src/modules/feature/board-file-element/FileContentElement.vue b/src/modules/feature/board-file-element/FileContentElement.vue
index 3a521da42d..7110b9848f 100644
--- a/src/modules/feature/board-file-element/FileContentElement.vue
+++ b/src/modules/feature/board-file-element/FileContentElement.vue
@@ -23,6 +23,7 @@
 			<BoardMenu
 				:scope="BoardMenuScope.FILE_ELEMENT"
 				has-background
+				:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
 				v-if="isEditMode"
 			>
 				<BoardMenuActionMoveUp @click="onMoveUp" />
@@ -95,6 +96,9 @@ export default defineComponent({
 	props: {
 		element: { type: Object as PropType<FileElementResponse>, required: true },
 		isEditMode: { type: Boolean, required: true },
+		columnIndex: { type: Number, required: true },
+		rowIndex: { type: Number, required: true },
+		elementIndex: { type: Number, required: true },
 	},
 	emits: [
 		"delete:element",
diff --git a/src/modules/feature/board-link-element/components/LinkContentElement.unit.ts b/src/modules/feature/board-link-element/components/LinkContentElement.unit.ts
index 2a332ff0e4..50e2c5a6b5 100644
--- a/src/modules/feature/board-link-element/components/LinkContentElement.unit.ts
+++ b/src/modules/feature/board-link-element/components/LinkContentElement.unit.ts
@@ -82,6 +82,9 @@ describe("LinkContentElement", () => {
 		element: LinkElementResponse;
 		isEditMode: boolean;
 		isDetailView: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		const notifierModule = createModuleMocks(NotifierModule);
 		const wrapper = shallowMount(LinkContentElement, {
@@ -137,6 +140,9 @@ describe("LinkContentElement", () => {
 			element,
 			isEditMode: options.isEditMode,
 			isDetailView: false,
+			columnIndex: 0,
+			rowIndex: 1,
+			elementIndex: 2,
 		});
 
 		return {
diff --git a/src/modules/feature/board-link-element/components/LinkContentElement.vue b/src/modules/feature/board-link-element/components/LinkContentElement.vue
index 1ec1b7ed22..46c0db87c7 100644
--- a/src/modules/feature/board-link-element/components/LinkContentElement.vue
+++ b/src/modules/feature/board-link-element/components/LinkContentElement.vue
@@ -19,7 +19,11 @@
 				:title="computedElement.content.title"
 				:imageUrl="computedElement.content.imageUrl"
 				:isEditMode="isEditMode"
-				><BoardMenu :scope="BoardMenuScope.LINK_ELEMENT" has-background>
+				><BoardMenu
+					:scope="BoardMenuScope.LINK_ELEMENT"
+					has-background
+					:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
+				>
 					<BoardMenuActionMoveUp @click="onMoveUp" />
 					<BoardMenuActionMoveDown @click="onMoveDown" />
 					<BoardMenuActionDelete @click="onDelete" />
@@ -62,6 +66,9 @@ const props = defineProps({
 	},
 	isEditMode: { type: Boolean, required: true },
 	isDetailView: { type: Boolean, required: true },
+	columnIndex: { type: Number, required: true },
+	rowIndex: { type: Number, required: true },
+	elementIndex: { type: Number, required: true },
 });
 const emit = defineEmits<{
 	(e: "delete:element", id: string): void;
diff --git a/src/modules/feature/board-submission-element/components/SubmissionContentElement.unit.ts b/src/modules/feature/board-submission-element/components/SubmissionContentElement.unit.ts
index 34183880dc..ca2ce06010 100644
--- a/src/modules/feature/board-submission-element/components/SubmissionContentElement.unit.ts
+++ b/src/modules/feature/board-submission-element/components/SubmissionContentElement.unit.ts
@@ -1,5 +1,4 @@
 import NotifierModule from "@/store/notifier";
-import { AnyContentElement } from "@/types/board/ContentElement";
 import { NOTIFIER_MODULE_KEY } from "@/utils/inject";
 import { createModuleMocks } from "@@/tests/test-utils/mock-store-module";
 import { submissionContainerElementResponseFactory } from "@@/tests/test-utils/factory/submissionContainerElementResponseFactory";
@@ -16,6 +15,7 @@ import {
 	createTestingI18n,
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
+import { SubmissionContainerElementResponse } from "@/serverApi/v3";
 
 jest.mock("@data-board/BoardFocusHandler.composable");
 jest.mock("@feature-board");
@@ -59,8 +59,11 @@ mockedUseSubmissionContentElementState.mockReturnValue(
 describe("SubmissionContentElement", () => {
 	const notifierModule = createModuleMocks(NotifierModule);
 	const getWrapper = (props: {
-		element: AnyContentElement;
+		element: SubmissionContainerElementResponse;
 		isEditMode: boolean;
+		columnIndex: number;
+		rowIndex: number;
+		elementIndex: number;
 	}) => {
 		const wrapper = shallowMount(SubmissionContentElement, {
 			global: {
@@ -93,6 +96,9 @@ describe("SubmissionContentElement", () => {
 			const { wrapper } = getWrapper({
 				element,
 				isEditMode: false,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			return {
@@ -191,6 +197,9 @@ describe("SubmissionContentElement", () => {
 			const { wrapper } = getWrapper({
 				element,
 				isEditMode: true,
+				columnIndex: 0,
+				rowIndex: 1,
+				elementIndex: 2,
 			});
 
 			return {
diff --git a/src/modules/feature/board-submission-element/components/SubmissionContentElement.vue b/src/modules/feature/board-submission-element/components/SubmissionContentElement.vue
index 63ae8ba30e..7d01a07071 100644
--- a/src/modules/feature/board-submission-element/components/SubmissionContentElement.vue
+++ b/src/modules/feature/board-submission-element/components/SubmissionContentElement.vue
@@ -28,7 +28,11 @@
 				:isOverdue="isOverdue"
 				@update:dueDate="($event) => (modelValue.dueDate = $event)"
 			>
-				<BoardMenu :scope="BoardMenuScope.SUBMISSION_ELEMENT" has-background>
+				<BoardMenu
+					:scope="BoardMenuScope.SUBMISSION_ELEMENT"
+					has-background
+					:data-testid="`element-menu-button-${columnIndex}-${rowIndex}-${elementIndex}`"
+				>
 					<BoardMenuActionMoveUp @click="onMoveElementUp" />
 					<BoardMenuActionMoveDown @click="onMoveElementDown" />
 					<BoardMenuActionDelete @click="onDeleteElement" />
@@ -75,6 +79,9 @@ export default defineComponent({
 			required: true,
 		},
 		isEditMode: { type: Boolean, required: true },
+		columnIndex: { type: Number, required: true },
+		rowIndex: { type: Number, required: true },
+		elementIndex: { type: Number, required: true },
 	},
 	emits: [
 		"move-keyboard:edit",
diff --git a/src/modules/feature/board/board/Board.vue b/src/modules/feature/board/board/Board.vue
index 3bad5ee769..f894c9d1b9 100644
--- a/src/modules/feature/board/board/Board.vue
+++ b/src/modules/feature/board/board/Board.vue
@@ -54,6 +54,7 @@
 									:columnCount="board.columns.length"
 									:class="{ 'my-0': isListBoard }"
 									:isListBoard="isListBoard"
+									:data-testid="`board-column-${index}`"
 									@reload:board="onReloadBoard"
 									@create:card="onCreateCard"
 									@delete:card="onDeleteCard"
diff --git a/src/modules/feature/board/board/BoardColumn.vue b/src/modules/feature/board/board/BoardColumn.vue
index 40a14e1196..4df994fa78 100644
--- a/src/modules/feature/board/board/BoardColumn.vue
+++ b/src/modules/feature/board/board/BoardColumn.vue
@@ -50,6 +50,8 @@
 						}"
 						:card-id="element.cardId"
 						:height="element.height"
+						:row-index="index"
+						:column-index="reactiveIndex"
 						@move:card-keyboard="
 							onMoveCardKeyboard(index, element.cardId, $event)
 						"
diff --git a/src/modules/feature/board/card/CardHost.unit.ts b/src/modules/feature/board/card/CardHost.unit.ts
index e59cad6372..7d4456f81f 100644
--- a/src/modules/feature/board/card/CardHost.unit.ts
+++ b/src/modules/feature/board/card/CardHost.unit.ts
@@ -156,6 +156,8 @@ describe("CardHost", () => {
 			propsData: {
 				cardId: card?.id ?? "cardId",
 				height: card?.height ?? 0,
+				columnIndex: 0,
+				rowIndex: 1,
 			},
 		});
 
diff --git a/src/modules/feature/board/card/CardHost.vue b/src/modules/feature/board/card/CardHost.vue
index c3d54ecfa8..c904a95ad5 100644
--- a/src/modules/feature/board/card/CardHost.vue
+++ b/src/modules/feature/board/card/CardHost.vue
@@ -18,6 +18,7 @@
 				:id="cardId"
 				:ripple="false"
 				:hover="isHovered"
+				:data-testid="cardTestId"
 			>
 				<template v-if="isLoadingCard">
 					<CardSkeleton :height="height" />
@@ -37,7 +38,7 @@
 							v-if="hasDeletePermission"
 							:scope="BoardMenuScope.CARD"
 							has-background
-							data-testid="card-menu-btn"
+							:data-testid="boardMenuTestId"
 						>
 							<BoardMenuActionEdit
 								v-if="!isEditMode"
@@ -56,6 +57,8 @@
 							:elements="card.elements"
 							:isEditMode="isEditMode"
 							:isDetailView="isDetailView"
+							:row-index="rowIndex"
+							:column-index="columnIndex"
 							@delete:element="onDeleteElement"
 							@move-down:element="onMoveContentElementDown"
 							@move-up:element="onMoveContentElementUp"
@@ -71,6 +74,8 @@
 			v-if="card"
 			:card="card"
 			:isOpen="isDetailView"
+			:rowIndex="rowIndex"
+			:columnIndex="columnIndex"
 			@delete:element="onDeleteElement"
 			@move-down:element="onMoveContentElementDown"
 			@move-up:element="onMoveContentElementUp"
@@ -135,6 +140,8 @@ export default defineComponent({
 	props: {
 		height: { type: Number, required: true },
 		cardId: { type: String, required: true },
+		rowIndex: { type: Number, required: true },
+		columnIndex: { type: Number, required: true },
 	},
 	emits: ["move:card-keyboard", "delete:card", "reload:board"],
 	setup(props, { emit }) {
@@ -155,6 +162,13 @@ export default defineComponent({
 
 		const hasCardTitle = computed(() => card.value?.title);
 
+		const boardMenuTestId = computed(
+			() => `card-menu-btn-${props.columnIndex}-${props.rowIndex}`
+		);
+		const cardTestId = computed(
+			() => `board-card-${props.columnIndex}-${props.rowIndex}`
+		);
+
 		const { height: cardHostHeight } = useElementSize(cardHost);
 		const { isEditMode, startEditMode, stopEditMode } = useCourseBoardEditMode(
 			cardId.value
@@ -255,6 +269,8 @@ export default defineComponent({
 			isLoadingCard,
 			isHovered,
 			isFocusedById,
+			boardMenuTestId,
+			cardTestId,
 			onMoveCardKeyboard,
 			onUpdateCardTitle,
 			onDeleteCard,
diff --git a/src/modules/feature/board/card/CardHostDetailView.unit.ts b/src/modules/feature/board/card/CardHostDetailView.unit.ts
index f43587c800..2a0dc8cb17 100644
--- a/src/modules/feature/board/card/CardHostDetailView.unit.ts
+++ b/src/modules/feature/board/card/CardHostDetailView.unit.ts
@@ -31,7 +31,12 @@ describe("CardHostDetailView", () => {
 
 	describe("when component is mounted", () => {
 		it("should be found in dom", () => {
-			const { wrapper } = setup({ card: CARD_WITH_ELEMENTS, isOpen: true });
+			const { wrapper } = setup({
+				card: CARD_WITH_ELEMENTS,
+				isOpen: true,
+				columnIndex: 0,
+				rowIndex: 1,
+			});
 			expect(wrapper.findComponent(CardHostDetailView).exists()).toBe(true);
 		});
 	});
diff --git a/src/modules/feature/board/card/CardHostDetailView.vue b/src/modules/feature/board/card/CardHostDetailView.vue
index 88650e3a2b..2d79116c0d 100644
--- a/src/modules/feature/board/card/CardHostDetailView.vue
+++ b/src/modules/feature/board/card/CardHostDetailView.vue
@@ -48,6 +48,8 @@
 							:elements="card.elements"
 							:isEditMode="isEditMode"
 							:isDetailView="true"
+							:row-index="rowIndex"
+							:column-index="columnIndex"
 							@delete:element="onDeleteElement"
 							@move-down:element="onMoveElementDown"
 							@move-up:element="onMoveElementUp"
@@ -88,6 +90,14 @@ export default defineComponent({
 			type: Boolean,
 			required: true,
 		},
+		rowIndex: {
+			type: Number,
+			required: true,
+		},
+		columnIndex: {
+			type: Number,
+			required: true,
+		},
 	},
 	emits: [
 		"update:title",
diff --git a/src/modules/feature/board/card/ContentElementList.vue b/src/modules/feature/board/card/ContentElementList.vue
index cf7b56111e..940a4dc4ff 100644
--- a/src/modules/feature/board/card/ContentElementList.vue
+++ b/src/modules/feature/board/card/ContentElementList.vue
@@ -1,7 +1,11 @@
 <template>
 	<VCardText class="mb-n4">
 		<template v-for="(element, index) in elements" :key="element.id">
-			<ContentElement :index="index" :elementCount="elements.length">
+			<ContentElement
+				:index="index"
+				:elementCount="elements.length"
+				:data-testid="`board-contentelement-${columnIndex}-${rowIndex}-${index}`"
+			>
 				<RichTextContentElement
 					v-if="isRichTextElementResponse(element)"
 					:element="element"
@@ -19,6 +23,9 @@
 					:isDetailView="isDetailView"
 					:id="element.id"
 					tabindex="0"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -30,6 +37,9 @@
 					:isEditMode="isEditMode"
 					:id="element.id"
 					tabindex="0"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -40,6 +50,9 @@
 					:element="element"
 					:isEditMode="isEditMode"
 					:id="element.id"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -50,6 +63,9 @@
 					:element="element"
 					:isEditMode="isEditMode"
 					:id="element.id"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -65,6 +81,9 @@
 					:hasMultipleElements="hasMultipleElements"
 					:id="element.id"
 					tabindex="0"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -78,6 +97,9 @@
 					:isLastElement="lastElementId === element.id"
 					:hasMultipleElements="hasMultipleElements"
 					:id="element.id"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@move-keyboard:edit="onMoveElementKeyboard(index, element, $event)"
 					@move-down:edit="onMoveElementDown(index, element)"
 					@move-up:edit="onMoveElementUp(index, element)"
@@ -87,6 +109,9 @@
 					v-else-if="isDeletedElementResponse(element)"
 					:element="element"
 					:isEditMode="isEditMode"
+					:column-index="columnIndex"
+					:row-index="rowIndex"
+					:element-index="index"
 					@delete:element="onDeleteElement"
 				/>
 			</ContentElement>
@@ -133,6 +158,14 @@ const props = defineProps({
 		type: Boolean,
 		required: true,
 	},
+	rowIndex: {
+		type: Number,
+		required: true,
+	},
+	columnIndex: {
+		type: Number,
+		required: true,
+	},
 });
 
 const emit = defineEmits<{