1 files changed, 34 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/rendering/non-replaced-elements/lists/lists-presentational-hints-ascii-case-insensitive.html b/testing/web-platform/tests/html/rendering/non-replaced-elements/lists/lists-presentational-hints-ascii-case-insensitive.html
new file mode 100644
index 0000000000..396055f73b
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/lists/lists-presentational-hints-ascii-case-insensitive.html
@@ -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>