mirror of
https://github.com/immich-app/immich.git
synced 2025-12-23 09:15:05 +03:00
5c80e8734b
* feat(server): extract full-size previews from RAW images * feat(web): load fullsize preview for RAW images when zoomed in * refactor: tweaks for code review * refactor: rename "converted" preview/assets to "fullsize" * feat(web/server): fullsize preview for non-web-friendly images * feat: tweaks for code review * feat(server): require ASSET_DOWNLOAD premission for fullsize previews * test: fix types and interfaces * chore: gen open-api * feat(server): keep only essential exif in fullsize preview * chore: regen openapi * test: revert unnecessary timeout * feat: move full-size preview config to standalone entry * feat(i18n): update en texts * fix: don't return fullsizePath when disabled * test: full-size previews * test(web): full-size previews * chore: make open-api * feat(server): redirect to preview/original URL when fullsize thumbnail not available * fix(server): delete fullsize preview image on thumbnail regen after fullsize preview turned off * refactor(server): AssetRepository.deleteFiles with Kysely * fix(server): type of MediaRepository.writeExif * minor simplification * minor styling changes and condensed wording * simplify * chore: reuild open-api * test(server): fix media.service tests * test(web): fix photo-viewer test * fix(server): use fullsize image when requested * fix file path extension * formatting * use fullsize when zooming back out or when "display original photos" is enabled * simplify condition --------- Co-authored-by: mertalev <101130780+mertalev@users.noreply.github.com>
58 lines
2.3 KiB
TypeScript
58 lines
2.3 KiB
TypeScript
import { AssetMediaResponseDto, LoginResponseDto } from '@immich/sdk';
|
|
import { Page, expect, test } from '@playwright/test';
|
|
import { utils } from 'src/utils';
|
|
|
|
function imageLocator(page: Page) {
|
|
return page.getByAltText('Image taken on').locator('visible=true');
|
|
}
|
|
test.describe('Photo Viewer', () => {
|
|
let admin: LoginResponseDto;
|
|
let asset: AssetMediaResponseDto;
|
|
|
|
test.beforeAll(async () => {
|
|
utils.initSdk();
|
|
await utils.resetDatabase();
|
|
admin = await utils.adminSetup();
|
|
asset = await utils.createAsset(admin.accessToken);
|
|
});
|
|
|
|
test.beforeEach(async ({ context, page }) => {
|
|
// before each test, login as user
|
|
await utils.setAuthCookies(context, admin.accessToken);
|
|
await page.goto('/photos');
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
|
|
test('initially shows a loading spinner', async ({ page }) => {
|
|
await page.route(`/api/assets/${asset.id}/thumbnail**`, async (route) => {
|
|
// slow down the request for thumbnail, so spinner has chance to show up
|
|
await new Promise((f) => setTimeout(f, 2000));
|
|
await route.continue();
|
|
});
|
|
await page.goto(`/photos/${asset.id}`);
|
|
await page.waitForLoadState('load');
|
|
// this is the spinner
|
|
await page.waitForSelector('svg[role=status]');
|
|
await expect(page.getByTestId('loading-spinner')).toBeVisible();
|
|
});
|
|
|
|
test('loads high resolution photo when zoomed', async ({ page }) => {
|
|
await page.goto(`/photos/${asset.id}`);
|
|
await expect.poll(async () => await imageLocator(page).getAttribute('src')).toContain('thumbnail');
|
|
const box = await imageLocator(page).boundingBox();
|
|
expect(box).toBeTruthy();
|
|
const { x, y, width, height } = box!;
|
|
await page.mouse.move(x + width / 2, y + height / 2);
|
|
await page.mouse.wheel(0, -1);
|
|
await expect.poll(async () => await imageLocator(page).getAttribute('src')).toContain('fullsize');
|
|
});
|
|
|
|
test('reloads photo when checksum changes', async ({ page }) => {
|
|
await page.goto(`/photos/${asset.id}`);
|
|
await expect.poll(async () => await imageLocator(page).getAttribute('src')).toContain('thumbnail');
|
|
const initialSrc = await imageLocator(page).getAttribute('src');
|
|
await utils.replaceAsset(admin.accessToken, asset.id);
|
|
await expect.poll(async () => await imageLocator(page).getAttribute('src')).not.toBe(initialSrc);
|
|
});
|
|
});
|