LibWeb: Apply type presentational hint for HTMLLIElement

This commit is contained in:
Tim Ledbetter
2025-02-18 15:09:42 +00:00
committed by Tim Ledbetter
parent 74bf7bc28e
commit 2550b602ab
Notes: github-actions[bot] 2025-02-21 01:26:25 +00:00
6 changed files with 161 additions and 0 deletions

View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="help" href="https://html.spec.whatwg.org/#lists:presentational-hints">
<link rel="help" href="https://drafts.csswg.org/selectors-4/#attribute-case">
<meta name="assert" content="ul@type + li@type values are ASCII case-insensitive">
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<ul type="circle"><li type="disc"></ul>
<ul type="circle"><li type="DiSc"></ul>
<ul type="circle"><li type="diſc"></ul>
<ul type="circle"><li type="square"></ul>
<ul type="circle"><li type="SqUaRe"></ul>
<ul type="circle"><li type="ſquare"></ul>
<script>
const li = document.querySelectorAll("li");
test(() => {
assert_equals(getComputedStyle(li[0]).getPropertyValue("list-style-type"),
"disc", "lowercase valid");
assert_equals(getComputedStyle(li[1]).getPropertyValue("list-style-type"),
"disc", "mixed case valid");
assert_equals(getComputedStyle(li[2]).getPropertyValue("list-style-type"),
"circle", "non-ASCII invalid");
}, "keyword disc");
test(() => {
assert_equals(getComputedStyle(li[3]).getPropertyValue("list-style-type"),
"square", "lowercase valid");
assert_equals(getComputedStyle(li[4]).getPropertyValue("list-style-type"),
"square", "mixed case valid");
assert_equals(getComputedStyle(li[5]).getPropertyValue("list-style-type"),
"circle", "non-ASCII invalid");
}, "keyword square");
</script>