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

import { beforeEach, describe, expect, it, vi } from 'vitest';
import {
  createMultiCollection,
  deleteMultiCollection,
  getMultiCollection,
  getMultiCollections,
  messageFromMultiCollectionError,
  updateMultiCollection
} from './multiCollections';
import { ApiError } from './client';

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 });
}

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

  it('getMultiCollections maps paging params into the query string', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ page: [], totalCount: 0 }));

    await getMultiCollections({ pageNum: 2, pageSize: 25, query: 'kids' });

    const url = new URL(String(fetchMock.mock.calls[0][0]), 'http://localhost');
    expect(url.pathname).toBe('/api/v1/multi-collections');
    expect(url.searchParams.get('pageNum')).toBe('2');
    expect(url.searchParams.get('pageSize')).toBe('25');
    expect(url.searchParams.get('query')).toBe('kids');
  });

  it('getMultiCollections with no params hits the bare endpoint', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ page: [], totalCount: 0 }));

    await getMultiCollections();

    expect(fetchMock).toHaveBeenCalledWith('/api/v1/multi-collections', expect.objectContaining({ method: 'GET' }));
  });

  it('getMultiCollection fetches a single multi-collection by id', async () => {
    const fetchMock = vi
      .spyOn(window, 'fetch')
      .mockResolvedValue(jsonResponse({ id: 4, items: [], name: 'Bundle' }));

    await expect(getMultiCollection(4)).resolves.toMatchObject({ id: 4 });
    expect(fetchMock).toHaveBeenCalledWith('/api/v1/multi-collections/4', expect.objectContaining({ method: 'GET' }));
  });

  it('createMultiCollection POSTs the name and items', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ id: 9, items: [], name: 'New' }, 201));

    const body = {
      items: [{ collectionId: 3, playbackOrder: 'Chronological' as const, scheduleAsGroup: true, smartCollectionId: null }],
      name: 'New'
    };
    await expect(createMultiCollection(body)).resolves.toMatchObject({ id: 9 });

    const [url, init] = fetchMock.mock.calls[0];
    expect(url).toBe('/api/v1/multi-collections');
    expect(init).toMatchObject({ method: 'POST' });
    expect(JSON.parse(String(init?.body))).toEqual(body);
  });

  it('updateMultiCollection PUTs to the id route', async () => {
    const fetchMock = vi.spyOn(window, 'fetch').mockResolvedValue(jsonResponse({ id: 5, items: [], name: 'Renamed' }));

    const body = {
      items: [{ collectionId: null, playbackOrder: 'Chronological' as const, scheduleAsGroup: false, smartCollectionId: 7 }],
      name: 'Renamed'
    };
    await updateMultiCollection(5, body);

    const [url, init] = fetchMock.mock.calls[0];
    expect(url).toBe('/api/v1/multi-collections/5');
    expect(init).toMatchObject({ method: 'PUT' });
    expect(JSON.parse(String(init?.body))).toEqual(body);
  });

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

    await expect(deleteMultiCollection(6)).resolves.toBeUndefined();
    expect(fetchMock).toHaveBeenCalledWith('/api/v1/multi-collections/6', expect.objectContaining({ method: 'DELETE' }));
  });

  it('messageFromMultiCollectionError narrows ApiError, Error, and unknown', () => {
    expect(messageFromMultiCollectionError(new ApiError(422, { detail: 'In use', title: 'Unprocessable' }))).toBe('In use');
    expect(messageFromMultiCollectionError(new Error('boom'))).toBe('boom');
    expect(messageFromMultiCollectionError('nope', 'fallback')).toBe('fallback');
  });
});