- Extract EXIF and Swipe logic into custom hooks for Lightbox - Extract Map layout data formatting into mapService - Extract AlbumDetailView and SubpageGridView components from page router - Restructure monolithic config.ts into clean config/ directory
171 lines
4.3 KiB
TypeScript
171 lines
4.3 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
|
|
// Mock tokens so we get predictable URL output
|
|
vi.mock('@/lib/tokens', () => ({
|
|
encodeAssetId: (id: string) => `ENCODED_${id}`,
|
|
}));
|
|
|
|
// Mock thumbhash helpers
|
|
vi.mock('@/lib/thumbhash', () => ({
|
|
thumbHashToBlurDataUrl: () => 'data:image/png;base64,mockblur',
|
|
thumbHashToDominantHex: () => '#aabbcc',
|
|
}));
|
|
|
|
import {
|
|
imageUrl,
|
|
exifUrl,
|
|
assetPlaceholder,
|
|
assetExifSummary,
|
|
assetAspectRatio,
|
|
} from '@/lib/urls';
|
|
|
|
describe('imageUrl', () => {
|
|
it('generates a proxy URL with encoded token and default size', () => {
|
|
const url = imageUrl('some-uuid');
|
|
expect(url).toBe('/api/image/ENCODED_some-uuid?size=preview');
|
|
});
|
|
|
|
it('uses the specified size parameter', () => {
|
|
expect(imageUrl('id', 'thumbnail')).toBe('/api/image/ENCODED_id?size=thumbnail');
|
|
expect(imageUrl('id', 'original')).toBe('/api/image/ENCODED_id?size=original');
|
|
});
|
|
});
|
|
|
|
describe('exifUrl', () => {
|
|
it('generates an EXIF API URL with encoded token', () => {
|
|
expect(exifUrl('my-asset')).toBe('/api/exif/ENCODED_my-asset');
|
|
});
|
|
});
|
|
|
|
describe('assetPlaceholder', () => {
|
|
it('returns blur data and dominant color for an asset with thumbhash', () => {
|
|
const result = assetPlaceholder({ thumbhash: 'abc123' });
|
|
expect(result).toEqual({
|
|
blurDataURL: 'data:image/png;base64,mockblur',
|
|
dominantColor: '#aabbcc',
|
|
});
|
|
});
|
|
|
|
it('returns null when thumbhash is null', () => {
|
|
expect(assetPlaceholder({ thumbhash: null })).toBeNull();
|
|
});
|
|
|
|
it('returns null when thumbhash is empty string', () => {
|
|
expect(assetPlaceholder({ thumbhash: '' })).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe('assetExifSummary', () => {
|
|
it('returns camera, lens, and focal length from exifInfo', () => {
|
|
const result = assetExifSummary({
|
|
exifInfo: {
|
|
make: 'Leica',
|
|
model: 'M11-P',
|
|
lensModel: 'Summilux-M 50mm',
|
|
focalLength: 50,
|
|
fNumber: null,
|
|
exposureTime: null,
|
|
iso: null,
|
|
exifImageWidth: null,
|
|
exifImageHeight: null,
|
|
latitude: null,
|
|
longitude: null,
|
|
city: null,
|
|
state: null,
|
|
country: null,
|
|
dateTimeOriginal: null,
|
|
description: null,
|
|
},
|
|
});
|
|
expect(result).toEqual({
|
|
camera: 'M11-P',
|
|
lens: 'Summilux-M 50mm',
|
|
focalLength: '50mm',
|
|
});
|
|
});
|
|
|
|
it('returns undefined when no exifInfo exists', () => {
|
|
expect(assetExifSummary({ exifInfo: undefined })).toBeUndefined();
|
|
});
|
|
|
|
it('returns undefined when all relevant fields are null', () => {
|
|
expect(
|
|
assetExifSummary({
|
|
exifInfo: {
|
|
make: null,
|
|
model: null,
|
|
lensModel: null,
|
|
focalLength: null,
|
|
fNumber: null,
|
|
exposureTime: null,
|
|
iso: null,
|
|
exifImageWidth: null,
|
|
exifImageHeight: null,
|
|
latitude: null,
|
|
longitude: null,
|
|
city: null,
|
|
state: null,
|
|
country: null,
|
|
dateTimeOriginal: null,
|
|
description: null,
|
|
},
|
|
}),
|
|
).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
describe('assetAspectRatio', () => {
|
|
it('computes width / height ratio', () => {
|
|
const result = assetAspectRatio({
|
|
exifInfo: {
|
|
make: null,
|
|
model: null,
|
|
lensModel: null,
|
|
focalLength: null,
|
|
fNumber: null,
|
|
exposureTime: null,
|
|
iso: null,
|
|
exifImageWidth: 3000,
|
|
exifImageHeight: 2000,
|
|
latitude: null,
|
|
longitude: null,
|
|
city: null,
|
|
state: null,
|
|
country: null,
|
|
dateTimeOriginal: null,
|
|
description: null,
|
|
},
|
|
});
|
|
expect(result).toBe(1.5);
|
|
});
|
|
|
|
it('returns undefined when dimensions are missing', () => {
|
|
expect(assetAspectRatio({ exifInfo: undefined })).toBeUndefined();
|
|
});
|
|
|
|
it('returns undefined when height is 0', () => {
|
|
expect(
|
|
assetAspectRatio({
|
|
exifInfo: {
|
|
make: null,
|
|
model: null,
|
|
lensModel: null,
|
|
focalLength: null,
|
|
fNumber: null,
|
|
exposureTime: null,
|
|
iso: null,
|
|
exifImageWidth: 100,
|
|
exifImageHeight: 0,
|
|
latitude: null,
|
|
longitude: null,
|
|
city: null,
|
|
state: null,
|
|
country: null,
|
|
dateTimeOriginal: null,
|
|
description: null,
|
|
},
|
|
}),
|
|
).toBeUndefined();
|
|
});
|
|
});
|