Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 4e1aa4f3dcbff1abd654c63d0f677379c1e2775f

Browse source
This commit is contained in:
Ms2ger 2015-11-30 10:16:54 +01:00
parent 0f72049363
commit 6bb495338b
1321 changed files with 34875 additions and 7209 deletions
Download patch file Download diff file Expand all files Collapse all files

82
tests/wpt/css-tests/css-grid-1_dev/html/chapter-4.htm
View file

@ -508,102 +508,102 @@
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></strong></td>
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></strong></td>
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></strong></td>
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></strong></td>
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></strong></td>
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></strong></td>
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></strong></td>
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></strong></td>
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></strong></td>
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-001.htm
View file

@ -20,7 +20,6 @@
display: inline-grid;
font: 25px/1 Ahem;
color: green;
grid-template-columns: auto auto;
}
</style>
</head>
@ -33,9 +32,7 @@
em
<div>it</div>
em
</div>
<br>
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
it
<span>em</span>
it

20
tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-items-002.htm
View file

@ -21,17 +21,13 @@
font: 25px/1 Ahem;
color: green;
}
.two-columns {
grid-template-columns: auto auto;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div class="test-inline-grid-overlapping-green two-columns">
<div class="test-inline-grid-overlapping-green">
<div>
<div>it</div>
em
@ -40,14 +36,18 @@
it
<div>em</div>
</div>
</div>
<br>
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
<span>
<span>it</span>em
<span>i</span>t
</span>
<span>
it<span>em</span>
e<span>m</span>
</span>
<span>
<span>i</span>t
</span>
<span>
e<span>m</span>
</span>
</div>

8
tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-flexible-lengths-001.htm
View file

@ -34,10 +34,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/html/grid-inline-support-grid-template-areas-001.htm
View file

@ -28,29 +28,29 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('inline-grid').style.gridTemplateAreas = '';
@ -69,7 +69,7 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '","', '","');
TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none');
</script>

4
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-001.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-001.htm
View file

@ -1,12 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<meta name="assert" content="Checks that minimun size for grid items is the min-content size.">
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-002.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-002.htm
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the min-content size.">
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-003.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-003.htm
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size.">
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-004.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-004.htm
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size.">
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;

7
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-005.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-005.htm
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the min-content size.">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the min-content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
@ -26,7 +27,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img src="../support/100x100-green.png">
<img src="support/100x100-green.png" alt="Image download support must be enabled">
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-007.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-006.htm
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png">
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled">
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-006.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-007.htm
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png">
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled">
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-009.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-008.htm
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png">
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled">
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/html/grid-minimun-size-grid-items-008.htm → tests/wpt/css-tests/css-grid-1_dev/html/grid-minimum-size-grid-items-009.htm
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
<meta name="flags" content="image">
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png">
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled">
</div>
</body>

8
tests/wpt/css-tests/css-grid-1_dev/html/grid-support-flexible-lengths-001.htm
View file

@ -34,10 +34,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-template-areas-001.htm
View file

@ -28,29 +28,29 @@
TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('grid').style.gridTemplateAreas = '';
@ -69,7 +69,7 @@
TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '","', '","');
TestingUtils.testGridTemplateAreas('grid', '","', 'none');
TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none');
</script>

6
tests/wpt/css-tests/css-grid-1_dev/html/reference/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}

64
tests/wpt/css-tests/css-grid-1_dev/html/reftest-toc.htm
View file

@ -544,76 +544,76 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-001" class="ahem">
<tbody id="grid-minimum-size-grid-items-001" class="ahem">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-001.htm">grid-minimun-size-grid-items-001</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-002" class="">
<tbody id="grid-minimum-size-grid-items-002" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-002.htm">grid-minimun-size-grid-items-002</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-003" class="">
<tbody id="grid-minimum-size-grid-items-003" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-003.htm">grid-minimun-size-grid-items-003</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-004" class="">
<tbody id="grid-minimum-size-grid-items-004" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-004.htm">grid-minimun-size-grid-items-004</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-005" class="">
<tbody id="grid-minimum-size-grid-items-005" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-005.htm">grid-minimun-size-grid-items-005</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-006" class="">
<tbody id="grid-minimum-size-grid-items-006" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-006.htm">grid-minimun-size-grid-items-006</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-007" class="">
<tbody id="grid-minimum-size-grid-items-007" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-007.htm">grid-minimun-size-grid-items-007</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-008" class="">
<tbody id="grid-minimum-size-grid-items-008" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-008.htm">grid-minimun-size-grid-items-008</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-009" class="">
<tbody id="grid-minimum-size-grid-items-009" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-009.htm">grid-minimun-size-grid-items-009</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-multicol-001" class="">

18
tests/wpt/css-tests/css-grid-1_dev/html/reftest.list
View file

