Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-30 16:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity

Move stacked_layers.html to wpt reftests.

Browse source
This commit is contained in:
Corey Farwell 2015-10-15 23:16:20 -04:00
parent d27c262f00
commit 2bb4d4c99f
4 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -591,6 +591,18 @@
"url": "/_mozilla/css/setpropertypriority.html"
}
],
"css/stacked_layers.html": [
{
"path": "css/stacked_layers.html",
"references": [
[
"/_mozilla/css/stacked_layers_ref.html",
"=="
]
],
"url": "/_mozilla/css/stacked_layers.html"
}
],
"css/stacking_context_overflow_a.html": [
{
"path": "css/stacking_context_overflow_a.html",
@ -2624,6 +2636,18 @@
"url": "/_mozilla/css/setpropertypriority.html"
}
],
"css/stacked_layers.html": [
{
"path": "css/stacked_layers.html",
"references": [
[
"/_mozilla/css/stacked_layers_ref.html",
"=="
]
],
"url": "/_mozilla/css/stacked_layers.html"
}
],
"css/stacking_context_overflow_a.html": [
{
"path": "css/stacking_context_overflow_a.html",

24
tests/wpt/mozilla/tests/css/stacked_layers.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='stacked_layers_ref.html'>
<style>
.test { float: left; margin-right: 25px; }
.box { height: 50px; width: 50px; }
.gray { background: rgb(200, 200, 200); }
.grayer { background: rgb(80, 80, 80); }
.grayest { background: rgb(0, 0, 0); }
</style>
</head>
<body>
<div class="test grayest box">
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: fixed;"></div>
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: relative; top: 10px; z-index: 5;"> </div>
</div>
<div class="test grayest box">
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: fixed;"></div>
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: absolute; top: 20px; z-index: 5;"> </div>
</div>
</body>
</html>

23
tests/wpt/mozilla/tests/css/stacked_layers_ref.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<style>
.test { float: left; margin-right: 25px; }
.box { height: 50px; width: 50px; }
.gray { background: rgb(200, 200, 200); }
.grayer { background: rgb(80, 80, 80); }
.grayest { background: rgb(0, 0, 0); }
</style>
</head>
<body>
<div class="test grayest box">
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: absolute;"></div>
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: relative; top: 10px; z-index: 5;"></div>
</div>
<div class="test grayest box">
<div class="grayer box" style="margin-left: 10px; margin-top: 10px; position: absolute;"></div>
<div class="gray box" style="margin-left: 20px; margin-top: 10px; position: absolute; top: 20px; z-index: 5;"></div>
</div>
</body>
</html>