9900d0b54b
Some checks failed
CI / Unit & Component Tests (push) Successful in 3m47s
CI / Backend Unit Tests (push) Successful in 2m41s
CI / E2E Tests (push) Failing after 2h25m30s
CI / Unit & Component Tests (pull_request) Successful in 2m48s
CI / Backend Unit Tests (pull_request) Successful in 2m29s
CI / E2E Tests (pull_request) Failing after 2h29m1s
- AnnotationSidePanel: cover visibility (null vs set annotationId), close button callback, and targetCommentId forwarding - layout.svelte.spec: mock $env/static/public to satisfy PUBLIC_NOTIFICATION_POLL_MS import from NotificationBell - mention.spec: update assertion to match span-based mention rendering Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
import { describe, it, expect, vi, afterEach } from 'vitest';
|
||
import { cleanup, render } from 'vitest-browser-svelte';
|
||
import { page } from 'vitest/browser';
|
||
import AnnotationSidePanel from './AnnotationSidePanel.svelte';
|
||
|
||
afterEach(() => {
|
||
cleanup();
|
||
vi.restoreAllMocks();
|
||
});
|
||
|
||
vi.stubGlobal(
|
||
'fetch',
|
||
vi.fn().mockResolvedValue({
|
||
ok: true,
|
||
json: async () => []
|
||
})
|
||
);
|
||
|
||
const baseProps = {
|
||
documentId: 'doc-1',
|
||
activeAnnotationPage: 1,
|
||
canComment: true,
|
||
currentUserId: 'user-1',
|
||
canAdmin: false,
|
||
onClose: vi.fn()
|
||
};
|
||
|
||
describe('AnnotationSidePanel – visibility', () => {
|
||
it('is hidden (translated off-screen) when activeAnnotationId is null', async () => {
|
||
render(AnnotationSidePanel, { ...baseProps, activeAnnotationId: null });
|
||
const panel = document.querySelector('[data-testid="annotation-side-panel"]');
|
||
expect(panel?.classList.contains('translate-x-full')).toBe(true);
|
||
expect(panel?.classList.contains('translate-x-0')).toBe(false);
|
||
});
|
||
|
||
it('is visible when activeAnnotationId is set', async () => {
|
||
render(AnnotationSidePanel, { ...baseProps, activeAnnotationId: 'ann-1' });
|
||
const panel = document.querySelector('[data-testid="annotation-side-panel"]');
|
||
expect(panel?.classList.contains('translate-x-0')).toBe(true);
|
||
expect(panel?.classList.contains('translate-x-full')).toBe(false);
|
||
});
|
||
});
|
||
|
||
describe('AnnotationSidePanel – close button', () => {
|
||
it('calls onClose when the close button is clicked', async () => {
|
||
const onClose = vi.fn();
|
||
render(AnnotationSidePanel, { ...baseProps, activeAnnotationId: 'ann-1', onClose });
|
||
await page.getByRole('button', { name: /schließen/i }).click();
|
||
expect(onClose).toHaveBeenCalledOnce();
|
||
});
|
||
});
|
||
|
||
describe('AnnotationSidePanel – targetCommentId forwarding', () => {
|
||
it('renders CommentThread when annotation is active', async () => {
|
||
render(AnnotationSidePanel, {
|
||
...baseProps,
|
||
activeAnnotationId: 'ann-1',
|
||
targetCommentId: 'comment-42'
|
||
});
|
||
// CommentThread renders inside the panel when activeAnnotationId is set
|
||
const panel = document.querySelector('[data-testid="annotation-side-panel"]');
|
||
expect(panel).not.toBeNull();
|
||
expect(panel?.classList.contains('translate-x-0')).toBe(true);
|
||
});
|
||
|
||
it('does not render CommentThread when annotation is null', async () => {
|
||
render(AnnotationSidePanel, {
|
||
...baseProps,
|
||
activeAnnotationId: null,
|
||
targetCommentId: 'comment-42'
|
||
});
|
||
// Panel is hidden and no fetch should have been triggered for comments
|
||
const panel = document.querySelector('[data-testid="annotation-side-panel"]');
|
||
expect(panel?.classList.contains('translate-x-full')).toBe(true);
|
||
});
|
||
});
|