From be7009f9ed45a99b3931ff11096a5110d3ad9795 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 17 Apr 2026 07:39:06 +0200
Subject: [PATCH] fix(#248): replace document.querySelectorAll with
 page.getByRole in TagDeleteGuard spec

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../routes/admin/tags/[id]/TagDeleteGuard.svelte.spec.ts    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/admin/tags/[id]/TagDeleteGuard.svelte.spec.ts b/frontend/src/routes/admin/tags/[id]/TagDeleteGuard.svelte.spec.ts
index 86abf0aa..c7cf6312 100644
--- a/frontend/src/routes/admin/tags/[id]/TagDeleteGuard.svelte.spec.ts
+++ b/frontend/src/routes/admin/tags/[id]/TagDeleteGuard.svelte.spec.ts
@@ -17,8 +17,10 @@ const allTags = [
 describe('TagDeleteGuard', () => {
 	it('renders two radio options (single and subtree)', async () => {
 		render(TagDeleteGuard, { tag, allTags });
-		const radios = document.querySelectorAll<HTMLInputElement>('input[type="radio"]');
-		expect(radios.length).toBe(2);
+		await expect.element(page.getByRole('radio', { name: /Nur dieses/i })).toBeInTheDocument();
+		await expect
+			.element(page.getByRole('radio', { name: /Gesamten Teilbaum/i }))
+			.toBeInTheDocument();
 	});
 
 	it('delete button is disabled initially', async () => {