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

Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

Browse source
This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -30,19 +30,19 @@
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#intro">1 Introduction and Overview</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#background">1.1 Background and Motivation</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#adapting-to-available-space">1.2 Adapting Layouts to Available Space</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.2.#example-8bec48fd">
@ -51,7 +51,7 @@
<tbody id="s1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#source-independence">1.3 Source-Order Independence</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.3.#example-c1aac7f6">
@ -60,7 +60,7 @@
<tbody id="s1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-layering">1.4 Grid Layering of Elements</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.4.#example-07f44438">

6
tests/wpt/css-tests/css-grid-1_dev/html/chapter-10.htm
View file

@ -30,13 +30,13 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#abspos">10 Absolute Positioning</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#abspos-items">10.1 With a Grid Container as Containing Block</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#augmented-grid">
@ -48,7 +48,7 @@
<tbody id="s10.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#static-position">10.2 With a Grid Container as Parent</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

14
tests/wpt/css-tests/css-grid-1_dev/html/chapter-11.htm
View file

@ -30,13 +30,13 @@
<tbody id="s11">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#alignment">11 Alignment and Spacing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#gutters">11.1 Gutters: the grid-column-gap, grid-row-gap, and grid-gap properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.1.#gutter">
@ -54,7 +54,7 @@
<tbody id="s11.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#auto-margins">11.2 Aligning with auto margins</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.2.#example-09da26fa">
@ -66,7 +66,7 @@
<tbody id="s11.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#row-align">11.3 Row-axis Alignment: the justify-self and justify-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.3.#example-50fa0987">
@ -78,13 +78,13 @@
<tbody id="s11.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#column-align">11.4 Column-axis Alignment: the align-self and align-items properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-align">11.5 Aligning the Grid: the justify-content and align-content properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.5.#example-2b9c8e4b">
@ -96,7 +96,7 @@
<tbody id="s11.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s11.6">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-baselines">11.6 Grid Baselines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s11.6.#baseline-participation">

24
tests/wpt/css-tests/css-grid-1_dev/html/chapter-12.htm
View file

@ -30,7 +30,7 @@
<tbody id="s12">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#layout-algorithm">12 Grid Sizing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.#fixed-sizing-function">
@ -48,7 +48,7 @@
<tbody id="s12.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-overview">12.1 Grid Sizing Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.1.#issue-4f54519f">
@ -57,14 +57,14 @@
<tbody id="s12.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-terms">12.2 Track Sizing Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.2.#free-space">
<!-- 1 tests -->
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="primary">
<td><strong>
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></strong></td>
<tr id="grid-layout-free-space-unit-12.2.#free-space" class="">
<td>
<a href="grid-layout-free-space-unit.htm">grid-layout-free-space-unit</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>free space unit
@ -86,7 +86,7 @@
<tbody id="s12.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-track-sizing">12.3 Track Sizing Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.3.#base-size">
@ -101,13 +101,13 @@
<tbody id="s12.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-init">12.4 Initialize Track Sizes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-content">12.5 Resolve Intrinsic Track Sizes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.5.#distribute-extra-space">
@ -125,19 +125,19 @@
<tbody id="s12.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.6">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-grow-tracks">12.6 Maximize Tracks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.7">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-flex-tracks">12.7 Stretch Flexible Tracks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s12.7.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#algo-find-fr-size">12.7.1 Find the Size of an fr</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s12.7.1.#flex-factor-sum">

10
tests/wpt/css-tests/css-grid-1_dev/html/chapter-13.htm
View file

@ -30,13 +30,13 @@
<tbody id="s13">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#pagination">13 Fragmenting Grid Layout</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s13.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#fragmentation-alg">13.1 Sample Fragmentation Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s13.1.#issue-69d6a1c1">
@ -161,9 +161,9 @@
</tbody>
<tbody id="s.#property-index">
<!-- 1 tests -->
<tr id="grid-layout-properties-.#property-index" class="primary ahem dom script">
<td><strong>
<a href="grid-layout-properties.htm">grid-layout-properties</a></strong></td>
<tr id="grid-layout-properties-.#property-index" class="ahem dom script">
<td>
<a href="grid-layout-properties.htm">grid-layout-properties</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Grid Layout - Properties exist

8
tests/wpt/css-tests/css-grid-1_dev/html/chapter-2.htm
View file

@ -30,7 +30,7 @@
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-concepts">2 Grid Layout Concepts and Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.#column-axis">
@ -54,7 +54,7 @@
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-track-concept">2.1 Grid Tracks and Cells</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#example-35388f26">
@ -69,7 +69,7 @@
<tbody id="s2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-line-concept">2.2 Grid Lines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#example-07ee9d6e">
@ -81,7 +81,7 @@
<tbody id="s2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-area-concept">2.3 Grid Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#example-05759431">

174
tests/wpt/css-tests/css-grid-1_dev/html/chapter-3.htm
View file

