minstrel/web/src/lib/components/AdminTabs.test.ts

import { describe, expect, test, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte';
import { pageUrlModule } from '#test-utils/mocks/appState.js';

const state = vi.hoisted(() => ({
  pageUrl: new URL('http://localhost/admin')
}));

vi.mock('$app/state', () => pageUrlModule(state));

import AdminTabs from './AdminTabs.svelte';

describe('AdminTabs', () => {
  test('Overview tab is current when on /admin', () => {
    state.pageUrl = new URL('http://localhost/admin');
    render(AdminTabs);
    const overview = screen.getByRole('link', { name: /overview/i });
    expect(overview).toHaveAttribute('aria-current', 'page');
  });

  test('Integrations tab is current when on /admin/integrations', () => {
    state.pageUrl = new URL('http://localhost/admin/integrations');
    render(AdminTabs);
    expect(screen.getByRole('link', { name: /integrations/i })).toHaveAttribute(
      'aria-current',
      'page'
    );
    expect(screen.getByRole('link', { name: /overview/i })).not.toHaveAttribute('aria-current');
  });

  test('Requests tab is current when on /admin/requests', () => {
    state.pageUrl = new URL('http://localhost/admin/requests');
    render(AdminTabs);
    expect(screen.getByRole('link', { name: /requests/i })).toHaveAttribute('aria-current', 'page');
  });

  test('Quarantine tab is current when on /admin/quarantine', () => {
    state.pageUrl = new URL('http://localhost/admin/quarantine');
    render(AdminTabs);
    expect(screen.getByRole('link', { name: /quarantine/i })).toHaveAttribute(
      'aria-current',
      'page'
    );
  });

  test('Users tab is current when on /admin/users', () => {
    state.pageUrl = new URL('http://localhost/admin/users');
    render(AdminTabs);
    expect(screen.getByRole('link', { name: /users/i })).toHaveAttribute(
      'aria-current',
      'page'
    );
  });

  test('renders all twelve tabs in order', () => {
    state.pageUrl = new URL('http://localhost/admin');
    render(AdminTabs);
    const links = screen.getAllByRole('link');
    expect(links.map((l) => l.textContent?.trim())).toEqual([
      'Overview',
      'Integrations',
      'Requests',
      // Wanted follows Requests: an approved request goes on the wanted list.
      'Wanted',
      'Quarantine',
      // Missing files sits with Quarantine and Playback errors: the three
      // surfaces that show tracks needing an operator's attention.
      'Missing files',
      // Duplicates follows Missing files: both are library-health reports on
      // what the library holds, rather than a queue of user reports.
      'Duplicates',
      // Suspect sources is the third library-health report: files whose
      // names say they were ripped from a video.
      'Suspect sources',
      'Playback errors',
      'Diagnostics',
      'Tuning',
      'Users'
    ]);
  });
});