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 d7afcb8708eac08a614d161d5622a48172daf7e3

Browse source
This commit is contained in:
WPT Sync Bot 2019-05-15 10:40:54 -04:00 • committed by Josh Matthews
parent 6f8bb4dd40
commit edff458e23
791 changed files with 17647 additions and 10322 deletions
Download patch file Download diff file Expand all files Collapse all files

12
tests/wpt/web-platform-tests/css/CSS2/floats/floats-placement-001.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
<meta name="assert" content="This test checks placement of inflow content with floats present." />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; background: red; line-height: 0; position: relative;">
<div style="float: left; width: 20px;"></div>
<div style="float: right; width: 30px; height: 50px; background: green;"></div>
<div style="float: right; clear: right; width: 100px; height: 50px; background: green;"></div>
<div style="display: inline-block; width: 50px; height: 50px; background: green;"></div>
<div style="position: absolute; width: 20px; height: 50px; top: 0; left: 50px; background: green;"></div>
</div>

16
tests/wpt/web-platform-tests/css/CSS2/floats/floats-placement-002.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
<meta name="assert" content="This test checks placement of inflow content with floats present." />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; background: red; position: relative;">
<div style="float: left; width: 20px;"></div>
<div style="line-height: 0;">
<div style="display: inline-block; width: 100px; height: 20px; background: green;"></div>
</div>
<div style="float: right; width: 20px; height: 80px; background: green;"></div>
<div style="float: right; clear: right; width: 30px; clear: right;"></div>
<div style="display: inline-block; width: 60px; height: 60px; background: green;"></div>
<div style="position: absolute; width: 20px; height: 80px; background: green; top: 20px; right: 20px;"></div>
<div style="position: absolute; width: 60px; height: 20px; background: green; bottom: 0; left: 0;"></div>
</div>

14
tests/wpt/web-platform-tests/css/CSS2/floats/floats-placement-003.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
<meta name="assert" content="This test checks placement of inflow content with floats present." />
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; line-height: 0; background: red; position: relative;">
<div style="float: left; width: 20px; height: 20px;"></div>
<div style="height: 30px; background: green;"></div>
<div style="float: right; width: 40px; height: 20px; background: green;"></div>
<div style="float: right; clear: right; width: 50px; height: 50px; background: green;"></div>
<div style="float: left; width: 50px; height: 50px; background: green;"></div>
<span style="display: inline-block; width: 40px; height: 20px; background: green;"></span>
<div style="position: absolute; width: 20px; height: 20px; background: green; left: 40px; top: 30px;"></div>
</div>

4
tests/wpt/web-platform-tests/css/CSS2/floats/overhanging-float-paint-order-ref.html Normal file
View file

@ -0,0 +1,4 @@
<!DOCTYPE html>
<div style="width: 100px; height: 80px; background: green"></div>
<div style="width: 100px; height: 20px; background: blue"></div>

43
tests/wpt/web-platform-tests/css/CSS2/floats/overhanging-float-paint-order.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#float-position">
<link rel="help" href="https://drafts.csswg.org/css2/zindex.html">
<link rel="match" href="overhanging-float-paint-order-ref.html">
<style>
#first-container {
width: 100px;
height: 60px;
}
#red-first-float {
width: 100px;
height: 60px;
background-color: red;
float: left;
}
#container {
width: 100px;
height: 80px;
}
#blue-second-float-overhanging {
width: 100px;
height: 60px;
background-color: blue;
float: left;
margin-top: -20px;
}
#green-third-float {
width: 100px;
height: 80px;
background-color: green;
float: left;
margin-top: -100px;
}
</style>
<div id="red-first-float"></div>
<div id="container">
<div id="blue-second-float-overhanging"></div>
<div id="green-third-float"></div>
</div>

38
tests/wpt/web-platform-tests/css/CSS2/normal-flow/dynamic-percentage-height.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
<meta name="assert" content="Tests a dynamic change in height correctly resizes a child element."/>
<script src="/common/reftest-wait.js"></script>
<style>
#container {
background: red;
box-sizing: border-box;
border: solid green 10px;
width: 100px;
height: 200px;
}
#block {
background: green;
height: 80px;
}
#target {
height: 100%;
}
</style>
<p>Test passes if there is a filled green square.</p>
<div id="container">
<div id="target">
<div id="block"></div>
</div>
</div>
<script>
document.body.offsetTop;
const container = document.getElementById('container');
container.style.height = '100px';
document.body.offsetTop;
takeScreenshot();
</script>