| <!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> |