cesnimda/jobtrackingapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test(a11y): trace drawer focus before visible transition

Browse Source
This commit is contained in:
cesnimda
2026-10-10 21:55:58 +02:00
parent c22f3fc753
commit 0401bc36ea
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
job-tracker-ui/e2e/responsive-accessibility-audit.spec.ts
+15 -1
View File
@@ -183,6 +183,16 @@ test('[P5-15-02 COLLECTION] thirteen areas retain native rendered entry across t
test('[P5-15-02] reduced-motion mobile drawer enters focus and Escape returns it', async ({ page, owner }, info) => {
test.setTimeout(60_000);
await page.addInitScript(() => {
const original = HTMLElement.prototype.focus;
const state = window as Window & { drawerFocusAttempts?: unknown[] };
state.drawerFocusAttempts = [];
HTMLElement.prototype.focus = function (options) {
if (this.getAttribute('role') === 'dialog') state.drawerFocusAttempts!.push({ visibility: getComputedStyle(this).visibility,
parentVisibility: this.closest('.MuiModal-root') ? getComputedStyle(this.closest('.MuiModal-root')!).visibility : null });
original.call(this, options);
};
});
const t = translations.en;
const sample: Sample = { area: 'shell', path: '/jobs', width: 390, language: 'en', theme: 'light' };
await enter(page, owner, sample);
@@ -190,7 +200,11 @@ test('[P5-15-02] reduced-motion mobile drawer enters focus and Escape returns it
await navigation.focus(); await navigation.press('Enter');
const drawer = page.getByRole('dialog', { name: t.navigation, exact: true });
await expect.soft(drawer.getByRole('button', { name: t.dashboard, exact: true })).toBeFocused();
const focus = () => page.evaluate(() => ({ active: document.activeElement?.outerHTML.slice(0, 500), focusedInDialog: !!document.activeElement?.closest('[role=dialog]') }));
const focus = () => page.evaluate(() => ({ active: document.activeElement?.outerHTML.slice(0, 500), focusedInDialog: !!document.activeElement?.closest('[role=dialog]'),
attempts: (window as Window & { drawerFocusAttempts?: unknown[] }).drawerFocusAttempts,
dialogs: Array.from(document.querySelectorAll('[role=dialog]')).map(node => ({ html: node.outerHTML.slice(0, 400), visibility: getComputedStyle(node).visibility,
modalVisibility: node.closest('.MuiModal-root') ? getComputedStyle(node.closest('.MuiModal-root')!).visibility : null,
focusable: node.getAttribute('tabindex'), bounds: node.getBoundingClientRect().toJSON() })) }));
const beforeScan = await focus();
await collect(page, info, sample, 'navigation-open');
const afterScan = await focus();