@ -64,15 +64,15 @@ grid-layout-repeat-notation.htm == reference/grid-layout-repeat-notation-ref.htm
grid-layout-z-order-a.htm == reference/grid-layout-z-order-ref.htm
grid-layout-z-order-b.htm == reference/grid-layout-z-order-ref.htm
grid-margins-no-collapse-001.htm == reference/grid-text-green-margin-no-collapse-ref.htm
grid-minimun-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm
grid-minimun-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-001.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-002.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-003.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-004.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-005.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-006.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-007.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-008.htm == reference/ref-filled-green-100px-square.htm
grid-minimum-size-grid-items-009.htm == reference/ref-filled-green-100px-square.htm
grid-multicol-001.htm == reference/ref-filled-green-100px-square.htm
grid-order-property-auto-placement-001.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm
grid-order-property-auto-placement-002.htm == reference/grid-2x2-blue-yellow-lime-magenta.htm

6
tests/wpt/css-tests/css-grid-1_dev/html/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}

60
tests/wpt/css-tests/css-grid-1_dev/implementation-report-TEMPLATE.data
View file

@ -49,10 +49,10 @@ html/grid-inline-float-001.htm 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ?
xhtml1/grid-inline-float-001.xht 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc ?
html/grid-inline-floats-no-intrude-001.htm 023d2517d777699e4cb720aae6a5db2e6320f64a ?
xhtml1/grid-inline-floats-no-intrude-001.xht 023d2517d777699e4cb720aae6a5db2e6320f64a ?
html/grid-inline-items-001.htm 3b5405730e637d3ca49947fb78d495a0e782baf9 ?
xhtml1/grid-inline-items-001.xht 3b5405730e637d3ca49947fb78d495a0e782baf9 ?
html/grid-inline-items-002.htm 504a0adeb562210ab884f495087e085ab24c92d0 ?
xhtml1/grid-inline-items-002.xht 504a0adeb562210ab884f495087e085ab24c92d0 ?
html/grid-inline-items-001.htm 7e3b520c584fea0f45e4de1f26685c21e8d6200a ?
xhtml1/grid-inline-items-001.xht 7e3b520c584fea0f45e4de1f26685c21e8d6200a ?
html/grid-inline-items-002.htm 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ?
xhtml1/grid-inline-items-002.xht 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 ?
html/grid-inline-items-003.htm 5f9d45d3f7cc135bfaea625317ac8c261354b63c ?
xhtml1/grid-inline-items-003.xht 5f9d45d3f7cc135bfaea625317ac8c261354b63c ?
html/grid-inline-items-inline-blocks-001.htm e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 ?
@ -81,10 +81,10 @@ html/grid-inline-order-property-painting-004.htm 93ea4f95eeb4e085c1bb4ea9e5d0fc4
xhtml1/grid-inline-order-property-painting-004.xht 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 ?
html/grid-inline-order-property-painting-005.htm 72728e05989a070edb754801be2e9769ec861c2d ?
xhtml1/grid-inline-order-property-painting-005.xht 72728e05989a070edb754801be2e9769ec861c2d ?
html/grid-inline-support-flexible-lengths-001.htm 7a5d069f5a18a6a92f6546216824343a340f796f ?
xhtml1/grid-inline-support-flexible-lengths-001.xht 7a5d069f5a18a6a92f6546216824343a340f796f ?
html/grid-inline-support-grid-template-areas-001.htm 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 ?
xhtml1/grid-inline-support-grid-template-areas-001.xht 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 ?
html/grid-inline-support-flexible-lengths-001.htm 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ?
xhtml1/grid-inline-support-flexible-lengths-001.xht 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 ?
html/grid-inline-support-grid-template-areas-001.htm 037e8d6035c98c445a7938c5a56f20f5ff430033 ?
xhtml1/grid-inline-support-grid-template-areas-001.xht 037e8d6035c98c445a7938c5a56f20f5ff430033 ?
html/grid-inline-support-grid-template-columns-rows-001.htm 236930bb2240e757225dc6b34a82ea0f15f2ec0e ?
xhtml1/grid-inline-support-grid-template-columns-rows-001.xht 236930bb2240e757225dc6b34a82ea0f15f2ec0e ?
html/grid-inline-support-named-grid-lines-001.htm 315365f9bccd7657245b347cef4ced75b257e302 ?
@ -149,24 +149,24 @@ html/grid-layout-z-order-b.htm fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
xhtml1/grid-layout-z-order-b.xht fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a ?
html/grid-margins-no-collapse-001.htm a2cc4e1ac516408da65ef363beef36c757736f6f ?
xhtml1/grid-margins-no-collapse-001.xht a2cc4e1ac516408da65ef363beef36c757736f6f ?
html/grid-minimun-size-grid-items-001.htm 613e5e003415c0130450183380f315c9e03ad387 ?
xhtml1/grid-minimun-size-grid-items-001.xht 613e5e003415c0130450183380f315c9e03ad387 ?
html/grid-minimun-size-grid-items-002.htm 8ba15922ec30224f55a66300119ef091bcc61949 ?
xhtml1/grid-minimun-size-grid-items-002.xht 8ba15922ec30224f55a66300119ef091bcc61949 ?
html/grid-minimun-size-grid-items-003.htm 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c ?
xhtml1/grid-minimun-size-grid-items-003.xht 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c ?
html/grid-minimun-size-grid-items-004.htm 20fc5c365dd1bb26b195e4231a632436f866e522 ?
xhtml1/grid-minimun-size-grid-items-004.xht 20fc5c365dd1bb26b195e4231a632436f866e522 ?
html/grid-minimun-size-grid-items-005.htm 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 ?
xhtml1/grid-minimun-size-grid-items-005.xht 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 ?
html/grid-minimun-size-grid-items-006.htm 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 ?
xhtml1/grid-minimun-size-grid-items-006.xht 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 ?
html/grid-minimun-size-grid-items-007.htm c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 ?
xhtml1/grid-minimun-size-grid-items-007.xht c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 ?
html/grid-minimun-size-grid-items-008.htm cc4f477db54018c7db8553726e9617dfe32a755f ?
xhtml1/grid-minimun-size-grid-items-008.xht cc4f477db54018c7db8553726e9617dfe32a755f ?
html/grid-minimun-size-grid-items-009.htm e4da8e15125cbf0af8a68c689bf7767c58926b57 ?
xhtml1/grid-minimun-size-grid-items-009.xht e4da8e15125cbf0af8a68c689bf7767c58926b57 ?
html/grid-minimum-size-grid-items-001.htm a69269399a2b148e6450ac037c938641e6b90c3e ?
xhtml1/grid-minimum-size-grid-items-001.xht a69269399a2b148e6450ac037c938641e6b90c3e ?
html/grid-minimum-size-grid-items-002.htm bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ?
xhtml1/grid-minimum-size-grid-items-002.xht bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c ?
html/grid-minimum-size-grid-items-003.htm b6bde0186a33951cb313396ce8c278ceb38396eb ?
xhtml1/grid-minimum-size-grid-items-003.xht b6bde0186a33951cb313396ce8c278ceb38396eb ?
html/grid-minimum-size-grid-items-004.htm 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ?
xhtml1/grid-minimum-size-grid-items-004.xht 6aa3dcde25c815d919f566c18fe3b8b72dba7558 ?
html/grid-minimum-size-grid-items-005.htm fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ?
xhtml1/grid-minimum-size-grid-items-005.xht fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 ?
html/grid-minimum-size-grid-items-006.htm 174e283c947342672b4f4f17ca17127e7bf31a38 ?
xhtml1/grid-minimum-size-grid-items-006.xht 174e283c947342672b4f4f17ca17127e7bf31a38 ?
html/grid-minimum-size-grid-items-007.htm d588f01baf7d50455025a8977a82da55416567c7 ?
xhtml1/grid-minimum-size-grid-items-007.xht d588f01baf7d50455025a8977a82da55416567c7 ?
html/grid-minimum-size-grid-items-008.htm 197f82d6f89561a846c9c2ba41e6b812246359b5 ?
xhtml1/grid-minimum-size-grid-items-008.xht 197f82d6f89561a846c9c2ba41e6b812246359b5 ?
html/grid-minimum-size-grid-items-009.htm fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ?
xhtml1/grid-minimum-size-grid-items-009.xht fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d ?
html/grid-multicol-001.htm 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
xhtml1/grid-multicol-001.xht 521dbe45e2022be1140904fe6d2513370d6bfef3 ?
html/grid-order-property-auto-placement-001.htm ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 ?
@ -191,10 +191,10 @@ html/grid-order-property-painting-005.htm 1816a5bb33c6984fa4cd4d0d834d8681391acb
xhtml1/grid-order-property-painting-005.xht 1816a5bb33c6984fa4cd4d0d834d8681391acb9d ?
html/grid-support-display-001.htm 18055d2ae743945500cc0444a2658411a0791120 ?
xhtml1/grid-support-display-001.xht 18055d2ae743945500cc0444a2658411a0791120 ?
html/grid-support-flexible-lengths-001.htm e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 ?
xhtml1/grid-support-flexible-lengths-001.xht e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 ?
html/grid-support-grid-template-areas-001.htm dc6323f059179c2e6bdbcf23148b94695ffea11e ?
xhtml1/grid-support-grid-template-areas-001.xht dc6323f059179c2e6bdbcf23148b94695ffea11e ?
html/grid-support-flexible-lengths-001.htm d291ecbfb4665d4119d0737beaa4451b306b1b82 ?
xhtml1/grid-support-flexible-lengths-001.xht d291ecbfb4665d4119d0737beaa4451b306b1b82 ?
html/grid-support-grid-template-areas-001.htm ba4d646749df2afdba6897cfb6cbdf9402f15b6c ?
xhtml1/grid-support-grid-template-areas-001.xht ba4d646749df2afdba6897cfb6cbdf9402f15b6c ?
html/grid-support-grid-template-columns-rows-001.htm 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 ?
xhtml1/grid-support-grid-template-columns-rows-001.xht 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 ?
html/grid-support-named-grid-lines-001.htm 7f20858fbf5e857df816ec4eeb5c63a65baefcf9 ?

