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

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

55
tests/wpt/css-tests/css-regions-1_dev/html/content-node-layers-005.htm Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: flowing content with position: absolute and clip</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
<meta content="ahem" name="flags">
<meta content="Test checks that absolutely positioned content that has the clip property applied is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing or the clipping shapes." name="assert">
<link href="reference/content-node-layers-005-ref.htm" rel="match">
<style>
#content {
font-family: Ahem;
font-size: 20px;
line-height: 1em;
position: relative;
width: 125px;
height: 125px;
background-color: lightgreen;
flow-into: f;
}
#content-child {
position: absolute;
color: green;
top: 20px;
left: 0;
width: 180px;
clip: rect(0px, 100px, 80px, 20px);
}
.outside {
color: red;
}
#region {
width: 125px;
height: 125px;
background-color: red;
flow-from: f;
}
</style>
</head>
<body>
<ol>
<li>You should see no red.</li>
<li>Test passes if you see a dark green square in the middle of a light green square.</li>
</ol>
<div id="content">
<div id="content-child">
<span class="outside">x</span>xxxx<span class="outside">xxxx</span><br>
<span class="outside">x</span>xxxx<span class="outside">xxxx</span><br>
<span class="outside">x</span>xxxx<span class="outside">xxxx</span><br>
<span class="outside">x</span>xxxx<span class="outside">xxxx</span>
</div>
</div>
<div id="region"></div>
</body></html>