import { describe, it } from 'vitest';
import { render } from 'vitest-browser-svelte';
import { expect } from '@vitest/browser/context';
import ImportStatusCard from './ImportStatusCard.svelte';

type ImportStatus = {
	state: 'IDLE' | 'RUNNING' | 'DONE' | 'FAILED';
	statusCode: string;
	message: string;
	processed: number;
	startedAt: string | null;
};

const makeStatus = (overrides: Partial<ImportStatus> = {}): ImportStatus => ({
	state: 'IDLE',
	statusCode: 'IMPORT_IDLE',
	message: '',
	processed: 0,
	startedAt: null,
	...overrides
});

describe('ImportStatusCard', () => {
	it('shows spinner while state is RUNNING', async () => {
		const { getByTestId } = render(ImportStatusCard, {
			props: {
				importStatus: makeStatus({ state: 'RUNNING', statusCode: 'IMPORT_RUNNING', processed: 3 }),
				ontrigger: () => {}
			}
		});

		await expect.element(getByTestId('spinner')).toBeVisible();
	});

	it('shows processed count at text-base while RUNNING', async () => {
		const { getByText } = render(ImportStatusCard, {
			props: {
				importStatus: makeStatus({ state: 'RUNNING', statusCode: 'IMPORT_RUNNING', processed: 7 }),
				ontrigger: () => {}
			}
		});

		await expect.element(getByText('7')).toBeVisible();
	});

	it('shows processed count while DONE', async () => {
		const { getByText } = render(ImportStatusCard, {
			props: {
				importStatus: makeStatus({ state: 'DONE', statusCode: 'IMPORT_DONE', processed: 42 }),
				ontrigger: () => {}
			}
		});

		await expect.element(getByText('42')).toBeVisible();
	});

	it('shows no-spreadsheet message when statusCode is IMPORT_FAILED_NO_SPREADSHEET', async () => {
		const { getByText } = render(ImportStatusCard, {
			props: {
				importStatus: makeStatus({
					state: 'FAILED',
					statusCode: 'IMPORT_FAILED_NO_SPREADSHEET',
					message: 'Keine Tabellendatei...'
				}),
				ontrigger: () => {}
			}
		});

		await expect.element(getByText('No spreadsheet file found.')).toBeVisible();
	});
});