Edouard Vanbelle
53 lines
1.8 KiB
TypeScript
53 lines
1.8 KiB
TypeScript
import { it, expect, vi, beforeEach } from 'vitest';
|
|
import { render, screen, fireEvent } from '@testing-library/svelte';
|
|
vi.mock('$lib/api/endpoints/files', () => ({
|
|
deleteFile: vi.fn(),
|
|
fileDownloadUrl: () => '/d',
|
|
fileInlineUrl: () => '/i',
|
|
fileThumbnailUrl: () => '/t'
|
|
}));
|
|
vi.mock('$lib/api/endpoints/favorites', () => ({ addFavorite: vi.fn() }));
|
|
vi.mock('$lib/api/endpoints/photos', () => ({ fetchFileMetadata: vi.fn() }));
|
|
vi.mock('$lib/stores/dialogs.svelte', () => ({ confirmDialog: vi.fn() }));
|
|
vi.mock('$lib/utils/errors', () => ({ errorToast: vi.fn() }));
|
|
import { fetchFileMetadata } from '$lib/api/endpoints/photos';
|
|
import PhotoLightbox from './PhotoLightbox.svelte';
|
|
const fm = fetchFileMetadata as unknown as ReturnType<typeof vi.fn>;
|
|
function item(id: string) {
|
|
return {
|
|
id,
|
|
name: `${id}.jpg`,
|
|
mime_type: 'image/jpeg',
|
|
category: 'Image',
|
|
folder_id: '',
|
|
owner_id: '',
|
|
created_by: null,
|
|
updated_by: null,
|
|
path: '',
|
|
size: 1,
|
|
modified_at: 0,
|
|
created_at: 0,
|
|
sort_date: 0,
|
|
icon_class: '',
|
|
icon_special_class: '',
|
|
size_formatted: '1 B',
|
|
etag: '',
|
|
content_hash: ''
|
|
} as never;
|
|
}
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
fm.mockResolvedValue(null);
|
|
});
|
|
it('opens at an index, navigates next/prev, and closes', async () => {
|
|
render(PhotoLightbox, { props: { items: [item('a'), item('b')], index: 0 } });
|
|
expect(await screen.findByTestId('photo-lightbox')).toBeTruthy();
|
|
await fireEvent.click(screen.getByTestId('photo-lightbox-next-btn'));
|
|
await fireEvent.click(screen.getByTestId('photo-lightbox-prev-btn'));
|
|
await fireEvent.click(screen.getByTestId('photo-lightbox-close-btn'));
|
|
});
|
|
it('renders nothing at index -1', () => {
|
|
render(PhotoLightbox, { props: { items: [item('a')], index: -1 } });
|
|
expect(screen.queryByTestId('photo-lightbox')).toBeNull();
|
|
});
|