diff --git a/frontend/src/lib/shared/discussion/MentionDropdown.svelte.spec.ts b/frontend/src/lib/shared/discussion/MentionDropdown.svelte.spec.ts index cfc782c1..cf2205b8 100644 --- a/frontend/src/lib/shared/discussion/MentionDropdown.svelte.spec.ts +++ b/frontend/src/lib/shared/discussion/MentionDropdown.svelte.spec.ts @@ -77,6 +77,18 @@ describe('MentionDropdown — search input', () => { await expect.element(page.getByText(m.person_mention_search_prompt())).not.toBeInTheDocument(); }); + it('search input wrapper meets the 44px touch target (WCAG 2.2 AA)', async () => { + render(MentionDropdown, { + model: makeModel(), + editorQuery: '', + onSearch: () => {} + }); + + const input = document.querySelector('[data-test-search-input]') as HTMLElement; + expect(input).not.toBeNull(); + expect(input.className).toContain('min-h-[44px]'); + }); + it('invokes onSearch with the current value whenever the user types', async () => { const onSearch = vi.fn(); render(MentionDropdown, {