mirror of
https://github.com/immich-app/immich.git
synced 2025-06-08 21:38:40 +02:00
* feat: Service Worker to preload/cancel images and other resources * Remove caddy configuration, localhost is secure if port-forwarded * fix e2e tests * Cache/return the app.html for all web entry points * Only handle preload/cancel * fix e2e * fix e2e * e2e-2 * that'll do it * format * fix test * lint * refactor common code to conditionals --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
56 lines
2.4 KiB
TypeScript
56 lines
2.4 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;
|
|
let rawAsset: AssetMediaResponseDto;
|
|
|
|
test.beforeAll(async () => {
|
|
utils.initSdk();
|
|
await utils.resetDatabase();
|
|
admin = await utils.adminSetup();
|
|
asset = await utils.createAsset(admin.accessToken);
|
|
rawAsset = await utils.createAsset(admin.accessToken, { assetData: { filename: 'test.arw' } });
|
|
});
|
|
|
|
test.beforeEach(async ({ context, page }) => {
|
|
// before each test, login as user
|
|
await utils.setAuthCookies(context, admin.accessToken);
|
|
await page.waitForLoadState('networkidle');
|
|
});
|
|
|
|
test('loads original 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('original');
|
|
});
|
|
|
|
test('loads fullsize image when zoomed and original is web-incompatible', async ({ page }) => {
|
|
await page.goto(`/photos/${rawAsset.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);
|
|
});
|
|
});
|