frontend/src/routes/documents/page.svelte.test.ts

@@ -203,4 +203,86 @@ describe('documents/+ page', () => {
 			})
 		).not.toThrow();
 	});
+
+	it('calls bulk-edit-all click and surfaces backend error code in the alert', async () => {
+		const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+			new Response(JSON.stringify({ code: 'BULK_EDIT_TOO_MANY_IDS' }), {
+				status: 400,
+				headers: { 'Content-Type': 'application/json' }
+			})
+		);
+		try {
+			render(DocumentsListPage, {
+				props: { data: baseData({ canWrite: true, totalElements: 5 }) }
+			});
+
+			const btn = (await page
+				.getByRole('button', { name: /alle 5 editieren/i })
+				.element()) as HTMLButtonElement;
+			btn.click();
+
+			await new Promise((r) => setTimeout(r, 80));
+			const alert = document.querySelector('[role="alert"]');
+			expect(alert).not.toBeNull();
+		} finally {
+			fetchSpy.mockRestore();
+		}
+	});
+
+	it('renders the alert with a generic failure message when fetch throws', async () => {
+		const fetchSpy = vi.spyOn(globalThis, 'fetch').mockRejectedValue(new Error('network down'));
+		try {
+			render(DocumentsListPage, {
+				props: { data: baseData({ canWrite: true, totalElements: 3 }) }
+			});
+
+			const btn = (await page
+				.getByRole('button', { name: /alle 3 editieren/i })
+				.element()) as HTMLButtonElement;
+			btn.click();
+
+			await new Promise((r) => setTimeout(r, 80));
+			const alert = document.querySelector('[role="alert"]');
+			expect(alert).not.toBeNull();
+		} finally {
+			fetchSpy.mockRestore();
+		}
+	});
+
+	it('renders the document list error banner from data.error', async () => {
+		render(DocumentsListPage, {
+			props: { data: baseData({ error: 'Boom' }) }
+		});
+
+		await expect.element(page.getByText('Boom')).toBeVisible();
+	});
+
+	it('renders the result count line with the totalElements value', async () => {
+		render(DocumentsListPage, { props: { data: baseData({ totalElements: 1 }) } });
+
+		expect(document.body.textContent).toMatch(/\b1\b/);
+	});
+
+	it('uses sort=DATE and dir=desc as defaults when none provided', async () => {
+		// Just verify the page renders with the default values without throwing
+		expect(() =>
+			render(DocumentsListPage, { props: { data: baseData({ sort: '', dir: '' }) } })
+		).not.toThrow();
+	});
+
+	it('renders without throwing when tagOp is OR', async () => {
+		expect(() =>
+			render(DocumentsListPage, {
+				props: { data: baseData({ tags: ['Brief', 'Familie'], tagOp: 'OR' }) }
+			})
+		).not.toThrow();
+	});
+
+	it('renders without throwing when zoom range is set', async () => {
+		expect(() =>
+			render(DocumentsListPage, {
+				props: { data: baseData({ zoomFrom: '1899-01-01', zoomTo: '1950-12-31' }) }
+			})
+		).not.toThrow();
+	});
 });