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 opacity_stacking_context_a.html to wpt reftests.

Browse source
This commit is contained in:
Corey Farwell 2015-10-16 20:23:35 -04:00
parent bdedeb3aa5
commit 1f0b6daaa9
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

@ -707,6 +707,18 @@
"url": "/_mozilla/css/opacity_simple_a.html"
}
],
"css/opacity_stacking_context_a.html": [
{
"path": "css/opacity_stacking_context_a.html",
"references": [
[
"/_mozilla/css/opacity_stacking_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/opacity_stacking_context_a.html"
}
],
"css/outlines_simple_a.html": [
{
"path": "css/outlines_simple_a.html",
@ -3492,6 +3504,18 @@
"url": "/_mozilla/css/opacity_simple_a.html"
}
],
"css/opacity_stacking_context_a.html": [
{
"path": "css/opacity_stacking_context_a.html",
"references": [
[
"/_mozilla/css/opacity_stacking_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/opacity_stacking_context_a.html"
}
],
"css/outlines_simple_a.html": [
{
"path": "css/outlines_simple_a.html",

49
tests/wpt/mozilla/tests/css/opacity_stacking_context_a.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='opacity_stacking_context_ref.html'>
<!-- Tests that `opacity` causes a new stacking context to be formed. -->
<style>
section {
position: absolute;
width: 100px;
height: 100px;
}
#a {
background: red;
top: 0;
left: 0;
z-index: 1;
}
#b {
background: #00ff00;
top: 25px;
left: 25px;
z-index: 2;
}
#c {
background: blue;
top: 50px;
left: 50px;
z-index: 3;
}
#container {
opacity: 0.5;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<section id=a></section>
<section id=c></section>
<div id=container>
<section id=b></section>
</div>
</body>
</html>

48
tests/wpt/mozilla/tests/css/opacity_stacking_context_ref.html Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that `opacity` causes a new stacking context to be formed. -->
<style>
section {
position: absolute;
width: 100px;
height: 100px;
}
#a {
background: red;
top: 0;
left: 0;
z-index: 2;
}
#b {
background: #00ff00;
top: 25px;
left: 25px;
z-index: 1;
opacity: 0.5;
}
#c {
background: blue;
top: 50px;
left: 50px;
z-index: 3;
}
#container {
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<section id=a></section>
<section id=c></section>
<div id=container>
<section id=b></section>
</div>
</body>
</html>