Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-23 14:25:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 76c0092916ee8a9171396e62c472d85a0f2623fb

Browse source
This commit is contained in:
WPT Sync Bot 2018-05-21 21:09:49 -04:00
parent 319556cf6a
commit 496933fbc3
50 changed files with 584 additions and 282 deletions
Download patch file Download diff file Expand all files Collapse all files

13
tests/wpt/web-platform-tests/css/CSS2/floats-clear/adjoining-float-before-clearance.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<title>Float that would be adjoining if there were no clearance</title>
<meta name="assert" content="If the clearance candidate would pull a float down with it (due to margin collapsing) if there were no clearance, clearance needs to be inserted to separate the two, so that the block can go past the float. No matter how large the margin is, it should still be just below the float.">
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<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.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width:100px; background:red;">
<div>
<div style="float:left; width:100px; height:50px; background:green;"></div>
</div>
<div style="margin-top:400px; clear:left; height:50px; background:green;"></div>
</div>

12
tests/wpt/web-platform-tests/css/CSS2/floats-clear/clear-with-top-margin-after-cleared-empty-block.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>Clearance on empty block followed by block with large margin and 'clear'</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<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="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="position:relative; width:100px; border-top:1px solid white; top:-21px; z-index:-1; background:green;">
<div style="float:left; width:100px; height:20px; background:white;"></div>
<div style="clear:both;"></div>
<div style="clear:both; margin-top:100px; height:20px; background:white;"></div>
</div>

11
tests/wpt/web-platform-tests/css/CSS2/floats-clear/negative-clearance-after-adjoining-float.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<title>Negative clearance between adjoining float and child with top margin</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<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.xht" />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width:100px; background:red;">
<div style="float:left; width:100px; height:50px; background:green;"></div>
<div style="clear:left; margin-top:200px;"></div>
</div>
<div style="width:100px; height:50px; background:green;"></div>

16
tests/wpt/web-platform-tests/css/CSS2/floats-clear/negative-clearance-after-bottom-margin.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<title>Negative clearance between bottom margin and cleared child with top margin</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<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">
<p>Test passes if there is a filled green square.</p>
<div style="position:relative; top:-50px; z-index:-1;">
<div style="float:left; width:50px; height:50px; border-top:50px solid white; background:green;"></div>
<div style="padding-top:1px;">
<div style="width:100px; background:green;">
<div style="margin-bottom:49px;"></div>
<div style="clear:left; margin-top:98px;"></div>
</div>
<div style="width:100px; height:50px; background:green;"></div>
</div>
</div>