Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-25 22:01:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 976533 - Add a reftest. r=roc

Browse Source
This commit is contained in:
Horia Iosif Olaru 2014-02-28 09:11:37 -05:00
parent fa88879e4b
commit 3319c5cb20
3 changed files with 94 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
layout/reftests/css-blending/mix-blend-mode-nested-976533-ref.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE HTML>
<head>
<style>
.parent {
width: 200px;
height: 200px;
position: absolute;
z-index: 1;
background-color: #00ff00;
}
.intermediate {
width: 100px;
height: 100px;
margin-left:50px;
background-color: #ffffff;
}
.child {
width: 100px;
height: 100px;
margin-left:50px;
background-color: #00ffff;
}
.grandchild {
width: 50px;
height: 100px;
margin-left: 50px;
background-color: #0000ff;
}
body {
margin:0px;
}
</style>
</head>
<body>
<div class="parent">
<div class="intermediate">
<div class="child">
<div class="grandchild"></div>
</div>
</div>
</div>
</body>

45
layout/reftests/css-blending/mix-blend-mode-nested-976533.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<head>
<style>
.parent {
width: 200px;
height: 200px;
position: absolute;
z-index: 1;
background-color: #00ff00;
}
.intermediate {
width: 100px;
height: 100px;
margin-left:50px;
background-color: #ff00ff;
mix-blend-mode: difference;
}
.child {
width: 100px;
height: 100px;
margin-left:50px;
background-color: #00ffff;
mix-blend-mode: multiply;
}
body {
margin:0px;
}
</style>
<!-- Blending should happen as follows:
First, the child element should blend with the intermediate element, with
the multiply operator. Is should not blend with the parent directly.
Then, group formed by the blended child and the intermediate element should
blend with the parent as a single layer.
-->
</head>
<body>
<div class="parent">
<div class="intermediate">
<div class="child"></div>
</div>
</div>
</body>

2
layout/reftests/css-blending/reftest.list
View File

@ -42,6 +42,8 @@ fuzzy(64,37) pref(layout.css.mix-blend-mode.enabled,true) == mix-blend-mode-9520
pref(layout.css.mix-blend-mode.enabled,true) == mix-blend-mode-child-of-blended-has-opacity.html mix-blend-mode-child-of-blended-has-opacity-ref.html
pref(layout.css.mix-blend-mode.enabled,true) == mix-blend-mode-nested-976533.html mix-blend-mode-nested-976533-ref.html
# Test plan 5.3.1 Blending between the background layers and the background color for an element with background-blend-mode
# Test 9
pref(layout.css.background-blend-mode.enabled,true) == background-blending-image-color-svg-as-data-uri.html background-blending-image-color-ref.html