156efe8b31
B1 — i18n the archive-box / archive-folder labels and add helper text.
Karton/Mappe were hardcoded German and broke EN/ES locales (WCAG 3.1.2).
B2 — drop the hardcoded German aria-label on the onboarding callout.
role="note" + the visible localised text is self-describing; the redundant
label was overriding the translated content for AT users on EN/ES.
B3 — Escape clears the bulk selection while the bar is visible. Adds an
"Esc: Auswahl aufheben" hint visible at ≥ sm (WCAG 2.1.1).
B4 — /documents and /enrich reserve pb-32 when the bulk-selection bar is
visible so it doesn't occlude the last row or pagination (WCAG 1.4.10).
Folded in three Leonie quick-concerns:
- C5: badge text-[10px] → text-[11px], raw text-gray-600 →
design-token text-ink-2 (dark-mode safe)
- C7: aria-live="polite" on bulk-selection-count
- C11: "Alles aufheben" → "Auswahl aufheben" (DE/EN/ES) — disambiguates
from "discard the operation entirely"
Refs #225, PR #331
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import { afterEach, describe, expect, it } from 'vitest';
|
|
import { cleanup, render } from 'vitest-browser-svelte';
|
|
import { page } from 'vitest/browser';
|
|
import FieldLabelBadge from './FieldLabelBadge.svelte';
|
|
|
|
afterEach(() => cleanup());
|
|
|
|
describe('FieldLabelBadge', () => {
|
|
it('renders the additive variant text', async () => {
|
|
render(FieldLabelBadge, { variant: 'additive' });
|
|
await expect.element(page.getByTestId('field-label-badge-additive')).toBeInTheDocument();
|
|
await expect
|
|
.element(page.getByTestId('field-label-badge-additive'))
|
|
.toHaveTextContent('+ wird hinzugefügt');
|
|
});
|
|
|
|
it('renders the replace variant text', async () => {
|
|
render(FieldLabelBadge, { variant: 'replace' });
|
|
await expect
|
|
.element(page.getByTestId('field-label-badge-replace'))
|
|
.toHaveTextContent('wird ersetzt');
|
|
});
|
|
|
|
it('uses the design-system text-ink-2 token (not raw Tailwind palette)', async () => {
|
|
render(FieldLabelBadge, { variant: 'replace' });
|
|
await expect.element(page.getByTestId('field-label-badge-replace')).toHaveClass(/text-ink-2/);
|
|
});
|
|
});
|