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

Move background_clip_a.html to wpt reftests.

Browse source
This commit is contained in:
Ms2ger 2015-10-09 11:02:48 +02:00
parent 86fd10e016
commit 586846b4ca
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

@ -207,6 +207,18 @@
"url": "/_mozilla/css/background.html"
}
],
"css/background_clip_a.html": [
{
"path": "css/background_clip_a.html",
"references": [
[
"/_mozilla/css/background_clip_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_clip_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",
@ -1196,6 +1208,18 @@
"url": "/_mozilla/css/background.html"
}
],
"css/background_clip_a.html": [
{
"path": "css/background_clip_a.html",
"references": [
[
"/_mozilla/css/background_clip_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_clip_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",

35
tests/wpt/mozilla/tests/css/background_clip_a.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=background_clip_ref.html>
<style>
div {
background: green;
width: 200px;
height: 200px;
padding: 20px;
border-width: 10px 20px 30px 40px;
border-style: dotted;
border-color: red;
}
#foo1 {
background-clip: border-box;
}
#foo2 {
background-clip: padding-box;
}
#foo3 {
background-clip: content-box;
}
</style>
</head>
<body>
<p>background-clip: border-box;</p>
<div id=foo1></div>
<p>background-clip: padding-box;</p>
<div id=foo2></div>
<p>background-clip: content-box;</p>
<div id=foo3></div>
</body>
</html>

40
tests/wpt/mozilla/tests/css/background_clip_ref.html Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<style>
#foo1 {
background: green;
}
#foo1, #foo2, #foo3 {
width: 200px;
height: 200px;
padding: 20px;
border-width: 10px 20px 30px 40px;
border-style: dotted;
border-color: red;
}
#foo2-color {
background: green;
width: 240px;
height: 240px;
position: relative;
left: -20px;
top: -20px;
}
#foo3-color {
background: green;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<p>background-clip: border-box;</p>
<div id=foo1></div>
<p>background-clip: padding-box;</p>
<div id=foo2><div id=foo2-color></div></div>
<p>background-clip: content-box;</p>
<div id=foo3><div id=foo3-color></div></div>
</body>
</html>