From c81196343f05f674112c9fcd9dbd6c3f2faff657 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 20 Nov 2025 09:52:37 +0100
Subject: [PATCH] adjust minor test config: global mock of HTML functions and
 addition of test-id

---
 src/lib/components/ExpandableForm.svelte |  1 +
 tests/views/VorgangList.view.test.ts     | 18 +++++++++---------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/ExpandableForm.svelte b/src/lib/components/ExpandableForm.svelte
index 45b333e..e5a55f5 100644
--- a/src/lib/components/ExpandableForm.svelte
+++ b/src/lib/components/ExpandableForm.svelte
@@ -22,6 +22,7 @@
 <div data-testid="expand-container" class="flex flex-col items-center">
   <!-- + / × button -->
   <button
+    data-testid="expand-button"
     class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-600 text-white text-2xl font-bold hover:bg-blue-700 transition"
     on:click={toggle}
     aria-expanded={expanded}
diff --git a/tests/views/VorgangList.view.test.ts b/tests/views/VorgangList.view.test.ts
index 6e171fe..ca944bf 100644
--- a/tests/views/VorgangList.view.test.ts
+++ b/tests/views/VorgangList.view.test.ts
@@ -6,6 +6,14 @@ import { ROUTE_NAMES } from '../../src/routes';
 import { actions } from '../../src/routes/(angemeldet)/list/+page.server';
 import { createVorgang } from '$lib/server/vorgangService';
 
+// mock animation features of the browser
+
+window.HTMLElement.prototype.scrollIntoView = vi.fn();
+window.HTMLElement.prototype.animate = vi.fn(() => ({
+	finished: Promise.resolve(),
+													cancel: vi.fn(),
+}))
+
 describe('Vorgänge Liste Page EmptyList-Komponente View', () => {
 	it('zeigt EmptyList-Komponente an, wenn Liste leer ist', () => {
 		const testData = { ...baseData, vorgangList: [] };
@@ -47,16 +55,8 @@ describe('Teste Links auf Korrektheit', () => {
 });
 
 async function clickPlusButton() {
-	// mock animation features of the browser
-
-	window.HTMLElement.prototype.scrollIntoView = vi.fn();
-	window.HTMLElement.prototype.animate = vi.fn(() => ({
-		finished: Promise.resolve(),
-		cancel: vi.fn(),
-	}))
-
 	// button is visible
-	const button = screen.getByRole('button')
+	const button = screen.getByTestId('expand-button')
 	expect(button).toBeInTheDocument();
 
 	await fireEvent.click(button)