30
tests/wpt/css-tests/css-grid-1_dev/testinfo.data
View file

@ -22,8 +22,8 @@ grid-inline-first-line-002 reference/grid-text-green-margin-no-collapse-ref '::f
grid-inline-first-line-003 reference/grid-text-green-margin-no-collapse-ref '::first-line' works on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-selectors/#first-formatted-line bd407ad32213f6b35ec5b75c7da8059004a2ad4f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.
grid-inline-float-001 reference/ref-filled-green-100px-square 'float' has no effect on grid items within an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/CSS21/visuren.html#float-position 46b1d12be2ebe83b9d1f07d9bcd5c088a0db92dc `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-floats-no-intrude-001 reference/ref-filled-green-100px-square floats do not intrude into an inline grid http://www.w3.org/TR/css-grid-1/#grid-containers 023d2517d777699e4cb720aae6a5db2e6320f64a `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 3b5405730e637d3ca49947fb78d495a0e782baf9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.
grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 504a0adeb562210ab884f495087e085ab24c92d0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid.
grid-inline-items-001 reference/ref-filled-green-100px-square Regular and anonymous grid items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 7e3b520c584fea0f45e4de1f26685c21e8d6200a `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.
grid-inline-items-002 reference/ref-filled-green-100px-square Children of grid items do not create new items within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 8f25a360fb08e7fdb55e2bc8998b4455f04fd182 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that the grid items do not split around blocks creating extra items within an inline grid.
grid-inline-items-003 reference/ref-filled-green-100px-square Grid items with 'display:none' are not rendered within an inline grid ahem http://www.w3.org/TR/css-grid-1/#grid-items 5f9d45d3f7cc135bfaea625317ac8c261354b63c `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-items-inline-blocks-001 reference/ref-filled-green-100px-square Paint order of grid items within an inline grid is the same as inline blocks http://www.w3.org/TR/css-grid-1/#z-order,http://www.w3.org/TR/CSS2/zindex.html#painting-order e4ae7477d5c1838d4cb6b2cd3b3c0b671be3f795 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref inline grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a192201faf7ef25b555ae48cc9e549a5454f2bad `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
@ -38,8 +38,8 @@ grid-inline-order-property-painting-002 reference/ref-filled-green-100px-square
grid-inline-order-property-painting-003 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 03c0507a09b98f190b9fdf128000c6db32222537 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 93ea4f95eeb4e085c1bb4ea9e5d0fc4fa1c64ac9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order within an inline grid ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 72728e05989a070edb754801be2e9769ec861c2d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-inline-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit 7a5d069f5a18a6a92f6546216824343a340f796f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.
grid-inline-support-grid-template-areas-001 Support for 'grid-template-ares' property within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property 857bebb83eea2ec6f66dac66bf38dc3815bef4c2 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.
grid-inline-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit 50df9e55bd1d12e8a82069ec2022df8cfb5f5bd9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.
grid-inline-support-grid-template-areas-001 Support for 'grid-template-ares' property within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property 037e8d6035c98c445a7938c5a56f20f5ff430033 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.
grid-inline-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 236930bb2240e757225dc6b34a82ea0f15f2ec0e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.
grid-inline-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 315365f9bccd7657245b347cef4ced75b257e302 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.
grid-inline-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 787c303e5d47217acd31a68b4095e1a31dbdcd1d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.
@ -72,15 +72,15 @@ grid-layout-repeat-notation reference/grid-layout-repeat-notation-ref repeat not
grid-layout-z-order-a reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order f6ab122559b3da75e52ceda55f9ec69a76f547cc `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
grid-layout-z-order-b reference/grid-layout-z-order-ref z order http://www.w3.org/TR/css-grid-1/#z-order fc0d9c23d430075933e4db79ab3f8acf2fc8bf8a `Leo Deng`<mailto:myst.dg@gmail.com> the layout should behave the same as reference.
grid-margins-no-collapse-001 reference/grid-text-green-margin-no-collapse-ref grid's margins do not collapse http://www.w3.org/TR/css-grid-1/#grid-containers a2cc4e1ac516408da65ef363beef36c757736f6f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).
grid-minimun-size-grid-items-001 reference/ref-filled-green-100px-square Minimun size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto 613e5e003415c0130450183380f315c9e03ad387 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-002 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 8ba15922ec30224f55a66300119ef091bcc61949 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-003 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 8466f7ed95e32d3d1a36e5c72a2132bfadf5476c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size regardless of the content size.
grid-minimun-size-grid-items-004 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 20fc5c365dd1bb26b195e4231a632436f866e522 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size regardless of the content size.
grid-minimun-size-grid-items-005 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6d579b3cd3b1d2d1da0df2d851c506a8f6203d34 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-006 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6aa026fabce74ae5bfbc3dcdd69b4b116b489179 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-007 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto c2d40f75e22894e6651e1aa6e3a74f301e7d8fb0 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-008 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto cc4f477db54018c7db8553726e9617dfe32a755f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-009 reference/ref-filled-green-100px-square Minimun size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto e4da8e15125cbf0af8a68c689bf7767c58926b57 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-minimum-size-grid-items-001 reference/ref-filled-green-100px-square Minimum size of grid items ahem http://www.w3.org/TR/css-grid-1/#min-size-auto a69269399a2b148e6450ac037c938641e6b90c3e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
grid-minimum-size-grid-items-002 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto bd5a3c8c88c5056cbd82e3de5f555ddfda34f64c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
grid-minimum-size-grid-items-003 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto b6bde0186a33951cb313396ce8c278ceb38396eb `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
grid-minimum-size-grid-items-004 reference/ref-filled-green-100px-square Minimum size of grid items http://www.w3.org/TR/css-grid-1/#min-size-auto 6aa3dcde25c815d919f566c18fe3b8b72dba7558 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size regardless of the content size.
grid-minimum-size-grid-items-005 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fd28bce2bd61ecd1b2ceff2bce2782331976a8d8 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the min-content size.
grid-minimum-size-grid-items-006 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 174e283c947342672b4f4f17ca17127e7bf31a38 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimum-size-grid-items-007 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto d588f01baf7d50455025a8977a82da55416567c7 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimum-size-grid-items-008 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto 197f82d6f89561a846c9c2ba41e6b812246359b5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-minimum-size-grid-items-009 reference/ref-filled-green-100px-square Minimum size of grid items image http://www.w3.org/TR/css-grid-1/#min-size-auto fa9da3bd4d0d78e885f4f55d1e0cca3f0ba5210d `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 521dbe45e2022be1140904fe6d2513370d6bfef3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
grid-order-property-auto-placement-001 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property ad5b4e57de7a4ea9fd826be7fca30d6700672fa1 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-order-property-auto-placement-002 reference/grid-2x2-blue-yellow-lime-magenta 'order' property affects grid items auto-placement position ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property d33459a775e8e493e29fe5cd454d1e20eb057f20 `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
@ -93,8 +93,8 @@ grid-order-property-painting-003 reference/ref-filled-green-100px-square 'order'
grid-order-property-painting-004 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 70a79fa9be93b40a976ae83c7adc862d137317ac `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-order-property-painting-005 reference/ref-filled-green-100px-square 'order' property affects grid items painting order ahem http://www.w3.org/TR/css-grid-1/#order-property,https://drafts.csswg.org/css-flexbox-1/#order-property 1816a5bb33c6984fa4cd4d0d834d8681391acb9d `Manuel Rego Casasnovas`<mailto:rego@igalia.com>
grid-support-display-001 DOM support for 'grid' and 'inline-grid' 'display' values dom,script http://www.w3.org/TR/css-grid-1/#grid-containers 18055d2ae743945500cc0444a2658411a0791120 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.
grid-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit e48ba1cdab5dee3a3f6a3f2201d8b1b69598b1f5 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.
grid-support-grid-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property dc6323f059179c2e6bdbcf23148b94695ffea11e `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.
grid-support-flexible-lengths-001 Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#fr-unit d291ecbfb4665d4119d0737beaa4451b306b1b82 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.
grid-support-grid-template-areas-001 Support for 'grid-template-ares' property ahem,dom,script http://www.w3.org/TR/css-grid-1/#grid-template-areas-property ba4d646749df2afdba6897cfb6cbdf9402f15b6c `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.
grid-support-grid-template-columns-rows-001 Support for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#track-sizing 9a79b1fd5bc89c0b2dd0a0b38850a15096130f99 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.
grid-support-named-grid-lines-001 Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#named-lines 7f20858fbf5e857df816ec4eeb5c63a65baefcf9 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.
grid-support-repeat-001 Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties ahem,dom,script http://www.w3.org/TR/css-grid-1/#repeat-notation 390f84f3fc36940ba56b755fcc4db6528f1f0faf `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.

