implement tests TatortList.view, check delete/edit Item

src/lib/components/NameItemEditor.svelte

@@ -81,8 +81,9 @@
 	}
 </script>
 
-<div>
+<div data-testid="test-nameItemEditor">
 	<input
+		data-testid="test-input"
 		bind:this={inputRef}
 		bind:value={localName}
 		onfocus={() => {

src/lib/config.ts

@@ -1,3 +1,3 @@
 import { readFileSync } from 'fs';
 
-export default JSON.parse(readFileSync('./config.json').toString());
+export default JSON.parse(readFileSync('./config_prod.json').toString());

src/routes/(token-based)/list/[vorgang]/+page.svelte

@@ -25,6 +25,7 @@
 		prefix?: string;
 		// add other properties as needed
 	}
+	console.log(data.url);
 
 	let vorgangName: string = data.vorgang.vorgangName;
 	let crimesList: ListItem[] = $state(data.crimesList);
@@ -53,25 +54,18 @@
 			})
 				.then(() => {
 					inProgress = false;
+					invalidateAll();
+					crimesList = data.crimesList;
+					open = false;
 				})
 				.catch((err) => {
 					inProgress = false;
 					isError = true;
 					console.log('ERROR', err);
 				});
-
-			if (!res.ok) {
-				const msg = await res.text();
-				console.error('❌ Fehler beim Umbenennen:', msg);
-				isError = true;
-				inProgress = false;
-			} else {
-				await invalidateAll();
-				crimesList = data.crimesList;
-				open = false;
-				inProgress = false;
-			}
 		} catch (err) {
+			isError = true;
+			inProgress = false;
 			console.error('⚠️ Netzwerkfehler:', err);
 			inProgress = false;
 		}
@@ -82,7 +76,6 @@
 		inProgress = true;
 		let url = new URL(data.url);
 		url.pathname += `/${tatort}`;
-		console.log('Delete tatort: ', `/api${url.pathname}`, url.pathname);
 
 		try {
 			const res = await fetch(`/api${url.pathname}`, {
@@ -94,21 +87,15 @@
 			})
 				.then(() => {
 					inProgress = false;
+					console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
+					invalidateAll();
+					crimesList = data.crimesList;
 				})
 				.catch((err) => {
 					isError = true;
 					inProgress = false;
 					console.log('ERROR', err);
 				});
-			if (!res.ok) {
-				const msg = await res.text();
-				console.error('❌ Fehler beim Löschen:', msg);
-			} else {
-				console.log('🗑️ Erfolgreich gelöscht:', url.pathname);
-				await invalidateAll();
-
-				crimesList = data.crimesList;
-			}
 		} catch (err) {
 			isError = true;
 			inProgress = false;
@@ -180,9 +167,12 @@ Mit freundlichen Grüßen,
 											onDelete={handleDelete}
 										></NameItemEditor>
 									{:else}
-										<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-											>{item.name}</span
+										<p
+											data-testid="test-nameItem-p"
+											class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
 										>
+											{item.name}
+										</p>
 									{/if}
 									{#if item.size}
 										<p class="mt-1 truncate text-xs leading-5 text-gray-500">