Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8

This commit is contained in:
James Graham 2015-07-27 17:47:31 +01:00
parent 662c00a810
commit df03062d62
10934 changed files with 428309 additions and 254265 deletions

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1>
<h2>The number and width of columns (74 tests)</h2>
<h2>The number and width of columns (76 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -31,7 +31,29 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns">3 The number and width of columns</a></th></tr>
<!-- 31 tests -->
<!-- 33 tests -->
<tr id="grid-inline-multicol-001-3" 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
<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-multicol-001-3" 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
<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="multicol-columns-001-3" class="primary ahem">
<td><strong>
<a href="multicol-columns-001.htm">multicol-columns-001</a></strong></td>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: 'column-*' properties from inline grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test-overlapping-green {
background-color: green;
width: 100px;
height: 50px;
}
.inline-grid {
display: inline-grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div class="inline-grid">
<div class="test-overlapping-green"></div>
<div class="test-overlapping-green"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Grid Layout Test: 'column-*' properties from grid container does not apply to grid items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers">
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test-overlapping-green {
background-color: green;
width: 100px;
height: 50px;
}
.grid {
display: grid;
-moz-column-width: 50px;
-webkit-column-width: 50px;
column-width: 50px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="reference-overlapped-red"></div>
<div class="grid">
<div class="test-overlapping-green"></div>
<div class="test-overlapping-green"></div>
</div>
</body>
</html>

View file

@ -24,6 +24,22 @@
<th>Flags</th>
</tr>
</thead>
<tbody id="grid-inline-multicol-001" class="">
<tr>
<td rowspan="1" title="'column-*' properties from inline grid container does not apply to grid items">
<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 rowspan="1"></td>
</tr>
</tbody>
<tbody id="grid-multicol-001" class="">
<tr>
<td rowspan="1" title="'column-*' properties from grid container does not apply to grid items">
<a href="grid-multicol-001.htm">grid-multicol-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="multicol-basic-001" class="ahem">
<tr>
<td rowspan="1" title="Multi-column element via columns: [integer]">

View file

@ -1,4 +1,6 @@
grid-inline-multicol-001.htm == reference/ref-filled-green-100px-square.htm
grid-multicol-001.htm == reference/ref-filled-green-100px-square.htm
multicol-basic-001.htm == reference/multicol-basic-ref.htm
multicol-basic-002.htm == reference/multicol-basic-ref.htm
multicol-basic-003.htm == reference/multicol-basic-ref.htm

View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
The number and width of columns</a></th>
<td>(74 Tests)</td></tr>
<td>(76 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -