import { render } from '@testing-library/svelte';
import { describe, expect, it } from 'vitest';
import VorgangListPage from '../src/routes/(angemeldet)/list/+page.svelte';
const testUser = {
	admin: true,
	exp: 1757067123,
	iat: 1757063523,
	id: 'admin'
};
const testCrimesList = [
	{
		name: 'model-A',
		lastModified: '2025-08-28T09:44:12.453Z',
		etag: '558f35716f6af953f9bb5d75f6d77e6a',
		size: 8947140,
		prefix: '7596e4d5-c51f-482d-a4aa-ff76434305fc',
		show_button: true
	},
	{
		name: 'model-z',
		lastModified: '2025-08-28T10:37:20.142Z',
		etag: '43e3989c32c4682bee407baaf83b6fa0',
		size: 35788560,
		prefix: '7596e4d5-c51f-482d-a4aa-ff76434305fc',
		show_button: true
	}
];

const testVorgangsList = [
	{
		vorgangName: 'vorgang-1',
		vorgangPIN: 'pin-123',
		vorgangToken: 'c322f26f-8c5e-4cb9-94b3-b5433bf5109e'
	},
	{
		vorgangName: 'vorgang-2',
		vorgangPIN: 'pin-2',
		vorgangToken: 'cb0051bc-5f38-47b8-943c-9352d4d9c984'
	}
];

const baseData = {
	user: testUser,
	vorgang: testVorgangsList[0],
	vorgangList: testVorgangsList,
	crimesList: testCrimesList,
	url: URL,
	crimeNames: ['modell-A']
};

describe('Vorgänge Liste Page EmptyList-Komponente View', () => {
	it('zeigt EmptyList-Komponente an, wenn Liste leer ist', () => {
		const testData = { ...baseData, vorgangList: [] };
		const { getByTestId } = render(VorgangListPage, { props: { data: testData } });

		expect(getByTestId('empty-list')).toBeInTheDocument();
	});

	it('zeigt Liste(min. 1 li-Element) an, wenn Liste vorhanden ist', () => {
		const testData = { ...baseData };
		const { getAllByTestId } = render(VorgangListPage, { props: { data: testData } });
		const items = getAllByTestId('test-list-item');

		expect(items).toHaveLength(2);
	});
});