lists-presentational-hints-ascii-case-insensitive.html (1431B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://html.spec.whatwg.org/#lists:presentational-hints"> 4 <link rel="help" href="https://drafts.csswg.org/selectors-4/#attribute-case"> 5 <meta name="assert" content="ul@type + li@type values are ASCII case-insensitive"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <ul type="circle"><li type="disc"></ul> 9 <ul type="circle"><li type="DiSc"></ul> 10 <ul type="circle"><li type="diſc"></ul> 11 <ul type="circle"><li type="square"></ul> 12 <ul type="circle"><li type="SqUaRe"></ul> 13 <ul type="circle"><li type="ſquare"></ul> 14 <script> 15 const li = document.querySelectorAll("li"); 16 17 test(() => { 18 assert_equals(getComputedStyle(li[0]).getPropertyValue("list-style-type"), 19 "disc", "lowercase valid"); 20 assert_equals(getComputedStyle(li[1]).getPropertyValue("list-style-type"), 21 "disc", "mixed case valid"); 22 assert_equals(getComputedStyle(li[2]).getPropertyValue("list-style-type"), 23 "circle", "non-ASCII invalid"); 24 }, "keyword disc"); 25 26 test(() => { 27 assert_equals(getComputedStyle(li[3]).getPropertyValue("list-style-type"), 28 "square", "lowercase valid"); 29 assert_equals(getComputedStyle(li[4]).getPropertyValue("list-style-type"), 30 "square", "mixed case valid"); 31 assert_equals(getComputedStyle(li[5]).getPropertyValue("list-style-type"), 32 "circle", "non-ASCII invalid"); 33 }, "keyword square"); 34 </script>