test(HelpPopover): use userEvent.keyboard for Enter/Space tests
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import { describe, it, expect, afterEach, vi } from 'vitest';
|
import { describe, it, expect, afterEach, vi } from 'vitest';
|
||||||
import { cleanup, render } from 'vitest-browser-svelte';
|
import { cleanup, render } from 'vitest-browser-svelte';
|
||||||
import { page } from 'vitest/browser';
|
import { page, userEvent } from 'vitest/browser';
|
||||||
import HelpPopover from './HelpPopover.svelte';
|
import HelpPopover from './HelpPopover.svelte';
|
||||||
|
|
||||||
afterEach(cleanup);
|
afterEach(cleanup);
|
||||||
@@ -51,16 +51,18 @@ describe('HelpPopover — open / close interactions', () => {
|
|||||||
await vi.waitFor(() => expect(document.querySelector('[role="region"]')).toBeNull());
|
await vi.waitFor(() => expect(document.querySelector('[role="region"]')).toBeNull());
|
||||||
});
|
});
|
||||||
|
|
||||||
it('opens on Enter key (button is keyboard-reachable, Enter fires click)', async () => {
|
it('opens on Enter key', async () => {
|
||||||
renderPopover();
|
renderPopover();
|
||||||
await page.getByRole('button', { name: /Help/ }).click();
|
(document.querySelector('button[aria-expanded]') as HTMLButtonElement).focus();
|
||||||
expect(document.querySelector('[role="region"]')).not.toBeNull();
|
await userEvent.keyboard('{Enter}');
|
||||||
|
await vi.waitFor(() => expect(document.querySelector('[role="region"]')).not.toBeNull());
|
||||||
});
|
});
|
||||||
|
|
||||||
it('opens on Space key (button is keyboard-reachable, Space fires click)', async () => {
|
it('opens on Space key', async () => {
|
||||||
renderPopover();
|
renderPopover();
|
||||||
await page.getByRole('button', { name: /Help/ }).click();
|
(document.querySelector('button[aria-expanded]') as HTMLButtonElement).focus();
|
||||||
expect(document.querySelector('[role="region"]')).not.toBeNull();
|
await userEvent.keyboard('{Space}');
|
||||||
|
await vi.waitFor(() => expect(document.querySelector('[role="region"]')).not.toBeNull());
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user