diff --git a/frontend/src/routes/admin/groups/[id]/page.svelte.test.ts b/frontend/src/routes/admin/groups/[id]/page.svelte.test.ts index b88f9f6f..371a0f34 100644 --- a/frontend/src/routes/admin/groups/[id]/page.svelte.test.ts +++ b/frontend/src/routes/admin/groups/[id]/page.svelte.test.ts @@ -87,4 +87,39 @@ describe('admin/groups/[id] page', () => { await expect.element(page.getByRole('button', { name: /löschen/i })).toBeVisible(); await expect.element(page.getByRole('button', { name: /speichern/i })).toBeVisible(); }); + + it('does not render success banner when form is undefined', async () => { + render(AdminGroupEditPage, { props: { data: { group: baseGroup() }, form: undefined } }); + + const banner = document.querySelector('.bg-green-50'); + expect(banner).toBeNull(); + }); + + it('does not render error-banner div when form.success is true (success path only)', async () => { + render(AdminGroupEditPage, { + props: { data: { group: baseGroup() }, form: { success: true } } + }); + + // Error banner is the
with bg-red-50 — the delete button is also red but is a button + const errorBanner = document.querySelector('div.bg-red-50'); + expect(errorBanner).toBeNull(); + }); + + it('renders all 8 permission checkboxes (4 standard + 4 admin)', async () => { + render(AdminGroupEditPage, { props: { data: { group: baseGroup() }, form: undefined } }); + + const checkboxes = document.querySelectorAll('input[name="permissions"]'); + expect(checkboxes.length).toBe(8); + }); + + it('handles a group with empty permissions array', async () => { + render(AdminGroupEditPage, { + props: { data: { group: baseGroup({ permissions: [] }) }, form: undefined } + }); + + const checkboxes = Array.from( + document.querySelectorAll('input[name="permissions"]') + ) as HTMLInputElement[]; + expect(checkboxes.every((c) => !c.checked)).toBe(true); + }); });