lists-presentational-hints-ascii-case-insensitive.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/rendering/non-replaced-elements/lists/lists-presentational-hints-ascii-case-insensitive.html - WPT Dashboard Interop Dashboard

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