Move background_position_shorthand.html to wpt reftests.

This commit is contained in:
Ms2ger 2015-10-12 15:30:24 +02:00
parent ac1b595609
commit 98328fdfb2
4 changed files with 25 additions and 1 deletions

View file

@ -315,6 +315,18 @@
"url": "/_mozilla/css/background_position_percent.html"
}
],
"css/background_position_shorthand.html": [
{
"path": "css/background_position_shorthand.html",
"references": [
[
"/_mozilla/css/background_position_shorthand_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_position_shorthand.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",
@ -1412,6 +1424,18 @@
"url": "/_mozilla/css/background_position_percent.html"
}
],
"css/background_position_shorthand.html": [
{
"path": "css/background_position_shorthand.html",
"references": [
[
"/_mozilla/css/background_position_shorthand_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_position_shorthand.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>background shorthand test</title>
<link rel=match href=background_position_shorthand_ref.html>
<style>
div {
float: left; /* So all the divs are visible in the test viewport */
width: 200px;
height: 200px;
}
/* test different orders for background position */
#a { background: red url(100x100_green.png) no-repeat right center; }
#b { background: red url(100x100_green.png) no-repeat center right; }
#c { background: right center red url(100x100_green.png) no-repeat; }
#d { background: red url(100x100_green.png) right center no-repeat; }
#e { background: red url(100x100_green.png) no-repeat right; }
#f { background: right red url(100x100_green.png) no-repeat; }
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
<div id="f"></div>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>background shorthand test</title>
<style>
.outer {
float: left;
background-color: red;
width: 200px;
height: 200px;
}
.inner {
background-image: url(100x100_green.png);
width: 100px;
height: 100px;
position: relative;
top: 50px;
left: 100px;
}
</style>
</head>
<body>
<div class="outer"><div class="inner"></div></div>
<div class="outer"><div class="inner"></div></div>
<div class="outer"><div class="inner"></div></div>
<div class="outer"><div class="inner"></div></div>
<div class="outer"><div class="inner"></div></div>
<div class="outer"><div class="inner"></div></div>
</body>
</html>