Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update CSS tests to revision 09d27d61d637da536af1d86a8d7bea157592ff9e #7561

Merged
merged 2 commits into from Sep 8, 2015
Merged
Changes from 1 commit
Commits
File filter...
Filter file types
Jump to…
Jump to file
Failed to load files.

Always

Just for now

Next

Update CSS tests to revision 09d27d61d637da536af1d86a8d7bea157592ff9e

  • Loading branch information
SimonSapin committed Sep 8, 2015
commit 5abfa12a4c8f899f7a6a92deb3293507aeb23705
@@ -13,7 +13,7 @@
<body>

<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1>
<h2>Flex Items (58 tests)</h2>
<h2>Flex Items (74 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -451,7 +451,183 @@ <h2>Flex Items (58 tests)</h2>
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.5">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr>
<!-- 16 tests -->
<!-- 32 tests -->
<tr id="flex-minimun-height-flex-items-001-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-001.htm">flex-minimun-height-flex-items-001</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-002-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-002.htm">flex-minimun-height-flex-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the specified size if it's smaller than the min-content size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-003-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimun-height-flex-items-003.htm">flex-minimun-height-flex-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the min-content size if it's smaller than the specified size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-004-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-004.htm">flex-minimun-height-flex-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the min-content size (which corresponds to the image size).</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-005-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-005.htm">flex-minimun-height-flex-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-006-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-006.htm">flex-minimun-height-flex-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-007-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-007.htm">flex-minimun-height-flex-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-height-flex-items-008-4.5" class="primary">
<td><strong>
<a href="flex-minimun-height-flex-items-008.htm">flex-minimun-height-flex-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun height of flex items
<ul class="assert">
<li>Checks that minimun height for flex items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-001-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimun-width-flex-items-001.htm">flex-minimun-width-flex-items-001</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the min-content size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-002-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-002.htm">flex-minimun-width-flex-items-002</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the specified size if it's smaller than the min-content size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-003-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimun-width-flex-items-003.htm">flex-minimun-width-flex-items-003</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the min-content size if it's smaller than the specified size.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-004-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-004.htm">flex-minimun-width-flex-items-004</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the min-content size (which corresponds to the image size).</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-005-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-005.htm">flex-minimun-width-flex-items-005</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-006-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-006.htm">flex-minimun-width-flex-items-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the specified size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-007-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-007.htm">flex-minimun-width-flex-items-007</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flex-minimun-width-flex-items-008-4.5" class="primary">
<td><strong>
<a href="flex-minimun-width-flex-items-008.htm">flex-minimun-width-flex-items-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimun width of flex items
<ul class="assert">
<li>Checks that minimun width for flex items is the transferred size, as the min-content size of the image corresponds to that.</li>
</ul>
</td>
</tr>
<tr id="flexbox-min-height-auto-001-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-001.htm">flexbox-min-height-auto-001</a></strong></td>
@@ -0,0 +1,47 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Flexible Box Test: Minimun height of flex items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun height for flex items is the min-content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}

#constrained-flex {
display: flex;
flex-direction: column;
width: 100px;
height: 10px;
}

#test-flex-item-overlapping-green {
color: green;
background-color: green;
font: 50px/1 Ahem;
}

#content-100x100 {
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="reference-overlapped-red"></div>
<div id="constrained-flex">
<div id="test-flex-item-overlapping-green">
<div id="content-100x100"></div>
</div>
</div>
</body>
</html>
@@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Flexible Box Test: Minimun height of flex items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun height for flex items is the specified size if it's smaller than the min-content size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}

#constrained-flex {
display: flex;
flex-direction: column;
width: 100px;
height: 10px;
}

#test-flex-item-overlapping-green {
background-color: green;
height: 100px;
}

#content-100x200 {
width: 100px;
height: 200px;
}
</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 id="constrained-flex">
<div id="test-flex-item-overlapping-green">
<div id="content-100x200"></div>
</div>
</div>
</body>
</html>
@@ -0,0 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Flexible Box Test: Minimun height of flex items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="flags" content="ahem">
<meta name="assert" content="Checks that minimun height for flex items is the min-content size if it's smaller than the specified size.">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}

#constrained-flex {
display: flex;
flex-direction: column;
width: 100px;
height: 10px;
}

#test-flex-item-overlapping-green {
color: green;
background-color: green;
height: 200px;
font: 50px/1 Ahem;
}

#content-100x100 {
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="reference-overlapped-red"></div>
<div id="constrained-flex">
<div id="test-flex-item-overlapping-green">
<div id="content-100x100"></div>
</div>
</div>
</body>
</html>
@@ -0,0 +1,34 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Flexible Box Test: Minimun height of flex items</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" title="4.5. Implied Minimum Size of Flex Items">
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
<meta name="assert" content="Checks that minimun height for flex items is the min-content size (which corresponds to the image size).">
<style type="text/css">
#reference-overlapped-red {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: -1;
}

#constrained-flex {
display: flex;
flex-direction: column;
width: 100px;
height: 10px;
}
</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 id="constrained-flex">
<img src="support/100x100-green.png">
</div>
</body>
</html>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.