// @vitest-environment jsdom
import { describe, it, expect, vi, afterEach } from 'vitest';
import { render, screen, cleanup, fireEvent, waitFor } from '@testing-library/react';
import AdminDashboard from '../AdminDashboard';
import { SESSION_EXPIRED_EVENT } from '../sessionExpiry';
import { NotificationProvider } from '../Notifications';

vi.mock('next/navigation', () => ({
  usePathname: () => '/admin',
}));

afterEach(cleanup);

/**
 * `handleReload` used to await POST /api/admin/reload without checking
 * `res.ok`, so a 401 or a 500 was indistinguishable from success (#596).
 */
describe('AdminDashboard reload failure reporting', () => {
  it('reports a non-ok, non-401 reload failure', async () => {
    vi.stubGlobal(
      'fetch',
      vi.fn(async (url: string, init?: RequestInit) => {
        if (url === '/api/admin/reload' && init?.method === 'POST') {
          return new Response(null, { status: 500 });
        }
        return new Response(null, { status: 500 }); // status/doctor probes
      }),
    );

    render(
      <NotificationProvider>
        <AdminDashboard onLogout={() => {}}>
          <div>Panel</div>
        </AdminDashboard>
      </NotificationProvider>,
    );

    fireEvent.click(screen.getByTitle('Reload config & clear cache'));

    // Reported through the notification surface (#600), not alert().
    await waitFor(() =>
      expect(screen.getByRole('alert').textContent).toContain('Reload failed (HTTP 500).'),
    );
  });

  it('raises the session-expired event instead of reporting an error on a 401', async () => {
    const listener = vi.fn();
    window.addEventListener(SESSION_EXPIRED_EVENT, listener);
    vi.stubGlobal(
      'fetch',
      vi.fn(async (url: string, init?: RequestInit) => {
        if (url === '/api/admin/reload' && init?.method === 'POST') {
          return new Response(null, { status: 401 });
        }
        return new Response(null, { status: 500 });
      }),
    );

    render(
      <NotificationProvider>
        <AdminDashboard onLogout={() => {}}>
          <div>Panel</div>
        </AdminDashboard>
      </NotificationProvider>,
    );

    fireEvent.click(screen.getByTitle('Reload config & clear cache'));

    await waitFor(() => expect(listener).toHaveBeenCalledOnce());
    expect(screen.getByRole('alert').textContent).toBe('');
    window.removeEventListener(SESSION_EXPIRED_EVENT, listener);
  });

  it('reports no error when the reload succeeds', async () => {
    const fetchMock = vi.fn(async (url: string, init?: RequestInit) => {
      if (url === '/api/admin/reload' && init?.method === 'POST') {
        return new Response(null, { status: 200 });
      }
      return new Response(null, { status: 500 });
    });
    vi.stubGlobal('fetch', fetchMock);

    render(
      <NotificationProvider>
        <AdminDashboard onLogout={() => {}}>
          <div>Panel</div>
        </AdminDashboard>
      </NotificationProvider>,
    );

    fireEvent.click(screen.getByTitle('Reload config & clear cache'));

    await waitFor(() =>
      expect(
        fetchMock.mock.calls.filter(
          ([url, init]) => url === '/api/admin/reload' && init?.method === 'POST',
        ),
      ).toHaveLength(1),
    );
    expect(screen.getByRole('alert').textContent).toBe('');
  });
});