mirror of
https://github.com/immich-app/immich.git
synced 2025-05-23 17:03:01 -04:00
e7edbcdf04
* feat(web): lighter timeline buckets * GalleryViewer * weird ssr * Remove generics from AssetInteraction * ensure keys on getAssetInfo, alt-text * empty - trigger ci * re-add alt-text * test fix * update tests * tests * missing import * feat(server): lighter buckets * fix: flappy e2e test * lint * revert settings * unneeded cast * fix after merge * Adapt web client to consume new server response format * test * missing import * lint * Use nulls, make-sql * openapi battle * date->string * tests * tests * lint/tests * lint * test * push aggregation to query * openapi * stack as tuple * openapi * update references to description * update alt text tests * update sql * update sql * update timeline tests * linting, fix expected response * string tuple * fix spec * fix * silly generator * rename patch * minimize sorting * review * lint * lint * sql * test * avoid abbreviations * review comment - type safety in test * merge conflicts * lint * lint/abbreviations * remove unncessary code * review comments * sql * re-add package-lock * use booleans, fix visibility in openapi spec, less cursed controller * update sql * no need to use sql template * array access actually doesn't seem to matter * remove redundant code * re-add sql decorator * unused type * remove null assertions * bad merge * Fix test * shave * extra clean shave * use decorator for content type * redundant types * redundant comment * update comment * unnecessary res --------- Co-authored-by: mertalev <101130780+mertalev@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com>
85 lines
4.4 KiB
TypeScript
85 lines
4.4 KiB
TypeScript
import type { TimelineAsset } from '$lib/stores/assets-store.svelte';
|
|
import { getAltText } from '$lib/utils/thumbnail-util';
|
|
import { AssetVisibility } from '@immich/sdk';
|
|
import { init, register, waitLocale } from 'svelte-i18n';
|
|
|
|
interface Person {
|
|
name: string;
|
|
}
|
|
|
|
const onePerson: Person[] = [{ name: 'person' }];
|
|
const twoPeople: Person[] = [{ name: 'person1' }, { name: 'person2' }];
|
|
const threePeople: Person[] = [{ name: 'person1' }, { name: 'person2' }, { name: 'person3' }];
|
|
const fourPeople: Person[] = [{ name: 'person1' }, { name: 'person2' }, { name: 'person3' }, { name: 'person4' }];
|
|
|
|
describe('getAltText', () => {
|
|
beforeAll(async () => {
|
|
await init({ fallbackLocale: 'en-US' });
|
|
register('en-US', () => import('$i18n/en.json'));
|
|
await waitLocale('en-US');
|
|
});
|
|
|
|
it.each`
|
|
isVideo | city | country | people | expected
|
|
${false} | ${undefined} | ${'country'} | ${undefined} | ${'Image taken on January 1, 2024'}
|
|
${true} | ${'city'} | ${undefined} | ${undefined} | ${'Video taken on January 1, 2024'}
|
|
${false} | ${'city'} | ${'country'} | ${[]} | ${'Image taken in city, country on January 1, 2024'}
|
|
${true} | ${'city'} | ${'country'} | ${[]} | ${'Video taken in city, country on January 1, 2024'}
|
|
${false} | ${undefined} | ${undefined} | ${onePerson} | ${'Image taken with person on January 1, 2024'}
|
|
${false} | ${undefined} | ${undefined} | ${twoPeople} | ${'Image taken with person1 and person2 on January 1, 2024'}
|
|
${false} | ${undefined} | ${undefined} | ${threePeople} | ${'Image taken with person1, person2, and person3 on January 1, 2024'}
|
|
${false} | ${undefined} | ${undefined} | ${fourPeople} | ${'Image taken with person1, person2, and 2 others on January 1, 2024'}
|
|
${false} | ${'city'} | ${'country'} | ${onePerson} | ${'Image taken in city, country with person on January 1, 2024'}
|
|
${false} | ${'city'} | ${'country'} | ${twoPeople} | ${'Image taken in city, country with person1 and person2 on January 1, 2024'}
|
|
${false} | ${'city'} | ${'country'} | ${threePeople} | ${'Image taken in city, country with person1, person2, and person3 on January 1, 2024'}
|
|
${false} | ${'city'} | ${'country'} | ${fourPeople} | ${'Image taken in city, country with person1, person2, and 2 others on January 1, 2024'}
|
|
${true} | ${undefined} | ${undefined} | ${onePerson} | ${'Video taken with person on January 1, 2024'}
|
|
${true} | ${undefined} | ${undefined} | ${twoPeople} | ${'Video taken with person1 and person2 on January 1, 2024'}
|
|
${true} | ${undefined} | ${undefined} | ${threePeople} | ${'Video taken with person1, person2, and person3 on January 1, 2024'}
|
|
${true} | ${undefined} | ${undefined} | ${fourPeople} | ${'Video taken with person1, person2, and 2 others on January 1, 2024'}
|
|
${true} | ${'city'} | ${'country'} | ${onePerson} | ${'Video taken in city, country with person on January 1, 2024'}
|
|
${true} | ${'city'} | ${'country'} | ${twoPeople} | ${'Video taken in city, country with person1 and person2 on January 1, 2024'}
|
|
${true} | ${'city'} | ${'country'} | ${threePeople} | ${'Video taken in city, country with person1, person2, and person3 on January 1, 2024'}
|
|
${true} | ${'city'} | ${'country'} | ${fourPeople} | ${'Video taken in city, country with person1, person2, and 2 others on January 1, 2024'}
|
|
`(
|
|
'generates correctly formatted alt text when isVideo=$isVideo, city=$city, country=$country, people=$people.length',
|
|
({
|
|
isVideo,
|
|
city,
|
|
country,
|
|
people,
|
|
expected,
|
|
}: {
|
|
isVideo: boolean;
|
|
city?: string;
|
|
country?: string;
|
|
people?: Person[];
|
|
expected: string;
|
|
}) => {
|
|
const asset: TimelineAsset = {
|
|
id: 'test-id',
|
|
ownerId: 'test-owner',
|
|
ratio: 1,
|
|
thumbhash: null,
|
|
localDateTime: '2024-01-01T12:00:00.000Z',
|
|
visibility: AssetVisibility.Timeline,
|
|
isFavorite: false,
|
|
isTrashed: false,
|
|
isVideo,
|
|
isImage: !isVideo,
|
|
stack: null,
|
|
duration: null,
|
|
projectionType: null,
|
|
livePhotoVideoId: null,
|
|
city: city ?? null,
|
|
country: country ?? null,
|
|
people: people?.map((person: Person) => person.name) ?? [],
|
|
};
|
|
|
|
getAltText.subscribe((fn) => {
|
|
expect(fn(asset)).toEqual(expected);
|
|
});
|
|
},
|
|
);
|
|
});
|