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

Browse source
This commit is contained in:
Corey Farwell 2015-10-19 18:34:07 -04:00
parent a4c3dbf5bb
commit 562d89bac6
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

@ -839,6 +839,18 @@
"url": "/_mozilla/css/min_max_height_a.html"
}
],
"css/mix_blend_mode_a.html": [
{
"path": "css/mix_blend_mode_a.html",
"references": [
[
"/_mozilla/css/mix_blend_mode_ref.html",
"=="
]
],
"url": "/_mozilla/css/mix_blend_mode_a.html"
}
],
"css/multiple_css_class_a.html": [
{
"path": "css/multiple_css_class_a.html",
@ -3960,6 +3972,18 @@
"url": "/_mozilla/css/min_max_height_a.html"
}
],
"css/mix_blend_mode_a.html": [
{
"path": "css/mix_blend_mode_a.html",
"references": [
[
"/_mozilla/css/mix_blend_mode_ref.html",
"=="
]
],
"url": "/_mozilla/css/mix_blend_mode_a.html"
}
],
"css/multiple_css_class_a.html": [
{
"path": "css/multiple_css_class_a.html",

54
tests/wpt/mozilla/tests/css/mix_blend_mode_a.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='mix_blend_mode_ref.html'>
<style>
html {
background: #ffffff;
}
section {
position: absolute;
left: 0;
}
#a {
top: 0;
mix-blend-mode: difference;
}
#b {
top: 100px;
mix-blend-mode: exclusion;
}
div {
position: absolute;
top: 0;
width: 100px;
height: 100px;
}
.red {
left: 0;
background-color: #ff0000;
}
.green {
left: 100px;
background: #00ff00;
}
.blue {
left: 200px;
background: #0000ff;
}
</style>
</head>
<body>
<section id=a>
<div class=red></div>
<div class=green></div>
<div class=blue></div>
</section>
<section id=b>
<div class=red></div>
<div class=green></div>
<div class=blue></div>
</section>
</body>
</html>

52
tests/wpt/mozilla/tests/css/mix_blend_mode_ref.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<style>
html {
background: #ffffff;
}
section {
position: absolute;
left: 0;
}
#a {
top: 0;
}
#b {
top: 100px;
}
div {
position: absolute;
top: 0;
width: 100px;
height: 100px;
}
.red {
left: 0;
background-color: #00ffff;
}
.green {
left: 100px;
background: #ff00ff;
}
.blue {
left: 200px;
background: #ffff00;
}
</style>
</head>
<body>
<section id=a>
<div class=red></div>
<div class=green></div>
<div class=blue></div>
</section>
<section id=b>
<div class=red></div>
<div class=green></div>
<div class=blue></div>
</section>
</body>
</html>