From 056de96159aa3648fbf104782a2293c85f672198 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sat, 9 May 2026 21:22:32 +0200
Subject: [PATCH] test(persons): cover PersonEditSaveBar branches

Four tests: discard link href, save button label, form attribute
wiring, formaction. Small focused component.

Refs #496.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../edit/PersonEditSaveBar.svelte.test.ts     | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte.test.ts

diff --git a/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte.test.ts b/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte.test.ts
new file mode 100644
index 00000000..1c87fc20
--- /dev/null
+++ b/frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte.test.ts
@@ -0,0 +1,40 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { cleanup, render } from 'vitest-browser-svelte';
+import { page } from 'vitest/browser';
+import PersonEditSaveBar from './PersonEditSaveBar.svelte';
+
+afterEach(cleanup);
+
+describe('PersonEditSaveBar', () => {
+	it('renders the discard link with the supplied href', async () => {
+		render(PersonEditSaveBar, { props: { discardHref: '/persons/p-1', formId: 'edit-form' } });
+
+		await expect
+			.element(page.getByRole('link', { name: /verwerfen/i }))
+			.toHaveAttribute('href', '/persons/p-1');
+	});
+
+	it('renders the save button labelled "Änderungen speichern"', async () => {
+		render(PersonEditSaveBar, { props: { discardHref: '/persons/p-1', formId: 'edit-form' } });
+
+		await expect.element(page.getByRole('button', { name: /speichern/i })).toBeVisible();
+	});
+
+	it('wires the save button to the supplied formId via the form attribute', async () => {
+		render(PersonEditSaveBar, { props: { discardHref: '/persons/p-1', formId: 'my-form' } });
+
+		const btn = (await page
+			.getByRole('button', { name: /speichern/i })
+			.element()) as HTMLButtonElement;
+		expect(btn.getAttribute('form')).toBe('my-form');
+	});
+
+	it('declares ?/update as the formaction', async () => {
+		render(PersonEditSaveBar, { props: { discardHref: '/persons/p-1', formId: 'edit-form' } });
+
+		const btn = (await page
+			.getByRole('button', { name: /speichern/i })
+			.element()) as HTMLButtonElement;
+		expect(btn.getAttribute('formaction')).toBe('?/update');
+	});
+});