Files
WRNexusJS/packages/block-editor/test/selection-toolbar.test.ts
T
Clintchiz 640dadaa75
Quality / quality (ubuntu-latest) (push) Failing after 11m24s
Quality / quality (windows-latest) (push) Canceled after 0s
Use compact accessible SVG actions for selected blocks
2026-09-05 20:52:29 +05:30

23 lines
1.2 KiB
TypeScript

import { expect, test } from "bun:test";
import { Window } from "happy-dom";
import { showBuilderBlockActions } from "../src/live-canvas.ts";
test("compact selection actions retain accessible names and callbacks without interpreting labels", () => {
const window = new Window(), document = window.document;
document.body.innerHTML = '<div data-block-id="text">Content</div>';
let calls = 0;
showBuilderBlockActions(document as unknown as Document, "text", "Text — <script>example</script>", { Edit: () => calls++, Delete: () => calls++ });
const toolbar = document.querySelector('[role="toolbar"]')!;
expect(toolbar.getAttribute("aria-label")).toBe("Text — <script>example</script> actions");
expect(toolbar.querySelector("strong")?.textContent).toBe("Text");
expect(toolbar.querySelector("script")).toBeNull();
const edit = toolbar.querySelector('[aria-label="Edit"]') as any;
expect(edit.title).toBe("Edit");
expect(edit.querySelector("svg")).not.toBeNull();
edit.click();
expect(calls).toBe(1);
showBuilderBlockActions(document as unknown as Document, "text", "Text", { Edit: () => calls++ });
expect(document.querySelectorAll('[role="toolbar"]')).toHaveLength(1);
window.happyDOM.abort();
});