82
tests/wpt/css-tests/css-grid-1_dev/xhtml1/chapter-4.xht
View file

@ -508,102 +508,102 @@
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></td>
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td>
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td>
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td>
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td>
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td>
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td>
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td>
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td>
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-001.xht
View file

@ -20,7 +20,6 @@
display: inline-grid;
font: 25px/1 Ahem;
color: green;
grid-template-columns: auto auto;
}
]]></style>
</head>
@ -33,9 +32,7 @@
em
<div>it</div>
em
</div>
<br />
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
it
<span>em</span>
it

20
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-items-002.xht
View file

@ -21,17 +21,13 @@
font: 25px/1 Ahem;
color: green;
}
.two-columns {
grid-template-columns: auto auto;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div class="test-inline-grid-overlapping-green two-columns">
<div class="test-inline-grid-overlapping-green">
<div>
<div>it</div>
em
@ -40,14 +36,18 @@
it
<div>em</div>
</div>
</div>
<br />
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
<span>
<span>it</span>em
<span>i</span>t
</span>
<span>
it<span>em</span>
e<span>m</span>
</span>
<span>
<span>i</span>t
</span>
<span>
e<span>m</span>
</span>
</div>

8
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-flexible-lengths-001.xht
View file

@ -34,10 +34,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-inline-support-grid-template-areas-001.xht
View file

@ -28,29 +28,29 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('inline-grid').style.gridTemplateAreas = '';
@ -69,7 +69,7 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '","', '","');
TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none');
]]></script>