@ -30,17 +30,17 @@
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">3 Grid Containers</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">3.1 Establishing Grid Containers: the grid and inline-grid display values</a></th></tr>
<!-- 28 tests -->
<tr id="display-grid-3.1" class="primary">
<td><strong>
<a href="display-grid.htm">display-grid</a></strong></td>
<tr id="display-grid-3.1" class="">
<td>
<a href="display-grid.htm">display-grid</a></td>
<td><a href="reference/display-grid-ref.htm">=</a> </td>
<td></td>
<td>CSS Grid Layout: display: grid
@ -49,9 +49,9 @@
</ul>
</td>
</tr>
<tr id="display-inline-grid-3.1" class="primary">
<td><strong>
<a href="display-inline-grid.htm">display-inline-grid</a></strong></td>
<tr id="display-inline-grid-3.1" class="">
<td>
<a href="display-inline-grid.htm">display-inline-grid</a></td>
<td><a href="reference/display-inline-grid-ref.htm">=</a> </td>
<td></td>
<td>CSS Grid Layout: display: inline-grid
@ -60,17 +60,17 @@
</ul>
</td>
</tr>
<tr id="grid-computed-value-display-floated-items-001-3.1" class="primary dom script">
<td><strong>
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></strong></td>
<tr id="grid-computed-value-display-floated-items-001-3.1" class="dom script">
<td>
<a href="grid-computed-value-display-floated-items-001.htm">grid-computed-value-display-floated-items-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>'float' affects to the computed value of 'display' on grid items
</td>
</tr>
<tr id="grid-display-grid-001-3.1" class="primary ahem">
<td><strong>
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></strong></td>
<tr id="grid-display-grid-001-3.1" class="ahem">
<td>
<a href="grid-display-grid-001.htm">grid-display-grid-001</a></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>'grid' value for 'display' property
@ -79,9 +79,9 @@
</ul>
</td>
</tr>
<tr id="grid-display-inline-grid-001-3.1" class="primary">
<td><strong>
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></strong></td>
<tr id="grid-display-inline-grid-001-3.1" class="">
<td>
<a href="grid-display-inline-grid-001.htm">grid-display-inline-grid-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>'inline-grid' value for 'display' property
@ -90,9 +90,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-letter-001-3.1" class="primary">
<td><strong>
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></strong></td>
<tr id="grid-first-letter-001-3.1" class="">
<td>
<a href="grid-first-letter-001.htm">grid-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from grid container does not apply to grid items
@ -101,9 +101,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-letter-002-3.1" class="primary">
<td><strong>
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></strong></td>
<tr id="grid-first-letter-002-3.1" class="">
<td>
<a href="grid-first-letter-002.htm">grid-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from grid container ancestors does not apply to grid items
@ -112,9 +112,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-letter-003-3.1" class="primary">
<td><strong>
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></strong></td>
<tr id="grid-first-letter-003-3.1" class="">
<td>
<a href="grid-first-letter-003.htm">grid-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' works on grid items
@ -123,9 +123,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-line-001-3.1" class="primary">
<td><strong>
<a href="grid-first-line-001.htm">grid-first-line-001</a></strong></td>
<tr id="grid-first-line-001-3.1" class="">
<td>
<a href="grid-first-line-001.htm">grid-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from grid container does not apply to grid items
@ -134,9 +134,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-line-002-3.1" class="primary">
<td><strong>
<a href="grid-first-line-002.htm">grid-first-line-002</a></strong></td>
<tr id="grid-first-line-002-3.1" class="">
<td>
<a href="grid-first-line-002.htm">grid-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from grid container ancestors does not apply to grid items
@ -145,9 +145,9 @@
</ul>
</td>
</tr>
<tr id="grid-first-line-003-3.1" class="primary">
<td><strong>
<a href="grid-first-line-003.htm">grid-first-line-003</a></strong></td>
<tr id="grid-first-line-003-3.1" class="">
<td>
<a href="grid-first-line-003.htm">grid-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' works on grid items
@ -156,25 +156,25 @@
</ul>
</td>
</tr>
<tr id="grid-float-001-3.1" class="primary">
<td><strong>
<a href="grid-float-001.htm">grid-float-001</a></strong></td>
<tr id="grid-float-001-3.1" class="">
<td>
<a href="grid-float-001.htm">grid-float-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>'float' has no effect on grid items
</td>
</tr>
<tr id="grid-floats-no-intrude-001-3.1" class="primary">
<td><strong>
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></strong></td>
<tr id="grid-floats-no-intrude-001-3.1" class="">
<td>
<a href="grid-floats-no-intrude-001.htm">grid-floats-no-intrude-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>floats do not intrude into a grid
</td>
</tr>
<tr id="grid-inline-first-letter-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></strong></td>
<tr id="grid-inline-first-letter-001-3.1" class="">
<td>
<a href="grid-inline-first-letter-001.htm">grid-inline-first-letter-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from inline grid container does not apply to grid items
@ -183,9 +183,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-first-letter-002-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></strong></td>
<tr id="grid-inline-first-letter-002-3.1" class="">
<td>
<a href="grid-inline-first-letter-002.htm">grid-inline-first-letter-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
@ -194,9 +194,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-first-letter-003-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></strong></td>
<tr id="grid-inline-first-letter-003-3.1" class="">
<td>
<a href="grid-inline-first-letter-003.htm">grid-inline-first-letter-003</a></td>
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-letter' works on grid items within an inline grid
@ -205,9 +205,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></strong></td>
<tr id="grid-inline-first-line-001-3.1" class="">
<td>
<a href="grid-inline-first-line-001.htm">grid-inline-first-line-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from inline grid container does not apply to grid items
@ -216,9 +216,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-002-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></strong></td>
<tr id="grid-inline-first-line-002-3.1" class="">
<td>
<a href="grid-inline-first-line-002.htm">grid-inline-first-line-002</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' from inline grid container ancestors does not apply to grid items
@ -227,9 +227,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-first-line-003-3.1" class="primary">
<td><strong>
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></strong></td>
<tr id="grid-inline-first-line-003-3.1" class="">
<td>
<a href="grid-inline-first-line-003.htm">grid-inline-first-line-003</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>'::first-line' works on grid items within an inline grid
@ -238,25 +238,25 @@
</ul>
</td>
</tr>
<tr id="grid-inline-float-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></strong></td>
<tr id="grid-inline-float-001-3.1" class="">
<td>
<a href="grid-inline-float-001.htm">grid-inline-float-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>'float' has no effect on grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-floats-no-intrude-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></strong></td>
<tr id="grid-inline-floats-no-intrude-001-3.1" class="">
<td>
<a href="grid-inline-floats-no-intrude-001.htm">grid-inline-floats-no-intrude-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>floats do not intrude into an inline grid
</td>
</tr>
<tr id="grid-inline-margins-no-collapse-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></strong></td>
<tr id="grid-inline-margins-no-collapse-001-3.1" class="">
<td>
<a href="grid-inline-margins-no-collapse-001.htm">grid-inline-margins-no-collapse-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>inline grid's margins do not collapse
@ -265,9 +265,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-multicol-001-3.1" class="primary">
<td><strong>
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></strong></td>
<tr id="grid-inline-multicol-001-3.1" class="">
<td>
<a href="grid-inline-multicol-001.htm">grid-inline-multicol-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>'column-*' properties from inline grid container does not apply to grid items
@ -276,17 +276,17 @@
</ul>
</td>
</tr>
<tr id="grid-inline-vertical-align-001-3.1" class="primary ahem">
<td><strong>
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></strong></td>
<tr id="grid-inline-vertical-align-001-3.1" class="ahem">
<td>
<a href="grid-inline-vertical-align-001.htm">grid-inline-vertical-align-001</a></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>'vertical-align' has no effect on grid items within an inline grid
</td>
</tr>
<tr id="grid-margins-no-collapse-001-3.1" class="primary">
<td><strong>
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></strong></td>
<tr id="grid-margins-no-collapse-001-3.1" class="">
<td>
<a href="grid-margins-no-collapse-001.htm">grid-margins-no-collapse-001</a></td>
<td><a href="reference/grid-text-green-margin-no-collapse-ref.htm">=</a> </td>
<td></td>
<td>grid's margins do not collapse
@ -295,9 +295,9 @@
</ul>
</td>
</tr>
<tr id="grid-multicol-001-3.1" class="primary">
<td><strong>
<a href="grid-multicol-001.htm">grid-multicol-001</a></strong></td>
<tr id="grid-multicol-001-3.1" class="">
<td>
<a href="grid-multicol-001.htm">grid-multicol-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>'column-*' properties from grid container does not apply to grid items
@ -306,9 +306,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-display-001-3.1" class="primary dom script">
<td><strong>
<a href="grid-support-display-001.htm">grid-support-display-001</a></strong></td>
<tr id="grid-support-display-001-3.1" class="dom script">
<td>
<a href="grid-support-display-001.htm">grid-support-display-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>DOM support for 'grid' and 'inline-grid' 'display' values
@ -317,9 +317,9 @@
</ul>
</td>
</tr>
<tr id="grid-vertical-align-001-3.1" class="primary ahem">
<td><strong>
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></strong></td>
<tr id="grid-vertical-align-001-3.1" class="ahem">
<td>
<a href="grid-vertical-align-001.htm">grid-vertical-align-001</a></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>'vertical-align' has no effect on grid items
@ -341,7 +341,7 @@
<tbody id="s3.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">3.2 Sizing Grid Containers</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.2.#issue-839d056f">

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

