File: grid-template-areas-one-cell.html

package info (click to toggle)
firefox 146.0-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,653,092 kB
  • sloc: cpp: 7,587,817; javascript: 6,509,407; ansic: 3,755,295; python: 1,410,813; xml: 629,202; asm: 438,677; java: 186,096; sh: 62,697; makefile: 18,086; objc: 13,087; perl: 12,811; yacc: 4,583; cs: 3,846; pascal: 3,448; lex: 1,720; ruby: 1,003; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10; exp: 6
file content (34 lines) | stat: -rw-r--r-- 1,160 bytes parent folder | download | duplicates (25)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<title>grid-template-areas must define at least one cell</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel=author title="Tab Atkins-Bittner" href="https://www.xanthir.com/contact/">
<link rel=help href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">
<meta name=assert content="grid-template-areas must define at least one cell to be valid.">

<script>
function testValidGta(val) {
  test(()=>{
    const root = document.children[0];
    root.style.gridTemplateAreas = "";
    root.style.gridTemplateAreas = val;
    assert_not_equals(root.style.gridTemplateAreas, "");
  }, `"grid-template-areas: ${val};" should be valid.`);
}
function testInvalidGta(val) {
  test(()=>{
    const root = document.children[0];
    root.style.gridTemplateAreas = "";
    root.style.gridTemplateAreas = val;
    assert_equals(root.style.gridTemplateAreas, "");
  }, `"grid-template-areas: ${val};" should be invalid.`);
}

testValidGta("'a'");
testValidGta("'.'");

testInvalidGta("''");
testInvalidGta("'' ''");
testInvalidGta("'$'");
testInvalidGta("'  '");
</script>