Update web-platform-tests to revision e426a6933a05bf144eba06a1d4c47ba876a4e2d1

This commit is contained in:
WPT Sync Bot 2019-05-22 10:24:35 +00:00
parent 415b26e4f1
commit 5e5eccabf8
495 changed files with 14920 additions and 784 deletions

View file

@ -0,0 +1,75 @@
<!DOCTYPE html>
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<style>
#container {
width: 100px;
background: green;
}
#left {
float: left;
width: 25px;
height: 10px;
}
#right {
float: right;
width: 25px;
height: 20px;
}
#clears-left {
clear: left;
}
#zero {
margin-bottom: 40px;
margin-top: -20px;
}
#nested-float {
float: left;
width: 25px;
height: 20px;
}
#new-formatting-context {
overflow: hidden;
width: 60px;
height: 80px;
margin-top: -30px;
}
</style>
<p>Test passes if there is a filled green square.</p>
<div id=container>
<div id=left></div>
<div id=right></div>
<div>
<div id=clears-left>
<div>
<div id=zero></div>
<div id=nested-float></div>
<!--
The margins up to this new formatting context are chosen to hit an
edge condition. At this point there are two possible margins:
- (adjoining) {-30px, 40px} => 10px
- (non-adjoining) {-20px, 40px} => 20px
The logic for placing this new formatting context however shouldn't
check these margins, as there is an ancestor ("clears-left") which
has clearance past adjoining floats ("left", and "right").
And "nested-float" should get placed at "10px".
However if we didn't have this logic the following would occur.
1. We'd try and place the formatting context using the "adjoining"
margins.
2. The new formatting context doesn't "fit" on the same edge as the
floats, so it would trigger a retry using with a new position
calculated using the "non-adjoining" margins.
3. During the next pass, it still doesn't think the margins have
been separated yet as the parent is still using the position
calculated by the forced clearance from above.
4. It will trigger a retry again (and if an implementation does this
in a loop, will timeout).
-->
<div id=new-formatting-context></div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="overflow: hidden; width: 100px; background: red; position: relative;">
<div style="float: left; height: 50px; width: 50px; background: green"></div>
<div style="height: 40px; background: green;"></div>
<div style="margin-top: 15px; clear: both;">
<div style="width: 50px; height: 50px; background: green; float: left;"></div>
<div style="margin-top: -10px;">
<span style="display: inline-block; width: 50px; height: 40px; background: green;"></span>
</div>
<div style="position: absolute; width: 50px; height: 10px; right: 0; top: 40px; background: green;"></div>
<div style="position: absolute; width: 50px; height: 10px; right: 0; bottom: 0; background: green;"></div>
</div>
</div>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
<link rel="help" href="http://crbug.com/962175">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="A percentage height is unresolvable (i.e. gets treated as auto) if the containing block is auto.">
<p>Test passes if there is a filled green square.</p>
<div style="height:200px;">
<div style="overflow:hidden; width:100px; background:green;">
<div style="margin-bottom:100px;"></div>
<div style="height:30%;"></div>
<div style="margin-top:100px;"></div>
</div>
</div>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
<p>Test passes if there is a filled green square.</p>
<div style="width:100px; max-height:50px; background: green;">
<div style="width:100px; height:51px; background:green; margin-bottom:10px;"></div>
</div>
<div style="width: 100px; height: 50px; background: green;"></div>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
<p>Test passes if there is a filled green square.</p>
<div style="width:100px; min-height:50px; background: green;">
<div style="width:100px; height:49px; background:green; margin-bottom:10px;"></div>
</div>
<div style="width: 100px; height: 50px; background: green;"></div>