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>
This commit is contained in:
2026-09-22 16:06:25 +02:00
parent 56c07c3581
commit 8be0725577
6 changed files with 78 additions and 7 deletions
@@ -3,15 +3,21 @@ 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 als grauer Text gerendert werden.
// 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,
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 Widget-Typ (z. B. eine alte Link-Kachel vor der Migration) rendert als grauer Text ohne Absturz', () => {
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: {} }}
@@ -23,7 +29,29 @@ describe('WidgetWrapper', () => {
const article = screen.getByRole('article');
expect(article).toHaveAttribute('aria-label', 'link');
const fallback = screen.getByText('link');
expect(fallback.className).toContain('text-muted-foreground');
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();
});
});