innohub/tatort
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use userData from fixtures in Footer and Header

Browse Source
This commit is contained in:
Chi Cong Tran
2025-09-25 13:44:50 +02:00
parent e1ce9373c0
commit 7396e15241
2 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tests/components/Footer.test.ts
View File

@@ -2,6 +2,7 @@ import { render, screen } from '@testing-library/svelte';
import { describe, test, expect } from 'vitest'; import { describe, test, expect } from 'vitest';
import { ROUTE_NAMES } from '../../src/routes'; import { ROUTE_NAMES } from '../../src/routes';
import { baseData } from '../fixtures';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
@@ -19,12 +20,7 @@ describe('Footer component', () => {
expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT); expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT);
}); });
test('Enthält Profil-Icon und entsprechenden Link: angemeldet', () => { test('Enthält Profil-Icon und entsprechenden Link: angemeldet', () => {
const mockData = { render(Footer, { props: { data: baseData } });
user: {
id: 'admin'
}
};
render(Footer, { props: { data: mockData } });
const linkElement = screen.getByText('admin', { exact: false }); const linkElement = screen.getByText('admin', { exact: false });
expect(linkElement).toBeInTheDocument(); expect(linkElement).toBeInTheDocument();
expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT); expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT);

10
tests/components/Header.test.ts
View File

@@ -2,23 +2,19 @@ import { render, screen } from '@testing-library/svelte';
import { describe, test, expect } from 'vitest'; import { describe, test, expect } from 'vitest';
import { ROUTE_NAMES } from '../../src/routes'; import { ROUTE_NAMES } from '../../src/routes';
import { baseData } from '../fixtures';
import Header from '$lib/components/Header.svelte'; import Header from '$lib/components/Header.svelte';
describe('Header component', () => { describe('Header component', () => {
const mockData = {
user: {
id: 'admin'
}
};
test('Enthält Landeswappen von NDS und entsprechenden Link', () => { test('Enthält Landeswappen von NDS und entsprechenden Link', () => {
render(Header, { props: { data: mockData } }); render(Header, { props: { data: baseData } });
const linkElement = screen.getByText('Tatort Niedersachen', { exact: false }).closest('a'); const linkElement = screen.getByText('Tatort Niedersachen', { exact: false }).closest('a');
expect(linkElement).toBeInTheDocument(); expect(linkElement).toBeInTheDocument();
expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT); expect(linkElement).toHaveAttribute('href', ROUTE_NAMES.ROOT);
}); });
test('Form enthält korrekten Link', () => { test('Form enthält korrekten Link', () => {
const { container } = render(Header, { props: { data: mockData } }); const { container } = render(Header, { props: { data: baseData } });
const formElement = container.querySelector('form'); const formElement = container.querySelector('form');
expect(formElement).toBeInTheDocument(); expect(formElement).toBeInTheDocument();
expect(formElement).toHaveAttribute('action', ROUTE_NAMES.ANMELDUNG_LOGOUT); expect(formElement).toHaveAttribute('action', ROUTE_NAMES.ANMELDUNG_LOGOUT);