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

Add css test: fixed positioned box shadow with blur is same as absolutely positioned

Browse source
This commit is contained in:
Sergey Alexandrov 2016-07-13 14:40:34 +03:00
parent b1ad7ecc38
commit f65864d04d
3 changed files with 71 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1032,6 +1032,18 @@
"url": "/_mozilla/css/box_shadow_blur_a.html" "url": "/_mozilla/css/box_shadow_blur_a.html"
} }
], ],
"css/box_shadow_blur_fixed.html": [
{
"path": "css/box_shadow_blur_fixed.html",
"references": [
[
"/_mozilla/css/box_shadow_blur_fixed_ref.html",
"=="
]
],
"url": "/_mozilla/css/box_shadow_blur_fixed.html"
}
],
"css/box_shadow_border_box_a.html": [ "css/box_shadow_border_box_a.html": [
{ {
"path": "css/box_shadow_border_box_a.html", "path": "css/box_shadow_border_box_a.html",
@ -10102,6 +10114,18 @@
"url": "/_mozilla/css/box_shadow_blur_a.html" "url": "/_mozilla/css/box_shadow_blur_a.html"
} }
], ],
"css/box_shadow_blur_fixed.html": [
{
"path": "css/box_shadow_blur_fixed.html",
"references": [
[
"/_mozilla/css/box_shadow_blur_fixed_ref.html",
"=="
]
],
"url": "/_mozilla/css/box_shadow_blur_fixed.html"
}
],
"css/box_shadow_border_box_a.html": [ "css/box_shadow_border_box_a.html": [
{ {
"path": "css/box_shadow_border_box_a.html", "path": "css/box_shadow_border_box_a.html",

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

@ -0,0 +1,24 @@
<head>
<link rel='match' href='box_shadow_blur_fixed_ref.html'>
<style>
#div_outer {
width: 100%;
position: fixed;
top: 100px;
left: 0;
}
#div_inner {
background: lightgrey;
height: 40px;
box-shadow: 0 0 30px 30px darkblue;
}
</style>
</head>
<body>
<div id="div_outer">
<div id="div_inner">
</div>
</div>
</body>

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

@ -0,0 +1,23 @@
<head>
<style>
#div_outer {
width: 100%;
position: absolute;
top: 100px;
left: 0;
}
#div_inner {
background: lightgrey;
height: 40px;
box-shadow: 0 0 30px 30px darkblue;
}
</style>
</head>
<body>
<div id="div_outer">
<div id="div_inner">
</div>
</div>
</body>