summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/rendering/non-replaced-elements/tables/table-valign-baseline-ascii-case-insensitive.html
blob: f64bb9aa08952b391d612fa9ba23c9b2a4d45eb5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="help" href="https://html.spec.whatwg.org/#tables-2:presentational-hints">
<link rel="help" href="https://drafts.csswg.org/selectors-4/#attribute-case">
<meta name="assert" content="@valign values on table-related elements are ASCII case-insensitive">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<table><tr><td valign="baseline">X</table>
<table><tr><td valign="BaSeLiNe">X</table>
<table><tr><td valign="baſeline">X</table>
<script>
const td = document.querySelectorAll("td");

test(() => {
  assert_equals(getComputedStyle(td[0]).getPropertyValue("vertical-align"),
  	"baseline", "lowercase valid");
  assert_equals(getComputedStyle(td[1]).getPropertyValue("vertical-align"),
  	"baseline", "mixed case valid");
  assert_equals(getComputedStyle(td[2]).getPropertyValue("vertical-align"),
  	"middle", "non-ASCII invalid");
}, "keyword baseline");
</script>