import { describe, it, expect } from 'vitest';
import { render, screen } from '@testing-library/svelte';
import VarietyWarningCards from './VarietyWarningCards.svelte';

const warnings = [
	{ title: 'Chicken zweimal diese Woche', explanation: 'Mo, Mi — erwäge einen Tausch.' },
	{ title: 'Tomaten in 3 Gerichten', explanation: 'Mo, Di, Mi — sorge für Abwechslung.' }
];

describe('VarietyWarningCards', () => {
	it('renders one card per warning', () => {
		render(VarietyWarningCards, { props: { warnings } });
		const cards = screen.getAllByTestId('warning-card');
		expect(cards.length).toBe(2);
	});

	it('renders warning titles', () => {
		render(VarietyWarningCards, { props: { warnings } });
		expect(screen.getByText(/Chicken zweimal/)).toBeTruthy();
		expect(screen.getByText(/Tomaten in 3/)).toBeTruthy();
	});

	it('renders warning explanations', () => {
		render(VarietyWarningCards, { props: { warnings } });
		expect(screen.getByText(/erwäge einen Tausch/)).toBeTruthy();
	});

	it('renders nothing when warnings is empty', () => {
		render(VarietyWarningCards, { props: { warnings: [] } });
		expect(screen.queryAllByTestId('warning-card').length).toBe(0);
	});
});