4
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-001.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-001.xht
View file

@ -1,12 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-002.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-002.xht
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-003.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-003.xht
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." />
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

4
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-004.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-004.xht
View file

@ -1,11 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." />
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

7
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-005.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-005.xht
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -26,7 +27,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img src="../support/100x100-green.png" />
<img src="support/100x100-green.png" alt="Image download support must be enabled" />
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-007.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-006.xht
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" />
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" />
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-006.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-007.xht
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" />
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" />
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-009.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-008.xht
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" />
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" />
</div>
</body>

7
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimun-size-grid-items-008.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-minimum-size-grid-items-009.xht
View file

@ -1,11 +1,12 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -30,7 +31,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" />
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" />
</div>
</body>

8
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-flexible-lengths-001.xht
View file

@ -34,10 +34,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/xhtml1/grid-support-grid-template-areas-001.xht
View file

@ -28,29 +28,29 @@
TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('grid').style.gridTemplateAreas = '';
@ -69,7 +69,7 @@
TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '","', '","');
TestingUtils.testGridTemplateAreas('grid', '","', 'none');
TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none');
]]></script>

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1/reference/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}

64
tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest-toc.xht
View file

@ -544,76 +544,76 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-001" class="ahem">
<tbody id="grid-minimum-size-grid-items-001" class="ahem">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-002" class="">
<tbody id="grid-minimum-size-grid-items-002" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-003" class="">
<tbody id="grid-minimum-size-grid-items-003" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-004" class="">
<tbody id="grid-minimum-size-grid-items-004" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-005" class="">
<tbody id="grid-minimum-size-grid-items-005" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-006" class="">
<tbody id="grid-minimum-size-grid-items-006" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-007" class="">
<tbody id="grid-minimum-size-grid-items-007" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-008" class="">
<tbody id="grid-minimum-size-grid-items-008" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-009" class="">
<tbody id="grid-minimum-size-grid-items-009" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-multicol-001" class="">

