Files
tessera-ctl/apps/web/src/components/dashboard/widgets/widget-wrapper.test.tsx
T
schalli 8be0725577 docs(quick-260922-m1h): Hinweis bei gesperrter Kachel, Changelog und Entwicklerdoku
- eine Kachel ohne Bauteil (entfernter Typ oder gesperrtes Modul) zeigt
  statt des rohen Typnamens den Satz `widgets.unavailable`, zentriert und
  grau; Schluessel in de.json und en.json
- Entwicklerdoku: neuer Abschnitt "Eine Kachel zum Modul" im
  Modul-Walkthrough — die drei verbliebenen Stellen und was eine Kachel
  mit moduleSlug automatisch tut
- Changelog unter "Unveroeffentlicht - Geaendert"

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-22 16:06:25 +02:00

58 lines
2.0 KiB
TypeScript

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