diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html')
| -rw-r--r-- | testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html b/testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html new file mode 100644 index 0000000000..d3acc35e9f --- /dev/null +++ b/testing/web-platform/tests/html/dom/aria-element-reflection-disconnected.html @@ -0,0 +1,82 @@ +<!DOCTYPE HTML> +<meta charset="utf-8" /> +<link rel=help href="https://html.spec.whatwg.org/#attr-associated-element"> +<link rel="author" href="masonf@chromium.org"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<div id=single_element> + <input aria-activedescendant=foo> + <p id=foo></p> +</div> + +<div id=array> + <input aria-describedby="foo1 foo2"> + <div id=targets> + <p id=foo1></p> + <p id=foo2></p> + </div> +</div> + +<script> + function isIterable(obj) { + if (obj === null) + return false; + return typeof obj[Symbol.iterator] === 'function'; + } + function toSet(elementOrList) { + if (!isIterable(elementOrList)) { + return new Set([elementOrList]); + } + return new Set(elementOrList); + } + function assert_equal_elements(arr1, arr2, msg) { + msg = msg || "Arrays not equal"; + arr1 = toSet(arr1); + arr2 = toSet(arr2); + assert_true(arr1.size === arr2.size && + [...arr1].every((x) => arr2.has(x)), msg); + } + function single_test(container, targets, contentAttr, idlAttr, isSingleTarget) { + // Start with idref-based reference: + const el = container.querySelector('input'); + assert_true(el.getAttribute(contentAttr) != null && el.getAttribute(contentAttr) != '','Should start with idref attribute'); + assert_equal_elements(el[idlAttr],targets); + container.remove(); + assert_equal_elements(el[idlAttr],targets,'idrefs should continue to work when target is disconnected'); + document.body.appendChild(container); + assert_equal_elements(el[idlAttr],targets,'functional when reconnected'); + + // Now set up an attr-associated element: + el[idlAttr] = isSingleTarget ? targets[0] : targets; + assert_equal_elements(el[idlAttr],targets); + assert_equals(el.getAttribute(contentAttr),'','Content attribute is present but empty'); + container.remove(); + assert_equal_elements(el[idlAttr],targets,'attr-associated element still functional'); + assert_equals(el.getAttribute(contentAttr),'','Attribute still blank'); + document.body.appendChild(container); + assert_equal_elements(el[idlAttr],targets,'still functional when reconnected'); + + // Sanity check: + el.removeAttribute(contentAttr); + assert_equal_elements(el[idlAttr],null); + assert_equals(el.getAttribute(contentAttr),null); + container.remove(); + assert_equal_elements(el[idlAttr],null); + assert_equals(el.getAttribute(contentAttr),null); + document.body.appendChild(container); + } + + test(() => { + const container = document.getElementById('single_element'); + const targets = [container.querySelector('#foo')]; + single_test(container, targets, 'aria-activedescendant', 'ariaActiveDescendantElement', true); + },'Element references should stay valid when content is disconnected (single element)'); + + test(() => { + const container = document.getElementById('array'); + const targets = Array.from(container.querySelector('#targets').children); + single_test(container, targets, 'aria-describedby', 'ariaDescribedByElements', false); + },'Element references should stay valid when content is disconnected (element array)'); +</script> + |