refactor: move activity domain components to lib/activity/
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
39
frontend/src/lib/activity/ChronikErrorCard.svelte.spec.ts
Normal file
39
frontend/src/lib/activity/ChronikErrorCard.svelte.spec.ts
Normal file
@@ -0,0 +1,39 @@
|
||||
import { describe, it, expect, vi, afterEach } from 'vitest';
|
||||
import { cleanup, render } from 'vitest-browser-svelte';
|
||||
import { page, userEvent } from 'vitest/browser';
|
||||
|
||||
import ChronikErrorCard from './ChronikErrorCard.svelte';
|
||||
|
||||
afterEach(cleanup);
|
||||
|
||||
describe('ChronikErrorCard', () => {
|
||||
it('renders the default error message', async () => {
|
||||
render(ChronikErrorCard, { onRetry: vi.fn() });
|
||||
await expect
|
||||
.element(page.getByText('Die Chronik konnte nicht geladen werden.'))
|
||||
.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders the retry button with the expected label', async () => {
|
||||
render(ChronikErrorCard, { onRetry: vi.fn() });
|
||||
await expect.element(page.getByText('Erneut versuchen')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders a custom message when provided', async () => {
|
||||
render(ChronikErrorCard, { onRetry: vi.fn(), message: 'Netzwerkfehler' });
|
||||
await expect.element(page.getByText('Netzwerkfehler')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('calls onRetry when the retry button is clicked', async () => {
|
||||
const onRetry = vi.fn();
|
||||
render(ChronikErrorCard, { onRetry });
|
||||
await userEvent.click(page.getByText('Erneut versuchen'));
|
||||
expect(onRetry).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
||||
it('has role="alert" on the wrapper', async () => {
|
||||
render(ChronikErrorCard, { onRetry: vi.fn() });
|
||||
const alert = document.querySelector('[role="alert"]');
|
||||
expect(alert).not.toBeNull();
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user