@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>Grid Items (61 tests)</h2>
<h2>Grid Items (65 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,11 +30,11 @@
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
<!-- 6 tests -->
<tr id="grid-inline-items-001-4" class="primary ahem">
<td><strong>
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></strong></td>
<a href="https://www.w3.org/TR/css-grid-1/#grid-items">4 Grid Items</a></th></tr>
<!-- 10 tests -->
<tr id="grid-inline-items-001-4" class="ahem">
<td>
<a href="grid-inline-items-001.htm">grid-inline-items-001</a></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>Regular and anonymous grid items within an inline grid
@ -43,9 +43,9 @@
</ul>
</td>
</tr>
<tr id="grid-inline-items-002-4" class="primary ahem">
<td><strong>
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></strong></td>
<tr id="grid-inline-items-002-4" class="ahem">
<td>
<a href="grid-inline-items-002.htm">grid-inline-items-002</a></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>Children of grid items do not create new items within an inline grid
@ -54,17 +54,61 @@
</ul>
</td>
</tr>
<tr id="grid-inline-items-003-4" class="primary ahem">
<td><strong>
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></strong></td>
<tr id="grid-inline-items-003-4" class="ahem">
<td>
<a href="grid-inline-items-003.htm">grid-inline-items-003</a></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>Grid items with 'display:none' are not rendered within an inline grid
</td>
</tr>
<tr id="grid-items-001-4" class="primary ahem">
<td><strong>
<a href="grid-items-001.htm">grid-items-001</a></strong></td>
<tr id="grid-item-containing-block-001-4" class="">
<td>
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Grid item sizing
<ul class="assert">
<li>A grid item is sized within the containing block defined by its grid area</li>
</ul>
</td>
</tr>
<tr id="grid-item-containing-block-002-4" class="">
<td>
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Grid item sizing
<ul class="assert">
<li>A grid item is sized within the containing block defined by its grid area</li>
</ul>
</td>
</tr>
<tr id="grid-item-containing-block-003-4" class="">
<td>
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Grid item sizing
<ul class="assert">
<li>A grid item is sized within the containing block defined by its grid area</li>
</ul>
</td>
</tr>
<tr id="grid-item-containing-block-004-4" class="">
<td>
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Grid item sizing in a positioned grid container
<ul class="assert">
<li>A grid item is sized within the containing block defined by its grid area that intersects flexible tracks</li>
</ul>
</td>
</tr>
<tr id="grid-items-001-4" class="ahem">
<td>
<a href="grid-items-001.htm">grid-items-001</a></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>Regular and anonymous grid items
@ -73,9 +117,9 @@
</ul>
</td>
</tr>
<tr id="grid-items-002-4" class="primary ahem">
<td><strong>
<a href="grid-items-002.htm">grid-items-002</a></strong></td>
<tr id="grid-items-002-4" class="ahem">
<td>
<a href="grid-items-002.htm">grid-items-002</a></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>Children of grid items do not create new items
@ -84,9 +128,9 @@
</ul>
</td>
</tr>
<tr id="grid-items-003-4" class="primary ahem">
<td><strong>
<a href="grid-items-003.htm">grid-items-003</a></strong></td>
<tr id="grid-items-003-4" class="ahem">
<td>
<a href="grid-items-003.htm">grid-items-003</a></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>Grid items with 'display:none' are not rendered
@ -108,7 +152,7 @@
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#visibility-collapse">4.1 Collapsed Grid Items: the visibility property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.1.#issue-8f83c1bc">
@ -117,163 +161,163 @@
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#order-property">4.2 Reordered Grid Items: the order property</a></th></tr>
<!-- 20 tests -->
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></strong></td>
<tr id="grid-inline-order-property-auto-placement-001-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-auto-placement-001.htm">grid-inline-order-property-auto-placement-001</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></strong></td>
<tr id="grid-inline-order-property-auto-placement-002-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-auto-placement-002.htm">grid-inline-order-property-auto-placement-002</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></strong></td>
<tr id="grid-inline-order-property-auto-placement-003-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-auto-placement-003.htm">grid-inline-order-property-auto-placement-003</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></strong></td>
<tr id="grid-inline-order-property-auto-placement-004-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-auto-placement-004.htm">grid-inline-order-property-auto-placement-004</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></strong></td>
<tr id="grid-inline-order-property-auto-placement-005-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-auto-placement-005.htm">grid-inline-order-property-auto-placement-005</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-painting-001-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></strong></td>
<tr id="grid-inline-order-property-painting-001-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-painting-001.htm">grid-inline-order-property-painting-001</a></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>'order' property affects grid items painting order within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-painting-002-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></strong></td>
<tr id="grid-inline-order-property-painting-002-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-painting-002.htm">grid-inline-order-property-painting-002</a></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>'order' property affects grid items painting order within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-painting-003-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></strong></td>
<tr id="grid-inline-order-property-painting-003-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-painting-003.htm">grid-inline-order-property-painting-003</a></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>'order' property affects grid items painting order within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-painting-004-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></strong></td>
<tr id="grid-inline-order-property-painting-004-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-painting-004.htm">grid-inline-order-property-painting-004</a></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>'order' property affects grid items painting order within an inline grid
</td>
</tr>
<tr id="grid-inline-order-property-painting-005-4.2" class="primary ahem">
<td><strong>
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></strong></td>
<tr id="grid-inline-order-property-painting-005-4.2" class="ahem">
<td>
<a href="grid-inline-order-property-painting-005.htm">grid-inline-order-property-painting-005</a></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>'order' property affects grid items painting order within an inline grid
</td>
</tr>
<tr id="grid-order-property-auto-placement-001-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></strong></td>
<tr id="grid-order-property-auto-placement-001-4.2" class="ahem">
<td>
<a href="grid-order-property-auto-placement-001.htm">grid-order-property-auto-placement-001</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position
</td>
</tr>
<tr id="grid-order-property-auto-placement-002-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></strong></td>
<tr id="grid-order-property-auto-placement-002-4.2" class="ahem">
<td>
<a href="grid-order-property-auto-placement-002.htm">grid-order-property-auto-placement-002</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position
</td>
</tr>
<tr id="grid-order-property-auto-placement-003-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></strong></td>
<tr id="grid-order-property-auto-placement-003-4.2" class="ahem">
<td>
<a href="grid-order-property-auto-placement-003.htm">grid-order-property-auto-placement-003</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position
</td>
</tr>
<tr id="grid-order-property-auto-placement-004-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></strong></td>
<tr id="grid-order-property-auto-placement-004-4.2" class="ahem">
<td>
<a href="grid-order-property-auto-placement-004.htm">grid-order-property-auto-placement-004</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position
</td>
</tr>
<tr id="grid-order-property-auto-placement-005-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></strong></td>
<tr id="grid-order-property-auto-placement-005-4.2" class="ahem">
<td>
<a href="grid-order-property-auto-placement-005.htm">grid-order-property-auto-placement-005</a></td>
<td><a href="reference/grid-2x2-blue-yellow-lime-magenta.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'order' property affects grid items auto-placement position
</td>
</tr>
<tr id="grid-order-property-painting-001-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></strong></td>
<tr id="grid-order-property-painting-001-4.2" class="ahem">
<td>
<a href="grid-order-property-painting-001.htm">grid-order-property-painting-001</a></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>'order' property affects grid items painting order
</td>
</tr>
<tr id="grid-order-property-painting-002-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></strong></td>
<tr id="grid-order-property-painting-002-4.2" class="ahem">
<td>
<a href="grid-order-property-painting-002.htm">grid-order-property-painting-002</a></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>'order' property affects grid items painting order
</td>
</tr>
<tr id="grid-order-property-painting-003-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></strong></td>
<tr id="grid-order-property-painting-003-4.2" class="ahem">
<td>
<a href="grid-order-property-painting-003.htm">grid-order-property-painting-003</a></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>'order' property affects grid items painting order
</td>
</tr>
<tr id="grid-order-property-painting-004-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></strong></td>
<tr id="grid-order-property-painting-004-4.2" class="ahem">
<td>
<a href="grid-order-property-painting-004.htm">grid-order-property-painting-004</a></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>'order' property affects grid items painting order
</td>
</tr>
<tr id="grid-order-property-painting-005-4.2" class="primary ahem">
<td><strong>
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></strong></td>
<tr id="grid-order-property-painting-005-4.2" class="ahem">
<td>
<a href="grid-order-property-painting-005.htm">grid-order-property-painting-005</a></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>'order' property affects grid items painting order
@ -283,115 +327,115 @@
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#z-order">4.3 Z-axis Ordering: the z-index property</a></th></tr>
<!-- 26 tests -->
<tr id="grid-inline-items-inline-blocks-001-4.3" class="primary">
<td><strong>
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></strong></td>
<tr id="grid-inline-items-inline-blocks-001-4.3" class="">
<td>
<a href="grid-inline-items-inline-blocks-001.htm">grid-inline-items-inline-blocks-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Paint order of grid items within an inline grid is the same as inline blocks
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-001-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></strong></td>
<tr id="grid-inline-z-axis-ordering-001-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-001.htm">grid-inline-z-axis-ordering-001</a></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>'z-index' property controls the z-axis order of grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-002-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></strong></td>
<tr id="grid-inline-z-axis-ordering-002-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-002.htm">grid-inline-z-axis-ordering-002</a></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>'z-index' property controls the z-axis order of grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-003-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></strong></td>
<tr id="grid-inline-z-axis-ordering-003-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-003.htm">grid-inline-z-axis-ordering-003</a></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>'z-index' property controls the z-axis order of grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-004-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></strong></td>
<tr id="grid-inline-z-axis-ordering-004-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-004.htm">grid-inline-z-axis-ordering-004</a></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>'z-index' property controls the z-axis order of grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-005-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></strong></td>
<tr id="grid-inline-z-axis-ordering-005-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-005.htm">grid-inline-z-axis-ordering-005</a></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>'z-index' property controls the z-axis order of grid items within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-001.htm">grid-inline-z-axis-ordering-overlapped-items-001</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-002.htm">grid-inline-z-axis-ordering-overlapped-items-002</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-003.htm">grid-inline-z-axis-ordering-overlapped-items-003</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-004.htm">grid-inline-z-axis-ordering-overlapped-items-004</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-005.htm">grid-inline-z-axis-ordering-overlapped-items-005</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
<td><strong>
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></strong></td>
<tr id="grid-inline-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
<td>
<a href="grid-inline-z-axis-ordering-overlapped-items-006.htm">grid-inline-z-axis-ordering-overlapped-items-006</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order within an inline grid
</td>
</tr>
<tr id="grid-items-inline-blocks-001-4.3" class="primary">
<td><strong>
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></strong></td>
<tr id="grid-items-inline-blocks-001-4.3" class="">
<td>
<a href="grid-items-inline-blocks-001.htm">grid-items-inline-blocks-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Paint order of grid items is the same as inline blocks
</td>
</tr>
<tr id="grid-layout-z-order-a-4.3" class="primary">
<td><strong>
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></strong></td>
<tr id="grid-layout-z-order-a-4.3" class="">
<td>
<a href="grid-layout-z-order-a.htm">grid-layout-z-order-a</a></td>
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
<td></td>
<td>z order
@ -400,9 +444,9 @@
</ul>
</td>
</tr>
<tr id="grid-layout-z-order-b-4.3" class="primary">
<td><strong>
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></strong></td>
<tr id="grid-layout-z-order-b-4.3" class="">
<td>
<a href="grid-layout-z-order-b.htm">grid-layout-z-order-b</a></td>
<td><a href="reference/grid-layout-z-order-ref.htm">=</a> </td>
<td></td>
<td>z order
@ -411,89 +455,89 @@
</ul>
</td>
</tr>
<tr id="grid-z-axis-ordering-001-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></strong></td>
<tr id="grid-z-axis-ordering-001-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-001.htm">grid-z-axis-ordering-001</a></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>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-002-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></strong></td>
<tr id="grid-z-axis-ordering-002-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-002.htm">grid-z-axis-ordering-002</a></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>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-003-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></strong></td>
<tr id="grid-z-axis-ordering-003-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-003.htm">grid-z-axis-ordering-003</a></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>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-004-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></strong></td>
<tr id="grid-z-axis-ordering-004-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-004.htm">grid-z-axis-ordering-004</a></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>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-005-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></strong></td>
<tr id="grid-z-axis-ordering-005-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-005.htm">grid-z-axis-ordering-005</a></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>'z-index' property controls the z-axis order of grid items
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-001-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-001.htm">grid-z-axis-ordering-overlapped-items-001</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-002-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-002.htm">grid-z-axis-ordering-overlapped-items-002</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-003-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-003.htm">grid-z-axis-ordering-overlapped-items-003</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-004-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-004.htm">grid-z-axis-ordering-overlapped-items-004</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-005-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-005.htm">grid-z-axis-ordering-overlapped-items-005</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
</td>
</tr>
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="primary ahem">
<td><strong>
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></strong></td>
<tr id="grid-z-axis-ordering-overlapped-items-006-4.3" class="ahem">
<td>
<a href="grid-z-axis-ordering-overlapped-items-006.htm">grid-z-axis-ordering-overlapped-items-006</a></td>
<td><a href="reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>'z-index' property controls the grid items stacking order
@ -506,11 +550,11 @@
<tbody id="s4.4">
<tr><th colspan="4" scope="rowgroup">
<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>
<a href="https://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-minimum-size-grid-items-001-4.4" class="primary ahem">
<td><strong>
<a href="grid-minimum-size-grid-items-001.htm">grid-minimum-size-grid-items-001</a></strong></td>
<tr id="grid-minimum-size-grid-items-001-4.4" class="ahem">
<td>
<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><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimum size of grid items
@ -519,9 +563,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-002-4.4" class="primary">
<td><strong>
<a href="grid-minimum-size-grid-items-002.htm">grid-minimum-size-grid-items-002</a></strong></td>
<tr id="grid-minimum-size-grid-items-002-4.4" class="">
<td>
<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></td>
<td>Minimum size of grid items
@ -530,9 +574,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-003-4.4" class="primary">
<td><strong>
<a href="grid-minimum-size-grid-items-003.htm">grid-minimum-size-grid-items-003</a></strong></td>
<tr id="grid-minimum-size-grid-items-003-4.4" class="">
<td>
<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></td>
<td>Minimum size of grid items
@ -541,9 +585,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-004-4.4" class="primary">
<td><strong>
<a href="grid-minimum-size-grid-items-004.htm">grid-minimum-size-grid-items-004</a></strong></td>
<tr id="grid-minimum-size-grid-items-004-4.4" class="">
<td>
<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></td>
<td>Minimum size of grid items
@ -552,9 +596,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-005-4.4" class="primary image">
<td><strong>
<a href="grid-minimum-size-grid-items-005.htm">grid-minimum-size-grid-items-005</a></strong></td>
<tr id="grid-minimum-size-grid-items-005-4.4" class="image">
<td>
<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><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
@ -563,9 +607,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-006-4.4" class="primary image">
<td><strong>
<a href="grid-minimum-size-grid-items-006.htm">grid-minimum-size-grid-items-006</a></strong></td>
<tr id="grid-minimum-size-grid-items-006-4.4" class="image">
<td>
<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><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
@ -574,9 +618,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-007-4.4" class="primary image">
<td><strong>
<a href="grid-minimum-size-grid-items-007.htm">grid-minimum-size-grid-items-007</a></strong></td>
<tr id="grid-minimum-size-grid-items-007-4.4" class="image">
<td>
<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><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
@ -585,9 +629,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-008-4.4" class="primary image">
<td><strong>
<a href="grid-minimum-size-grid-items-008.htm">grid-minimum-size-grid-items-008</a></strong></td>
<tr id="grid-minimum-size-grid-items-008-4.4" class="image">
<td>
<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><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items
@ -596,9 +640,9 @@
</ul>
</td>
</tr>
<tr id="grid-minimum-size-grid-items-009-4.4" class="primary image">
<td><strong>
<a href="grid-minimum-size-grid-items-009.htm">grid-minimum-size-grid-items-009</a></strong></td>
<tr id="grid-minimum-size-grid-items-009-4.4" class="image">
<td>
<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><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>Minimum size of grid items

124
tests/wpt/css-tests/css-grid-1_dev/html/chapter-5.htm
View file

@ -30,7 +30,7 @@
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-definition">5 The Explicit Grid</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.#explicit-grid">
@ -39,11 +39,11 @@
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#track-sizing">5.1 Track Sizing: the grid-template-rows and grid-template-columns properties</a></th></tr>
<!-- 4 tests -->
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-support-grid-template-columns-rows-001.htm">grid-inline-support-grid-template-columns-rows-001</a></strong></td>
<tr id="grid-inline-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
<td>
<a href="grid-inline-support-grid-template-columns-rows-001.htm">grid-inline-support-grid-template-columns-rows-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
@ -52,9 +52,9 @@
</ul>
</td>
</tr>
<tr id="grid-layout-auto-tracks-5.1" class="primary">
<td><strong>
<a href="grid-layout-auto-tracks.htm">grid-layout-auto-tracks</a></strong></td>
<tr id="grid-layout-auto-tracks-5.1" class="">
<td>
<a href="grid-layout-auto-tracks.htm">grid-layout-auto-tracks</a></td>
<td><a href="reference/grid-layout-auto-tracks-ref.htm">=</a> </td>
<td></td>
<td>auto tracks
@ -63,9 +63,9 @@
</ul>
</td>
</tr>
<tr id="grid-layout-basic-5.1" class="primary">
<td><strong>
<a href="grid-layout-basic.htm">grid-layout-basic</a></strong></td>
<tr id="grid-layout-basic-5.1" class="">
<td>
<a href="grid-layout-basic.htm">grid-layout-basic</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>basic
@ -74,9 +74,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="primary ahem dom script">
<td><strong>
<a href="grid-support-grid-template-columns-rows-001.htm">grid-support-grid-template-columns-rows-001</a></strong></td>
<tr id="grid-support-grid-template-columns-rows-001-5.1" class="ahem dom script">
<td>
<a href="grid-support-grid-template-columns-rows-001.htm">grid-support-grid-template-columns-rows-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for 'grid-template-columns' and 'grid-template-rows' properties
@ -161,11 +161,11 @@
<tbody id="s5.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#named-lines">5.1.1 Named Grid Lines: the [<custom-ident>*] syntax</a></th></tr>
<!-- 2 tests -->
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-support-named-grid-lines-001.htm">grid-inline-support-named-grid-lines-001</a></strong></td>
<tr id="grid-inline-support-named-grid-lines-001-5.1.1" class="ahem dom script">
<td>
<a href="grid-inline-support-named-grid-lines-001.htm">grid-inline-support-named-grid-lines-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
@ -174,9 +174,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-named-grid-lines-001-5.1.1" class="primary ahem dom script">
<td><strong>
<a href="grid-support-named-grid-lines-001.htm">grid-support-named-grid-lines-001</a></strong></td>
<tr id="grid-support-named-grid-lines-001-5.1.1" class="ahem dom script">
<td>
<a href="grid-support-named-grid-lines-001.htm">grid-support-named-grid-lines-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
@ -195,11 +195,11 @@
<tbody id="s5.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#repeat-notation">5.1.2 Repeating Rows and Columns: the repeat() notation</a></th></tr>
<!-- 3 tests -->
<tr id="grid-inline-support-repeat-001-5.1.2" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-support-repeat-001.htm">grid-inline-support-repeat-001</a></strong></td>
<tr id="grid-inline-support-repeat-001-5.1.2" class="ahem dom script">
<td>
<a href="grid-inline-support-repeat-001.htm">grid-inline-support-repeat-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
@ -208,9 +208,9 @@
</ul>
</td>
</tr>
<tr id="grid-layout-repeat-notation-5.1.2" class="primary">
<td><strong>
<a href="grid-layout-repeat-notation.htm">grid-layout-repeat-notation</a></strong></td>
<tr id="grid-layout-repeat-notation-5.1.2" class="">
<td>
<a href="grid-layout-repeat-notation.htm">grid-layout-repeat-notation</a></td>
<td><a href="reference/grid-layout-repeat-notation-ref.htm">=</a> </td>
<td></td>
<td>repeat notation
@ -219,9 +219,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-repeat-001-5.1.2" class="primary ahem dom script">
<td><strong>
<a href="grid-support-repeat-001.htm">grid-support-repeat-001</a></strong></td>
<tr id="grid-support-repeat-001-5.1.2" class="ahem dom script">
<td>
<a href="grid-support-repeat-001.htm">grid-support-repeat-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
@ -261,11 +261,11 @@
<tbody id="s5.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#fr-unit">5.1.3 Flexible Lengths: the fr unit</a></th></tr>
<!-- 4 tests -->
<tr id="fr-unit-5.1.3" class="primary">
<td><strong>
<a href="fr-unit.htm">fr-unit</a></strong></td>
<tr id="fr-unit-5.1.3" class="">
<td>
<a href="fr-unit.htm">fr-unit</a></td>
<td><a href="reference/fr-unit-ref.htm">=</a> </td>
<td></td>
<td>CSS3 Grid Layout: Flexible Length
@ -274,17 +274,17 @@
</ul>
</td>
</tr>
<tr id="fr-unit-with-percentage-5.1.3" class="primary">
<td><strong>
<a href="fr-unit-with-percentage.htm">fr-unit-with-percentage</a></strong></td>
<tr id="fr-unit-with-percentage-5.1.3" class="">
<td>
<a href="fr-unit-with-percentage.htm">fr-unit-with-percentage</a></td>
<td><a href="reference/fr-unit-with-percentage-ref.htm">=</a> </td>
<td></td>
<td>CSS3 Grid Layout: Flexible Lenght
</td>
</tr>
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-support-flexible-lengths-001.htm">grid-inline-support-flexible-lengths-001</a></strong></td>
<tr id="grid-inline-support-flexible-lengths-001-5.1.3" class="ahem dom script">
<td>
<a href="grid-inline-support-flexible-lengths-001.htm">grid-inline-support-flexible-lengths-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
@ -293,9 +293,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-flexible-lengths-001-5.1.3" class="primary ahem dom script">
<td><strong>
<a href="grid-support-flexible-lengths-001.htm">grid-support-flexible-lengths-001</a></strong></td>
<tr id="grid-support-flexible-lengths-001-5.1.3" class="ahem dom script">
<td>
<a href="grid-support-flexible-lengths-001.htm">grid-support-flexible-lengths-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
@ -317,7 +317,7 @@
<tbody id="s5.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#subgrids">5.1.4 Subgrids: the subgrid keyword</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.4.#example-51d08e15">
@ -341,11 +341,11 @@
<tbody id="s5.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#resolved-track-list">5.1.5 Resolved Values</a></th></tr>
<!-- 2 tests -->
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">grid-inline-template-columns-rows-resolved-values-001</a></strong></td>
<tr id="grid-inline-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
<td>
<a href="grid-inline-template-columns-rows-resolved-values-001.htm">grid-inline-template-columns-rows-resolved-values-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
@ -354,9 +354,9 @@
</ul>
</td>
</tr>
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="primary ahem dom script">
<td><strong>
<a href="grid-template-columns-rows-resolved-values-001.htm">grid-template-columns-rows-resolved-values-001</a></strong></td>
<tr id="grid-template-columns-rows-resolved-values-001-5.1.5" class="ahem dom script">
<td>
<a href="grid-template-columns-rows-resolved-values-001.htm">grid-template-columns-rows-resolved-values-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
@ -372,11 +372,11 @@
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-template-areas-property">5.2 Named Areas: the grid-template-areas property</a></th></tr>
<!-- 2 tests -->
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="primary ahem dom script">
<td><strong>
<a href="grid-inline-support-grid-template-areas-001.htm">grid-inline-support-grid-template-areas-001</a></strong></td>
<tr id="grid-inline-support-grid-template-areas-001-5.2" class="ahem dom script">
<td>
<a href="grid-inline-support-grid-template-areas-001.htm">grid-inline-support-grid-template-areas-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for 'grid-template-ares' property within an inline grid
@ -385,9 +385,9 @@
</ul>
</td>
</tr>
<tr id="grid-support-grid-template-areas-001-5.2" class="primary ahem dom script">
<td><strong>
<a href="grid-support-grid-template-areas-001.htm">grid-support-grid-template-areas-001</a></strong></td>
<tr id="grid-support-grid-template-areas-001-5.2" class="ahem dom script">
<td>
<a href="grid-support-grid-template-areas-001.htm">grid-support-grid-template-areas-001</a></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>Support for 'grid-template-ares' property
@ -424,7 +424,7 @@
<tbody id="s5.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-lines">5.2.1 Implicit Named Lines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.1.#implicit-named-line">
@ -433,7 +433,7 @@
<tbody id="s5.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#implicit-named-areas">5.2.2 Implicit Named Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.2.#implicit-named-area">
@ -442,7 +442,7 @@
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#explicit-grid-shorthand">5.3 Explicit Grid Shorthand: the grid-template property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.3.#example-7bb340db">

18
tests/wpt/css-tests/css-grid-1_dev/html/chapter-6.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
<h2>The Implicit Grid (0 tests)</h2>
<h2>The Implicit Grid (1 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,7 +30,7 @@
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#implicit-grids">6 The Implicit Grid</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.#implicit-grid">
@ -45,8 +45,16 @@
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
<!-- 0 tests -->
<a href="https://www.w3.org/TR/css-grid-1/#auto-tracks">6.1 Sizing Auto-generated Rows and Columns: the grid-auto-rows and grid-auto-columns properties</a></th></tr>
<!-- 1 tests -->
<tr id="grid-support-grid-auto-columns-rows-001-6.1" class="">
<td>
<a href="grid-support-grid-auto-columns-rows-001.htm">grid-support-grid-auto-columns-rows-001</a></td>
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.htm">=</a> </td>
<td></td>
<td>Support for 'grid-auto-columns' and 'grid-auto-rows' properties
</td>
</tr>
</tbody>
<tbody id="s6.1.#example-f6b2073d">
<!-- 0 tests -->
@ -60,7 +68,7 @@
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-auto-flow-property">6.2 Automatic Placement: the grid-auto-flow property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#auto-placement">

2
tests/wpt/css-tests/css-grid-1_dev/html/chapter-7.htm
View file

@ -30,7 +30,7 @@
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-shorthand">7 Grid Definition Shorthand: the grid property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.#example-750f98a7">

2
tests/wpt/css-tests/css-grid-1_dev/html/chapter-8.htm
View file

@ -30,7 +30,7 @@
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">8 Clamping Overlarge Grids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.#clamp-a-grid-area">

48
tests/wpt/css-tests/css-grid-1_dev/html/chapter-9.htm
View file

@ -30,7 +30,7 @@
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#placement">9 Placing Grid Items</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#placement">9 Placing Grid Items</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.#automatic-grid-position">
@ -56,9 +56,9 @@
</tbody>
<tbody id="s9.#grid-span">
<!-- 1 tests -->
<tr id="grid-layout-grid-span-9.#grid-span" class="primary">
<td><strong>
<a href="grid-layout-grid-span.htm">grid-layout-grid-span</a></strong></td>
<tr id="grid-layout-grid-span-9.#grid-span" class="">
<td>
<a href="grid-layout-grid-span.htm">grid-layout-grid-span</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>grid span
@ -71,7 +71,7 @@
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses">9.1 Common Patterns for Grid Placement</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses">9.1 Common Patterns for Grid Placement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#grid-property-breakdown">
@ -80,7 +80,7 @@
<tbody id="s9.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses-named-areas">9.1.1 Named Areas</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1.#example-7c4df580">
@ -92,7 +92,7 @@
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses-numeric">9.1.2 Numeric Indexes and Spans</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2.#example-27d41da0">
@ -104,11 +104,11 @@
<tbody id="s9.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-named-lines">9.1.3 Named Lines and Spans</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses-named-lines">9.1.3 Named Lines and Spans</a></th></tr>
<!-- 2 tests -->
<tr id="grid-layout-lines-9.1.3" class="primary">
<td><strong>
<a href="grid-layout-lines.htm">grid-layout-lines</a></strong></td>
<tr id="grid-layout-lines-9.1.3" class="">
<td>
<a href="grid-layout-lines.htm">grid-layout-lines</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>grid lines
@ -117,9 +117,9 @@
</ul>
</td>
</tr>
<tr id="grid-layout-lines-shorthands-9.1.3" class="primary">
<td><strong>
<a href="grid-layout-lines-shorthands.htm">grid-layout-lines-shorthands</a></strong></td>
<tr id="grid-layout-lines-shorthands-9.1.3" class="">
<td>
<a href="grid-layout-lines-shorthands.htm">grid-layout-lines-shorthands</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>grid lines shorthands
@ -138,7 +138,7 @@
<tbody id="s9.1.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses-auto-placement">9.1.4 Auto Placement</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.4.#example-63dbf459">
@ -150,7 +150,7 @@
<tbody id="s9.1.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#common-uses-auto-sizing">9.1.5 Auto Sizing Subgrids</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.5.#example-d12eb89f">
@ -159,13 +159,13 @@
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#placement-a11y">9.2 Grid Item Placement vs. Source Order</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#line-placement">9.3 Line-based Placement: the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#line-placement">9.3 Line-based Placement: the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#example-198bb78c">
@ -201,17 +201,17 @@
<tbody id="s9.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3.1">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#grid-placement-errors">9.3.1 Grid Placement Conflict Handling</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#placement-shorthands">9.4 Placement Shorthands: the grid-column, grid-row, and grid-area properties</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#placement-shorthands">9.4 Placement Shorthands: the grid-column, grid-row, and grid-area properties</a></th></tr>
<!-- 1 tests -->
<tr id="grid-layout-placement-shorthands-9.4" class="primary">
<td><strong>
<a href="grid-layout-placement-shorthands.htm">grid-layout-placement-shorthands</a></strong></td>
<tr id="grid-layout-placement-shorthands-9.4" class="">
<td>
<a href="grid-layout-placement-shorthands.htm">grid-layout-placement-shorthands</a></td>
<td><a href="reference/grid-layout-basic-ref.htm">=</a> </td>
<td></td>
<td>placement shorthand
@ -233,7 +233,7 @@
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#auto-placement-algo">9.5 Grid Item Placement Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#auto-placement-cursor">

2
tests/wpt/css-tests/css-grid-1_dev/html/chapter-A.htm
View file

@ -30,7 +30,7 @@
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-grid-1/#translated-algo">A Translated Layout Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sA.#growable-tracks">

38
tests/wpt/css-tests/css-grid-1_dev/html/grid-item-containing-block-001.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Grid Layout Test: Grid item sizing</title>
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
<style>
#grid {
display: grid;
width: 200px;
height: 200px;
grid-template-rows: 100px;
grid-template-columns: 100px;
}
#test-overlapped-red {
background-color: red;
width: 100%;
height: 100%;
}
#test-overlapping-green {
background-color: green;
width: 100px;
height: 100px;
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="grid">
<div id="test-overlapped-red">
<div id="test-overlapping-green"></div>
</div>
</div>
</body></html>

