immich/e2e/src/specs/web/duplicates.e2e-spec.ts

import { AssetMediaResponseDto, LoginResponseDto, updateAssets } from '@immich/sdk';
import { expect, test } from '@playwright/test';
import crypto from 'node:crypto';
import { asBearerAuth, utils } from 'src/utils';

test.describe('Duplicates Utility', () => {
  let admin: LoginResponseDto;
  let firstAsset: AssetMediaResponseDto;
  let secondAsset: AssetMediaResponseDto;

  test.beforeAll(async () => {
    utils.initSdk();
    await utils.resetDatabase();
    admin = await utils.adminSetup();
  });

  test.beforeEach(async ({ context }) => {
    [firstAsset, secondAsset] = await Promise.all([
      utils.createAsset(admin.accessToken, { deviceAssetId: 'duplicate-a' }),
      utils.createAsset(admin.accessToken, { deviceAssetId: 'duplicate-b' }),
    ]);

    await updateAssets(
      {
        assetBulkUpdateDto: {
          ids: [firstAsset.id, secondAsset.id],
          duplicateId: crypto.randomUUID(),
        },
      },
      { headers: asBearerAuth(admin.accessToken) },
    );

    await utils.setAuthCookies(context, admin.accessToken);
  });

  test('navigates with arrow keys between duplicate preview assets', async ({ page }) => {
    await page.goto('/utilities/duplicates');
    await page.getByRole('button', { name: 'View' }).first().click();
    await page.waitForSelector('#immich-asset-viewer');

    const getViewedAssetId = () => new URL(page.url()).pathname.split('/').at(-1) ?? '';
    const initialAssetId = getViewedAssetId();
    expect([firstAsset.id, secondAsset.id]).toContain(initialAssetId);

    await page.keyboard.press('ArrowRight');
    await expect.poll(getViewedAssetId).not.toBe(initialAssetId);

    await page.keyboard.press('ArrowLeft');
    await expect.poll(getViewedAssetId).toBe(initialAssetId);
  });
});