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

import { ROUTE_NAMES } from '../../src/routes';
import { baseData } from '../fixtures';

import Header from '$lib/components/Header.svelte';

describe('Header component', () => {
	test('Enthält Landeswappen von NDS und entsprechenden Link', () => {
		render(Header, { props: { data: baseData } });
		const linkElement = screen.getByText('Tatort Niedersachen', { exact: false }).closest('a');
		expect(linkElement).toBeInTheDocument();
		expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT);
	});
	test('Form enthält korrekten Link', () => {
		const { container } = render(Header, { props: { data: baseData } });
		const formElement = container.querySelector('form');
		expect(formElement).toBeInTheDocument();
		expect(formElement).toHaveAttribute('action', ROUTE_NAMES.ANMELDUNG_LOGOUT);
	});
});