38
tests/wpt/css-tests/css-grid-1_dev/html/grid-item-containing-block-002.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Grid Layout Test: Grid item sizing</title>
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
<style>
#grid {
display: grid;
width: 200px;
height: 200px;
grid-template-rows: 50%;
grid-template-columns: 50%;
}
#test-overlapped-red {
background-color: red;
width: 100%;
height: 100%;
}
#test-overlapping-green {
background-color: green;
width: 100px;
height: 100px;
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="grid">
<div id="test-overlapped-red">
<div id="test-overlapping-green"></div>
</div>
</div>
</body></html>

38
tests/wpt/css-tests/css-grid-1_dev/html/grid-item-containing-block-003.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Grid Layout Test: Grid item sizing</title>
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
<meta content="A grid item is sized within the containing block defined by its grid area" name="assert">
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
<style>
#grid {
display: grid;
width: 200px;
height: 200px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
#test-overlapped-red {
background-color: red;
width: 100%;
height: 100%;
}
#test-overlapping-green {
background-color: green;
width: 100px;
height: 100px;
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="grid">
<div id="test-overlapped-red">
<div id="test-overlapping-green"></div>
</div>
</div>
</body></html>

38
tests/wpt/css-tests/css-grid-1_dev/html/grid-item-containing-block-004.htm Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Grid Layout Test: Grid item sizing in a positioned grid container</title>
<link href="mailto:tomalecpub@gmail.com" rel="author" title="Tomek Wytrebowicz">
<link href="http://www.w3.org/TR/css-grid-1/#grid-items" rel="help" title="4. Grid Items">
<meta content="A grid item is sized within the containing block defined by its grid area that intersects flexible tracks" name="assert">
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
<style>
#grid {
display: grid;
position: absolute;
height: 200px;
width: 200px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
#test-item-overlapped-red {
background-color: red;
width: 100%;
height: 100%;
}
#reference-overlapping-green{
background-color: green;
width: 100px;
height: 100px;
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="grid">
<div id="test-item-overlapped-red">
<div id="reference-overlapping-green">
</div>
</div>
</div>
</body></html>

