ersatztv/web/src/api/watermarks.test.ts

import { beforeEach, describe, expect, it, vi } from 'vitest';
import {
  createWatermark,
  deleteWatermark,
  getWatermark,
  updateWatermark,
  watermarkImageUrl,
  type CreateWatermarkRequest
} from './watermarks';

function jsonResponse(body: unknown, status = 200): Response {
  return new Response(JSON.stringify(body), {
    headers: { 'Content-Type': 'application/json' },
    status
  });
}

function noContent(): Response {
  return new Response(null, { status: 204 });
}

const sampleRequest: CreateWatermarkRequest = {
  durationSeconds: 15,
  frequencyMinutes: 15,
  horizontalMargin: 5,
  image: 'abc.png',
  imageContentType: 'image/png',
  imageSource: 'Custom',
  location: 'BottomRight',
  mode: 'Permanent',
  name: 'Corner Logo',
  opacity: 100,
  opacityExpression: null,
  placeWithinSourceContent: false,
  size: 'Scaled',
  verticalMargin: 5,
  width: 15,
  zIndex: 0
};

describe('watermarks api client', () => {
  beforeEach(() => {
    window.localStorage.clear();
    vi.restoreAllMocks();
  });

  it('getWatermark fetches a watermark by id', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ id: 4, name: 'Corner Logo' }));

    await expect(getWatermark(4)).resolves.toMatchObject({ id: 4 });
    expect(fetchMock).toHaveBeenCalledWith('/api/watermarks/4', expect.objectContaining({ method: 'GET' }));
  });

  it('createWatermark POSTs the request body', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ id: 7, name: 'Corner Logo' }, 201));

    await expect(createWatermark(sampleRequest)).resolves.toMatchObject({ id: 7 });

    const [url, init] = fetchMock.mock.calls[0];
    expect(url).toBe('/api/watermarks');
    expect(init).toMatchObject({ method: 'POST' });
    expect(JSON.parse(String(init?.body)).mode).toBe('Permanent');
  });

  it('updateWatermark PUTs to the id route', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ id: 3, name: 'Corner Logo' }));

    await updateWatermark(3, sampleRequest);

    const [url, init] = fetchMock.mock.calls[0];
    expect(url).toBe('/api/watermarks/3');
    expect(init).toMatchObject({ method: 'PUT' });
  });

  it('deleteWatermark issues a DELETE and resolves on 204', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(noContent());

    await expect(deleteWatermark(9)).resolves.toBeUndefined();
    expect(fetchMock).toHaveBeenCalledWith('/api/watermarks/9', expect.objectContaining({ method: 'DELETE' }));
  });

  it('watermarkImageUrl encodes the content type query', () => {
    expect(watermarkImageUrl('abc.png', 'image/png')).toBe('/artwork/watermarks/abc.png?contentType=image%2Fpng');
    expect(watermarkImageUrl('abc.png')).toBe('/artwork/watermarks/abc.png');
  });
});