import { render, screen } from '@testing-library/react';
import { describe, expect, it, vi } from 'vitest';

// quick-260916-iex: Link-Widget entfernt — unbekannte Widget-Typen (z. B.
// eine alte Link-Kachel vor dem Einspielen der Migration) muessen weiterhin
// ohne Absturz gerendert werden.
// quick-260922-m1h: Statt des rohen Typnamens steht dort jetzt ein Satz, der
// den Fall erklaert — derselbe Fall tritt kuenftig auf, wenn eine Kachel zu
// einem Modul gehoert, das dem Benutzer nicht freigegeben ist.
vi.mock('next-intl', () => ({
  useTranslations: () => (key: string) =>
    key === 'unavailable'
      ? 'Diese Kachel steht nicht zur Verfügung — das zugehörige Modul ist nicht freigegeben.'
      : key,
}));

import { WidgetWrapper } from './widget-wrapper';

describe('WidgetWrapper', () => {
  it('unbekannter/gesperrter Widget-Typ erklaert sich mit einem Hinweistext statt leer oder als roher Typname zu rendern', () => {
    render(
      <WidgetWrapper
        widget={{ id: 'w-alt', widgetType: 'link', config: {} }}
        isEditMode={false}
        onRemove={vi.fn()}
      />,
    );

    const article = screen.getByRole('article');
    expect(article).toHaveAttribute('aria-label', 'link');

    const hint = screen.getByText(
      'Diese Kachel steht nicht zur Verfügung — das zugehörige Modul ist nicht freigegeben.',
    );
    expect(hint.className).toContain('text-muted-foreground');
    expect(hint.className).toContain('text-center');

    // Der rohe Typname steht nicht mehr im Rumpf der Kachel.
    expect(screen.queryByText('link')).toBeNull();
  });

  it('eine bekannte Kachel rendert weiterhin ihre Komponente, nicht den Hinweis', () => {
    render(
      <WidgetWrapper
        widget={{ id: 'w-uhr', widgetType: 'clock', config: {} }}
        isEditMode={false}
        onRemove={vi.fn()}
      />,
    );

    expect(
      screen.queryByText(
        'Diese Kachel steht nicht zur Verfügung — das zugehörige Modul ist nicht freigegeben.',
      ),
    ).toBeNull();
  });
});