40
tests/wpt/css-tests/css-grid-1_dev/html/grid-support-grid-auto-columns-rows-001.htm Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
<link href="http://www.w3.org/TR/css-grid-1/#auto-tracks" rel="help">
<link href="reference/grid-support-grid-auto-columns-rows-001-ref.htm" rel="match">
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira">
<style>
#grid {
display: grid;
grid-auto-columns: 30px;
grid-auto-rows: 30px;
}
#first-column-first-row {
grid-column: 1;
grid-row: 1;
background-color: purple;
}
#third-column-first-and-second-rows {
grid-column: 3;
grid-row: 1 / span 2;
background-color: orange
}
#first-and-second-columns-second-row {
grid-column: 1 / span 2;
grid-row: 2;
background-color: blue;
}
</style>
</head>
<body>
<p>The test passes if it has the same visual effect as reference.</p>
<div id="grid">
<div id="first-column-first-row"></div>
<div id="third-column-first-and-second-rows"></div>
<div id="third-column"></div>
</div>
</body></html>

43
tests/wpt/css-tests/css-grid-1_dev/html/reference/grid-support-grid-auto-columns-rows-001-ref.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties</title>
<link href="mailto:hello@jxs.pt" rel="author" title="Joao Oliveira">
<style>
#grid {
position: relative;
}
.position {
position: absolute;
top: 0;
left: 0;
}
#first-column-first-row {
width: 30px;
height: 30px;
background-color: purple;
}
#third-column-first-and-second-rows {
left: 60px;
width: 30px;
height: 60px;
background-color: orange
}
#first-and-second-columns-second-row {
top: 30px;
width: 60px;
height: 30px;
background-color: blue;
}
</style>
</head>
<body>
<p>The test passes if it has the same visual effect as reference.</p>
<div id="grid">
<div id="first-column-first-row" class="position"></div>
<div id="third-column-first-and-second-rows" class="position"></div>
<div id="first-and-second-columns-second-row" class="position"></div>
</div>
</body></html>