18
tests/wpt/css-tests/css-grid-1_dev/xhtml1/reftest.list
View file

@ -64,15 +64,15 @@ grid-layout-repeat-notation.xht == reference/grid-layout-repeat-notation-ref.xht
grid-layout-z-order-a.xht == reference/grid-layout-z-order-ref.xht
grid-layout-z-order-b.xht == reference/grid-layout-z-order-ref.xht
grid-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht
grid-minimun-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht
grid-multicol-001.xht == reference/ref-filled-green-100px-square.xht
grid-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht
grid-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}

82
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/chapter-4.xht
View file

@ -508,102 +508,102 @@
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#min-size-auto">4.4 Implied Minimum Size of Grid Items</a></th></tr>
<!-- 9 tests -->
<tr id="grid-minimun-size-grid-items-001-4.4" class="primary ahem">
<tr id="grid-minimum-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></strong></td>
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-002-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></strong></td>
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-003-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></strong></td>
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-004-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></strong></td>
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size regardless of the content size.</li>
<li>Checks that minimum size for grid items is the specified size regardless of the content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-005-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></strong></td>
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the min-content size.</li>
<li>Checks that minimum size for grid items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-006-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></strong></td>
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-007-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></strong></td>
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-008-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></strong></td>
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="grid-minimun-size-grid-items-009-4.4" class="primary">
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
<td><strong>
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></strong></td>
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td></td>
<td>Minimun size of grid items
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
<ul class="assert">
<li>Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
<li>Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-001.xht
View file

@ -29,7 +29,6 @@
display: inline-grid;
font: 25px/1 Ahem;
color: green;
grid-template-columns: auto auto;
}
]]></style>
</head>
@ -42,9 +41,7 @@
em
<div>it</div>
em
</div>
<br />
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
it
<span>em</span>
it

20
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-items-002.xht
View file

