kat/hakurei
1
0
Fork 0
forked from rosa/hakurei
Code Pull Requests Activity

cmd/pkgserver: aria-describe test node summary with state

Browse Source 
The summary marker does not appear in the AOM, so setting its alt text
is fruitless.
This commit is contained in:
Kat
2026-03-23 00:44:29 +11:00
parent b8a1cd43e7
commit 1d91fd2bfc
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
cmd/pkgserver/ui/static/test.ts
View File

@@ -294,12 +294,14 @@ export class DOMReporter implements Reporter {
let parent = document.getElementById("root"); let parent = document.getElementById("root");
for (const node of path) { for (const node of path) {
let child: HTMLDetailsElement; let child: HTMLDetailsElement;
let summary: HTMLElement;
outer: for (const d of parent.children) { outer: for (const d of parent.children) {
if (!(d instanceof HTMLDetailsElement)) continue; if (!(d instanceof HTMLDetailsElement)) continue;
for (const s of d.children) { for (const s of d.children) {
if (!(s instanceof HTMLElement)) continue; if (!(s instanceof HTMLElement)) continue;
if (!(s.tagName === "SUMMARY" && s.innerText === node)) continue; if (!(s.tagName === "SUMMARY" && s.innerText === node)) continue;
child = d; child = d;
summary = s;
break outer; break outer;
} }
} }
@@ -307,7 +309,7 @@ export class DOMReporter implements Reporter {
child = document.createElement("details"); child = document.createElement("details");
child.className = "test-node"; child.className = "test-node";
child.ariaRoleDescription = "test"; child.ariaRoleDescription = "test";
const summary = document.createElement("summary"); summary = document.createElement("summary");
summary.appendChild(document.createTextNode(node)); summary.appendChild(document.createTextNode(node));
summary.ariaRoleDescription = "test name"; summary.ariaRoleDescription = "test name";
child.appendChild(summary); child.appendChild(summary);
@@ -320,17 +322,18 @@ export class DOMReporter implements Reporter {
child.classList.add("failure"); child.classList.add("failure");
child.classList.remove("skip"); child.classList.remove("skip");
child.classList.remove("success"); child.classList.remove("success");
summary.setAttribute("aria-labelledby", "failure-description");
break; break;
case "skip": case "skip":
if (child.classList.contains("failure")) break; if (child.classList.contains("failure")) break;
child.classList.add("skip"); child.classList.add("skip");
child.classList.remove("success"); child.classList.remove("success");
summary.setAttribute("aria-labelledby", "skip-description");
break; break;
case "success": case "success":
if (!(child.classList.contains("failure") || if (child.classList.contains("failure") || child.classList.contains("skip")) break;
child.classList.contains("skip"))) { child.classList.add("success");
child.classList.add("success"); summary.setAttribute("aria-labelledby", "success-description");
}
break; break;
} }

4
cmd/pkgserver/ui/test.html
View File

@@ -15,6 +15,10 @@
failed<span id="skip-counter-text" class="hidden">, <span id="skip-counter">0</span> skipped</span>. failed<span id="skip-counter-text" class="hidden">, <span id="skip-counter">0</span> skipped</span>.
</p> </p>
<p hidden id="success-description">Successful test</p>
<p hidden id="failure-description">Failed test</p>
<p hidden id="skip-description">Partially or fully skipped test</p>
<div id="root"> <div id="root">
</div> </div>