mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
479 lines
No EOL
19 KiB
HTML
479 lines
No EOL
19 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Grid Containers - CSS Grid Layout Module Level 1 CR Test Suite</title>
|
|
<style type="text/css">
|
|
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
|
@import "../indices.css";
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>CSS Grid Layout Module Level 1 CR Test Suite</h1>
|
|
<h2>Grid Containers (28 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column"></col>
|
|
<col id="refs-column"></col>
|
|
<col id="flags-column"></col>
|
|
<col id="info-column"></col>
|
|
<thead>
|
|
<tr>
|
|
<th>Test</th>
|
|
<th><abbr title="Rendering References">Refs</abbr></th>
|
|
<th>Flags</th>
|
|
<th>Info</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="s5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-model">5 Grid Containers</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.1">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#grid-containers">5.1 Establishing Grid Containers: the grid, inline-grid, and subgrid display values</a></th></tr>
|
|
<!-- 28 tests -->
|
|
<tr id="display-grid-5.1" class="">
|
|
<td>
|
|
<a href="display-grid.xht">display-grid</a></td>
|
|
<td><a href="reference/display-grid-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Grid Layout: display: grid
|
|
<ul class="assert">
|
|
<li>'display: grid' causes an element to generate a block-level grid container box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="display-inline-grid-5.1" class="">
|
|
<td>
|
|
<a href="display-inline-grid.xht">display-inline-grid</a></td>
|
|
<td><a href="reference/display-inline-grid-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Grid Layout: display: inline-grid
|
|
<ul class="assert">
|
|
<li>'display: inline-grid' causes an element to generate an inline-level grid container box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-computed-value-display-floated-items-001-5.1" class="dom script">
|
|
<td>
|
|
<a href="grid-computed-value-display-floated-items-001.xht">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-5.1" class="ahem">
|
|
<td>
|
|
<a href="grid-display-grid-001.xht">grid-display-grid-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'grid' value for 'display' property
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid' value for 'display' property generates a block level containing box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-display-inline-grid-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-display-inline-grid-001.xht">grid-display-inline-grid-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'inline-grid' value for 'display' property
|
|
<ul class="assert">
|
|
<li>This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-letter-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-letter-001.xht">grid-first-letter-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' from grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-letter-002-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-letter-002.xht">grid-first-letter-002</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' from grid container ancestors does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-letter-003-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-letter-003.xht">grid-first-letter-003</a></td>
|
|
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' works on grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-line-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-line-001.xht">grid-first-line-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' from grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-line-002-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-line-002.xht">grid-first-line-002</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' from grid container ancestors does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-first-line-003-5.1" class="">
|
|
<td>
|
|
<a href="grid-first-line-003.xht">grid-first-line-003</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' works on grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-float-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-float-001.xht">grid-float-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'float' has no effect on grid items
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-floats-no-intrude-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-floats-no-intrude-001.xht">grid-floats-no-intrude-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>floats do not intrude into a grid
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-letter-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-letter-001.xht">grid-inline-first-letter-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' from inline grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-letter-002-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-letter-002.xht">grid-inline-first-letter-002</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' from inline grid container ancestors does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-letter-003-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-letter-003.xht">grid-inline-first-letter-003</a></td>
|
|
<td><a href="reference/grid-first-letter-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-letter' works on grid items within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-line-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-line-001.xht">grid-inline-first-line-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' from inline grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-line-002-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-line-002.xht">grid-inline-first-line-002</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' from inline grid container ancestors does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-first-line-003-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-first-line-003.xht">grid-inline-first-line-003</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'::first-line' works on grid items within an inline grid
|
|
<ul class="assert">
|
|
<li>This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-float-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-float-001.xht">grid-inline-float-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</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-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-floats-no-intrude-001.xht">grid-inline-floats-no-intrude-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>floats do not intrude into an inline grid
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-margins-no-collapse-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-margins-no-collapse-001.xht">grid-inline-margins-no-collapse-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>inline grid's margins do not collapse
|
|
<ul class="assert">
|
|
<li>This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-multicol-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-inline-multicol-001.xht">grid-inline-multicol-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'column-*' properties from inline grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-inline-vertical-align-001-5.1" class="ahem">
|
|
<td>
|
|
<a href="grid-inline-vertical-align-001.xht">grid-inline-vertical-align-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'vertical-align' has no effect on grid items within an inline grid
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-margins-no-collapse-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-margins-no-collapse-001.xht">grid-margins-no-collapse-001</a></td>
|
|
<td><a href="reference/grid-text-green-margin-no-collapse-ref.xht">=</a> </td>
|
|
<td></td>
|
|
<td>grid's margins do not collapse
|
|
<ul class="assert">
|
|
<li>This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-multicol-001-5.1" class="">
|
|
<td>
|
|
<a href="grid-multicol-001.xht">grid-multicol-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td></td>
|
|
<td>'column-*' properties from grid container does not apply to grid items
|
|
<ul class="assert">
|
|
<li>This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-support-display-001-5.1" class="dom script">
|
|
<td>
|
|
<a href="grid-support-display-001.xht">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
|
|
<ul class="assert">
|
|
<li>This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="grid-vertical-align-001-5.1" class="ahem">
|
|
<td>
|
|
<a href="grid-vertical-align-001.xht">grid-vertical-align-001</a></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>'vertical-align' has no effect on grid items
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.1.#grid-container">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#grid-formatting-context">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-16">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-17">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-18">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-19">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-container-23">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-item-20">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-item-21">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-item-22">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-item-23">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-grid-line-14">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-subgrid-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-grid-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-grid-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-grid-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-grid-4">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-inline-grid-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#ref-for-valdef-display-subgrid-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-display-grid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-display-inline-grid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#valdef-display-subgrid">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.2">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#intrinsic-sizes">5.2 Sizing Grid Containers</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-24">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-25">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-26">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-27">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-28">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-grid-container-29">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-2">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ref-for-valdef-grid-template-columns-auto-3">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.3">+</a>
|
|
<a href="https://www.w3.org/TR/css-grid-1/#overlarge-grids">5.3 Clamping Overly Large Grids</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#clamp-a-grid-area">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#example-3562ead8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-clamp-a-grid-area-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-8">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-9">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-area-11">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-area-12">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-span-1">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.3.#ref-for-grid-track-7">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |