From 67a24f3650d2710fa7b3779d1cd6b07134adffce Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 25 Sep 2025 14:05:38 +0200
Subject: [PATCH] test links on Home-Page View

---
 src/routes/(angemeldet)/+page.svelte |  8 +++++---
 tests/Home.view.test.ts              | 24 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 tests/Home.view.test.ts

diff --git a/src/routes/(angemeldet)/+page.svelte b/src/routes/(angemeldet)/+page.svelte
index 005c537..12431c8 100644
--- a/src/routes/(angemeldet)/+page.svelte
+++ b/src/routes/(angemeldet)/+page.svelte
@@ -3,6 +3,8 @@
 	import FileRect from '$lib/icons/File-rect.svelte';
 	import ListIcon from '$lib/icons/List-icon.svelte';
 
+	import { ROUTE_NAMES } from '../index.js';
+
 	export let data;
 	export let outline = true;
 </script>
@@ -18,7 +20,7 @@
 				>
 					<ListIcon class=" group-hover:text-indigo-600" />
 				</div>
-				<a href="/list" class="mt-6 block font-semibold text-gray-900">
+				<a href="{ROUTE_NAMES.LIST}" class="mt-6 block font-semibold text-gray-900">
 					Vorgänge
 					<span class="absolute inset-0"></span>
 				</a>
@@ -34,7 +36,7 @@
 				>
 					<AddProcess class=" group-hover:text-indigo-600" />
 				</div>
-				<a href="/upload" class="mt-6 block font-semibold text-gray-900">
+				<a href="{ROUTE_NAMES.UPLOAD}" class="mt-6 block font-semibold text-gray-900">
 					Hinzufügen
 					<span class="absolute inset-0"></span>
 				</a>
@@ -47,7 +49,7 @@
 			>
 				<FileRect class=" group-hover:text-indigo-600" {outline} />
 			</div>
-			<a href="/user-management" class="mt-6 block font-semibold text-gray-900">
+			<a href="{ROUTE_NAMES.USERMGMT}" class="mt-6 block font-semibold text-gray-900">
 				Benutzerverwaltung
 				<span class="absolute inset-0"></span>
 			</a>
diff --git a/tests/Home.view.test.ts b/tests/Home.view.test.ts
new file mode 100644
index 0000000..c69eaaf
--- /dev/null
+++ b/tests/Home.view.test.ts
@@ -0,0 +1,24 @@
+import { render, screen } from '@testing-library/svelte';
+import { describe, expect, it } from 'vitest';
+
+import HomePage from '../src/routes/(angemeldet)/+page.svelte';
+
+import { ROUTE_NAMES } from '../src/routes';
+import { baseData } from './fixtures';
+
+describe('Home-Page View', () => {
+	it('Überprüfe Links', () => {
+		render(HomePage, { props: { data: baseData } });
+		let linkElement = screen.getByText('Vorgänge');
+		expect(linkElement).toBeInTheDocument();
+		expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.LIST);
+
+		linkElement = screen.getByText('Hinzufügen');
+		expect(linkElement).toBeInTheDocument();
+		expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.UPLOAD);
+
+		linkElement = screen.getByText('Benutzerverwaltung');
+		expect(linkElement).toBeInTheDocument();
+		expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.USERMGMT);
+	});
+});