9
tests/wpt/css-tests/css-grid-1_dev/html/reference/ref-filled-green-100px-square.htm
View file

@ -1,12 +1,8 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<style type="text/css">
div
{
@ -15,14 +11,9 @@
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>
</body>
</html>

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

@ -424,6 +424,38 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="grid-item-containing-block-001" class="">
<tr>
<td rowspan="1" title="Grid item sizing">
<a href="grid-item-containing-block-001.htm">grid-item-containing-block-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-item-containing-block-002" class="">
<tr>
<td rowspan="1" title="Grid item sizing">
<a href="grid-item-containing-block-002.htm">grid-item-containing-block-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-item-containing-block-003" class="">
<tr>
<td rowspan="1" title="Grid item sizing">
<a href="grid-item-containing-block-003.htm">grid-item-containing-block-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-item-containing-block-004" class="">
<tr>
<td rowspan="1" title="Grid item sizing in a positioned grid container">
<a href="grid-item-containing-block-004.htm">grid-item-containing-block-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-items-001" class="ahem">
<tr>
<td rowspan="1" title="Regular and anonymous grid items">
@ -704,6 +736,14 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="grid-support-grid-auto-columns-rows-001" class="">
<tr>
<td rowspan="1" title="Support for 'grid-auto-columns' and 'grid-auto-rows' properties">
<a href="grid-support-grid-auto-columns-rows-001.htm">grid-support-grid-auto-columns-rows-001</a></td>
<td><a href="reference/grid-support-grid-auto-columns-rows-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-vertical-align-001" class="ahem">
<tr>
<td rowspan="1" title="'vertical-align' has no effect on grid items">

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

@ -49,6 +49,10 @@ grid-inline-z-axis-ordering-overlapped-items-003.htm == reference/grid-filled-bl
grid-inline-z-axis-ordering-overlapped-items-004.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
grid-inline-z-axis-ordering-overlapped-items-005.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
grid-inline-z-axis-ordering-overlapped-items-006.htm == reference/grid-filled-blue-yellow-green-overlapped-100px-squares.htm
grid-item-containing-block-001.htm == reference/ref-filled-green-100px-square.htm
grid-item-containing-block-002.htm == reference/ref-filled-green-100px-square.htm
grid-item-containing-block-003.htm == reference/ref-filled-green-100px-square.htm
grid-item-containing-block-004.htm == reference/ref-filled-green-100px-square.htm
grid-items-001.htm == reference/ref-filled-green-100px-square.htm
grid-items-002.htm == reference/ref-filled-green-100px-square.htm
grid-items-003.htm == reference/ref-filled-green-100px-square.htm
@ -84,6 +88,7 @@ grid-order-property-painting-002.htm == reference/ref-filled-green-100px-square.
grid-order-property-painting-003.htm == reference/ref-filled-green-100px-square.htm
grid-order-property-painting-004.htm == reference/ref-filled-green-100px-square.htm
grid-order-property-painting-005.htm == reference/ref-filled-green-100px-square.htm
grid-support-grid-auto-columns-rows-001.htm == reference/grid-support-grid-auto-columns-rows-001-ref.htm
grid-vertical-align-001.htm == reference/ref-filled-green-100px-square.htm
grid-z-axis-ordering-001.htm == reference/ref-filled-green-100px-square.htm
grid-z-axis-ordering-002.htm == reference/ref-filled-green-100px-square.htm

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

@ -37,7 +37,7 @@
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
Grid Items</a></th>
<td>(61 Tests)</td></tr>
<td>(65 Tests)</td></tr>
</tbody>
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
@ -47,7 +47,7 @@
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
The Implicit Grid</a></th>
<td>(0 Tests)</td></tr>
<td>(1 Tests)</td></tr>
</tbody>
<tbody id="s7">
<tr><th><a href="chapter-7.htm">Chapter 7 -