@ -30,17 +30,13 @@
font: 25px/1 Ahem;
color: green;
}
.two-columns {
grid-template-columns: auto auto;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div class="test-inline-grid-overlapping-green two-columns">
<div class="test-inline-grid-overlapping-green">
<div>
<div>it</div>
em
@ -49,14 +45,18 @@
it
<div>em</div>
</div>
</div>
<br />
<div class="test-inline-grid-overlapping-green">
</div><div class="test-inline-grid-overlapping-green">
<span>
<span>it</span>em
<span>i</span>t
</span>
<span>
it<span>em</span>
e<span>m</span>
</span>
<span>
<span>i</span>t
</span>
<span>
e<span>m</span>
</span>
</div>

8
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-flexible-lengths-001.xht
View file

@ -43,10 +43,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-inline-support-grid-template-areas-001.xht
View file

@ -37,29 +37,29 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('inline-grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('inline-grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('inline-grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('inline-grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('inline-grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('inline-grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('inline-grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('inline-grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('inline-grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('inline-grid').style.gridTemplateAreas = '';
@ -78,7 +78,7 @@
TestingUtils.testGridTemplateAreas('inline-grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '","', '","');
TestingUtils.testGridTemplateAreas('inline-grid', '","', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('inline-grid', '"USD$"', 'none');
]]></script>

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-001.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-001.xht
View file

@ -1,13 +1,13 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-001"; }
@top-right { content: "Test grid-minimum-size-grid-items-001"; }
@bottom-right { content: counter(page); }
}
</style>
@ -15,7 +15,7 @@
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="flags" content="ahem" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-002.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-002.xht
View file

@ -1,20 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-002"; }
@top-right { content: "Test grid-minimum-size-grid-items-002"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-003.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-003.xht
View file

@ -1,20 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-003"; }
@top-right { content: "Test grid-minimum-size-grid-items-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." />
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-004.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-004.xht
View file

@ -1,20 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-004"; }
@top-right { content: "Test grid-minimum-size-grid-items-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size regardless of the content size." />
<meta name="assert" content="Checks that minimum size for grid items is the specified size regardless of the content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;

9
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-005.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-005.xht
View file

@ -1,20 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-005"; }
@top-right { content: "Test grid-minimum-size-grid-items-005"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the min-content size." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the min-content size." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -35,7 +36,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img src="../support/100x100-green.png" />
<img src="support/100x100-green.png" alt="Image download support must be enabled" />
</div>
</body>

9
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-006.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-006.xht
View file

@ -1,20 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-006"; }
@top-right { content: "Test grid-minimum-size-grid-items-006"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -39,7 +40,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" />
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" />
</div>
</body>

9
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-007.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-007.xht
View file

@ -1,20 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-007"; }
@top-right { content: "Test grid-minimum-size-grid-items-007"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the specified size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -39,7 +40,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" />
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" />
</div>
</body>

9
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-008.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-008.xht
View file

@ -1,20 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-008"; }
@top-right { content: "Test grid-minimum-size-grid-items-008"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -39,7 +40,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/200x200-green.png" />
<img id="test-grid-item-overlapping-green" src="support/200x200-green.png" alt="Image download support must be enabled" />
</div>
</body>

9
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimun-size-grid-items-009.xht → tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-minimum-size-grid-items-009.xht
View file

@ -1,20 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Grid Layout Test: Minimun size of grid items</title>
<title>CSS Grid Layout Test: Minimum size of grid items</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Grid Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test grid-minimun-size-grid-items-009"; }
@top-right { content: "Test grid-minimum-size-grid-items-009"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com" />
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#min-size-auto" title="4.4. Implied Minimum Size of Grid Items" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta name="assert" content="Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<meta name="flags" content="image" />
<meta name="assert" content="Checks that minimum size for grid items is the transferred size, as the min-content size of the image corresponds to that." />
<style type="text/css"><![CDATA[
#reference-overlapped-red {
position: absolute;
@ -39,7 +40,7 @@
<div id="reference-overlapped-red"></div>
<div id="constrained-grid">
<img id="test-grid-item-overlapping-green" src="../support/60x60-green.png" />
<img id="test-grid-item-overlapping-green" src="support/60x60-green.png" alt="Image download support must be enabled" />
</div>
</body>

8
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-flexible-lengths-001.xht
View file

@ -43,10 +43,10 @@
TestingUtils.testGridTemplateColumnsRows("grid", "2fr", "2fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "10fr", "10fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", "0.5fr", "0.5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("grid", ".5fr", ".5fr", "400px", "300px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("grid", "minmax(1fr, 1000px)", "minmax(1fr, 700px)", "800px", "600px");
TestingUtils.testGridTemplateColumnsRows("emptyGrid", "minmax(100px, 1fr)", "minmax(100px, 1fr)", "800px", "600px");

22
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/grid-support-grid-template-areas-001.xht
View file

@ -37,29 +37,29 @@
TestingUtils.testGridTemplateAreas('grid', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"', '"lower UPPER 10 -minus _low 1-st ©copy_right line¶"');
TestingUtils.testGridTemplateAreas('grid', '"a b"', '"a b"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "c d"', ['"a b" "c d"', '"a b" "c d"']);
TestingUtils.testGridTemplateAreas('grid', '"a b""c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\t"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b"\n"c d"', '"a b" "c d"');
TestingUtils.testGridTemplateAreas('grid', '"a b" "a b"', '"a b" "a b"');
TestingUtils.testGridTemplateAreas('grid', '"a a" "b b"', '"a a" "b b"');
TestingUtils.testGridTemplateAreas('grid', '". a ." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', '". a ." "b a c"');
TestingUtils.testGridTemplateAreas('grid', '".. a ..." "b a c"', ['". a ." "b a c"', '".. a ..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '".a..." "b a c"', ['". a ." "b a c"', '".a..." "b a c"']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', '"head head" "nav main" "foot ."');
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot ...."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot ...."']);
TestingUtils.testGridTemplateAreas('grid', '"head head" "nav main" "foot."', ['"head head" "nav main" "foot ."', '"head head" "nav main" "foot."']);
TestingUtils.testGridTemplateAreas('grid', '". header header ." "nav main main main" "nav footer footer ."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', '". header header ." "nav main main main" "nav footer footer ."');
TestingUtils.testGridTemplateAreas('grid', '"... header header ...." "nav main main main" "nav footer footer ...."', ['". header header ." "nav main main main" "nav footer footer ."', '"... header header ...." "nav main main main" "nav footer footer ...."']);
TestingUtils.testGridTemplateAreas('grid', '"...header header...." "nav main main main" "nav footer footer...."', ['". header header ." "nav main main main" "nav footer footer ."', '"...header header...." "nav main main main" "nav footer footer...."']);
TestingUtils.testGridTemplateAreas('grid', '"title stats" "score stats" "board board" "ctrls ctrls"', '"title stats" "score stats" "board board" "ctrls ctrls"');
TestingUtils.testGridTemplateAreas('grid', '"title board" "stats board" "score ctrls"', '"title board" "stats board" "score ctrls"');
TestingUtils.testGridTemplateAreas('grid', '". a" "b a" ". a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', '". a" "b a" ". a"');
TestingUtils.testGridTemplateAreas('grid', '".. a" "b a" "... a"', ['". a" "b a" ". a"', '".. a" "b a" "... a"']);
TestingUtils.testGridTemplateAreas('grid', '"..a" "b a" ".a"', ['". a" "b a" ". a"', '"..a" "b a" ".a"']);
TestingUtils.testGridTemplateAreas('grid', '"a a a" "b b b"', '"a a a" "b b b"');
TestingUtils.testGridTemplateAreas('grid', '". ." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', '". ." "a a"');
TestingUtils.testGridTemplateAreas('grid', '"... ...." "a a"', ['". ." "a a"', '"... ...." "a a"']);
// Reset values.
document.getElementById('grid').style.gridTemplateAreas = '';
@ -78,7 +78,7 @@
TestingUtils.testGridTemplateAreas('grid', '"b a" "b b"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a b" "b a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"a ." ". a"', 'none');
TestingUtils.testGridTemplateAreas('grid', '","', '","');
TestingUtils.testGridTemplateAreas('grid', '","', 'none');
TestingUtils.testGridTemplateAreas('grid', '"10%"', 'none');
TestingUtils.testGridTemplateAreas('grid', '"USD$"', 'none');
]]></script>

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reference/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}

64
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest-toc.xht
View file

@ -544,76 +544,76 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-001" class="ahem">
<tbody id="grid-minimum-size-grid-items-001" class="ahem">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-001.xht">grid-minimun-size-grid-items-001</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-001.xht">grid-minimum-size-grid-items-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-002" class="">
<tbody id="grid-minimum-size-grid-items-002" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-002.xht">grid-minimun-size-grid-items-002</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-002.xht">grid-minimum-size-grid-items-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-003" class="">
<tbody id="grid-minimum-size-grid-items-003" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-003.xht">grid-minimun-size-grid-items-003</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-003.xht">grid-minimum-size-grid-items-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-004" class="">
<tbody id="grid-minimum-size-grid-items-004" class="">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-004.xht">grid-minimun-size-grid-items-004</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-004.xht">grid-minimum-size-grid-items-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-005" class="">
<tbody id="grid-minimum-size-grid-items-005" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-005.xht">grid-minimun-size-grid-items-005</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-005.xht">grid-minimum-size-grid-items-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-006" class="">
<tbody id="grid-minimum-size-grid-items-006" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-006.xht">grid-minimun-size-grid-items-006</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-006.xht">grid-minimum-size-grid-items-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-007" class="">
<tbody id="grid-minimum-size-grid-items-007" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-007.xht">grid-minimun-size-grid-items-007</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-007.xht">grid-minimum-size-grid-items-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-008" class="">
<tbody id="grid-minimum-size-grid-items-008" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-008.xht">grid-minimun-size-grid-items-008</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-008.xht">grid-minimum-size-grid-items-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-minimun-size-grid-items-009" class="">
<tbody id="grid-minimum-size-grid-items-009" class="image">
<tr>
<td rowspan="1" title="Minimun size of grid items">
<a href="grid-minimun-size-grid-items-009.xht">grid-minimun-size-grid-items-009</a></td>
<td rowspan="1" title="Minimum size of grid items">
<a href="grid-minimum-size-grid-items-009.xht">grid-minimum-size-grid-items-009</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"></td>
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="grid-multicol-001" class="">

18
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/reftest.list
View file

@ -64,15 +64,15 @@ grid-layout-repeat-notation.xht == reference/grid-layout-repeat-notation-ref.xht
grid-layout-z-order-a.xht == reference/grid-layout-z-order-ref.xht
grid-layout-z-order-b.xht == reference/grid-layout-z-order-ref.xht
grid-margins-no-collapse-001.xht == reference/grid-text-green-margin-no-collapse-ref.xht
grid-minimun-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht
grid-minimun-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-001.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-002.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-003.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-004.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-005.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-006.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-007.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-008.xht == reference/ref-filled-green-100px-square.xht
grid-minimum-size-grid-items-009.xht == reference/ref-filled-green-100px-square.xht
grid-multicol-001.xht == reference/ref-filled-green-100px-square.xht
grid-order-property-auto-placement-001.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht
grid-order-property-auto-placement-002.xht == reference/grid-2x2-blue-yellow-lime-magenta.xht

6
tests/wpt/css-tests/css-grid-1_dev/xhtml1print/support/testing-utils.js
View file

@ -18,11 +18,15 @@ var TestingUtils = (function() {
}, "'" + gridId + "' with: grid-template-columns: " + columnsStyle + "; and grid-template-rows: " + rowsStyle + ";");
}
function checkGridTemplateAreas(element, value) {
assert_in_array(getComputedStyle(element).gridTemplateAreas, value, "gridTemplateAreas");
}
function testGridTemplateAreas(gridId, style, value) {
test(function() {
var grid = document.getElementById(gridId);
grid.style.gridTemplateAreas = style;
assert_equals(getComputedStyle(grid).gridTemplateAreas, value, "gridTemplateAreas");
checkGridTemplateAreas(grid, value);
}, "'" + gridId + "' with: grid-template-areas: " + style + ";");
}