mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-13 11:39:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb/HTML: Add the commandForElement attribute to the button element

Browse source 
This commit adds the commandForElement attribute to the
button element. Executing commands is not implemented yet.
This commit is contained in:
Glenn Skrzypczak 2025-04-04 01:27:55 +02:00 • committed by Tim Ledbetter
commit ffe0b05abd
Notes: github-actions[bot] 2025-04-18 11:11:13 +00:00
6 changed files with 144 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

88
Tests/LibWeb/Text/input/wpt-import/html/semantics/the-button-element/command-and-commandfor/interface.html Normal file
View file

@ -0,0 +1,88 @@
<!doctype html>
<meta charset="utf-8" />
<meta name="author" title="Keith Cirkel" href="mailto:wpt@keithcirkel.co.uk" />
<link rel="help" href="https://open-ui.org/components/invokers.explainer/" />
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<button id="invoker" commandfor="invokee" command="test"></button>
<div id="invokee"></div>
<script>
test(function () {
assert_equals(invoker.commandForElement, invokee);
}, "commandForElement reflects invokee HTML element");
test(function () {
const div = document.body.appendChild(document.createElement("div"));
invoker.commandForElement = div;
assert_equals(invoker.commandForElement, div);
assert_equals(invoker.getAttribute("commandfor"), "");
assert_equals(invoker.getAttribute("command"), "test");
}, "commandForElement reflects set value");
test(function () {
const host = document.body.appendChild(document.createElement("div"));
const shadow = host.attachShadow({ mode: "open" });
const button = shadow.appendChild(document.createElement("button"));
button.commandForElement = invokee;
assert_equals(button.commandForElement, invokee);
assert_equals(invoker.getAttribute("commandfor"), "");
assert_equals(invoker.getAttribute("command"), "test");
}, "commandForElement reflects set value across shadow root into light dom");
test(function () {
const host = document.body.appendChild(document.createElement("div"));
const shadow = host.attachShadow({ mode: "open" });
const div = shadow.appendChild(document.createElement("div"));
invoker.commandForElement = div;
assert_equals(invoker.commandForElement, null);
assert_equals(invoker.getAttribute("commandfor"), "");
assert_equals(invoker.getAttribute("command"), "test");
}, "commandForElement does not reflect set value inside shadowroot");
test(function () {
assert_throws_js(
TypeError,
function () {
invoker.commandForElement = {};
},
"commandForElement attribute must be an instance of Element",
);
}, "commandForElement throws error on assignment of non Element");
test(function () {
invoker.setAttribute("command", "");
assert_equals(invoker.getAttribute("command"), "");
assert_equals(invoker.command, "");
}, "command reflects '' when attribute empty, setAttribute version");
test(function () {
invoker.command = "fooBarBaz";
assert_equals(invoker.getAttribute("command"), "fooBarBaz");
assert_equals(invoker.command, "");
}, "command reflects correctly for invalid");
test(function () {
invoker.command = "";
assert_equals(invoker.getAttribute("command"), "");
assert_equals(invoker.command, "");
}, "command reflects '' when attribute empty, IDL version");
test(function () {
invoker.command = [1, 2, 3];
assert_equals(invoker.getAttribute("command"), "1,2,3");
assert_equals(invoker.command, "");
}, "command reflects correctly for invalid when array");
test(function () {
invoker.command = [];
assert_equals(invoker.getAttribute("command"), "");
assert_equals(invoker.command, "");
}, "command reflects '' when attribute set to []");
test(function () {
invoker.command = {};
assert_equals(invoker.command, "");
}, "command reflects correctly for invalid when object");
</script>