Auto merge of #7944 - Ms2ger:test-ref, r=jdm

Use wptrunner for some old-style reftests.



<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/7944)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-10-09 17:51:11 -06:00
commit ea7b990e2d
23 changed files with 259 additions and 10 deletions

View file

@ -183,6 +183,18 @@
"url": "/_mozilla/css/attr_exists_selector.html"
}
],
"css/attr_selector_case_sensitivity.html": [
{
"path": "css/attr_selector_case_sensitivity.html",
"references": [
[
"/_mozilla/css/attr_selector_case_sensitivity_ref.html",
"=="
]
],
"url": "/_mozilla/css/attr_selector_case_sensitivity.html"
}
],
"css/background.html": [
{
"path": "css/background.html",
@ -195,6 +207,114 @@
"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/background_external_stylesheet.html": [
{
"path": "css/background_external_stylesheet.html",
"references": [
[
"/_mozilla/css/background_rust_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_external_stylesheet.html"
}
],
"css/background_image_a.html": [
{
"path": "css/background_image_a.html",
"references": [
[
"/_mozilla/css/background_image_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_image_a.html"
}
],
"css/background_image_position_a.html": [
{
"path": "css/background_image_position_a.html",
"references": [
[
"/_mozilla/css/background_image_position_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_image_position_a.html"
}
],
"css/background_none_a.html": [
{
"path": "css/background_none_a.html",
"references": [
[
"/_mozilla/css/background_none_b.html",
"=="
]
],
"url": "/_mozilla/css/background_none_a.html"
}
],
"css/background_origin_a.html": [
{
"path": "css/background_origin_a.html",
"references": [
[
"/_mozilla/css/background_origin_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_origin_a.html"
}
],
"css/background_position_a.html": [
{
"path": "css/background_position_a.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_a.html"
}
],
"css/background_position_keyword.html": [
{
"path": "css/background_position_keyword.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_keyword.html"
}
],
"css/background_position_percent.html": [
{
"path": "css/background_position_percent.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_percent.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",
@ -1160,6 +1280,18 @@
"url": "/_mozilla/css/attr_exists_selector.html"
}
],
"css/attr_selector_case_sensitivity.html": [
{
"path": "css/attr_selector_case_sensitivity.html",
"references": [
[
"/_mozilla/css/attr_selector_case_sensitivity_ref.html",
"=="
]
],
"url": "/_mozilla/css/attr_selector_case_sensitivity.html"
}
],
"css/background.html": [
{
"path": "css/background.html",
@ -1172,6 +1304,114 @@
"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/background_external_stylesheet.html": [
{
"path": "css/background_external_stylesheet.html",
"references": [
[
"/_mozilla/css/background_rust_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_external_stylesheet.html"
}
],
"css/background_image_a.html": [
{
"path": "css/background_image_a.html",
"references": [
[
"/_mozilla/css/background_image_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_image_a.html"
}
],
"css/background_image_position_a.html": [
{
"path": "css/background_image_position_a.html",
"references": [
[
"/_mozilla/css/background_image_position_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_image_position_a.html"
}
],
"css/background_none_a.html": [
{
"path": "css/background_none_a.html",
"references": [
[
"/_mozilla/css/background_none_b.html",
"=="
]
],
"url": "/_mozilla/css/background_none_a.html"
}
],
"css/background_origin_a.html": [
{
"path": "css/background_origin_a.html",
"references": [
[
"/_mozilla/css/background_origin_ref.html",
"=="
]
],
"url": "/_mozilla/css/background_origin_a.html"
}
],
"css/background_position_a.html": [
{
"path": "css/background_position_a.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_a.html"
}
],
"css/background_position_keyword.html": [
{
"path": "css/background_position_keyword.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_keyword.html"
}
],
"css/background_position_percent.html": [
{
"path": "css/background_position_percent.html",
"references": [
[
"/_mozilla/css/background_position_b.html",
"=="
]
],
"url": "/_mozilla/css/background_position_percent.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<title>Attribute selector case-sensitivity: [foo=bar] and [foo=bar i]</title>
<link rel=match href=attr_selector_case_sensitivity_ref.html>
<style>
p[data-foo=Bar] { color: green }
p[data-foo=bar] { color: red }
p[data-foo=baz i] { color: green }
p[data-foo=baz] { color: red }
</style>
</head>
<body>
<p data-foo="Bar">This text should be green.</p>
<p data-foo="Baz">This text should be green.</p>
<p>This text should be black.</p>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Attribute selector case-sensitivity: [foo=bar] and [foo=bar i]</title>
<style>
p[data-foo=Bar] { color: green }
p[data-foo=bar] { color: red }
p[data-foo=baz i] { color: green }
p[data-foo=baz] { color: red }
</style>
</head>
<body>
<p style="color: green">This text should be green.</p>
<p style="color: green">This text should be green.</p>
<p>This text should be black.</p>
</body>
</html>

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>

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>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="subdirectory/background_image.css">
<link rel=match href=background_rust_ref.html>
</head>
<body>
<div class="test" style="width:206px; height:206px;"></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=background_image_ref.html>
<style>
div {
background-image: url("test.jpeg");
width: 420px;
height: 298px;
border-width: 10px 20px 30px 40px;
border-style: solid;
border-color: red;
padding: 40px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=background_image_position_ref.html>
<style type="text/css">
body {
font-family: 'ahem';
margin: 0;
}
span {
background-image:url(line.png);
background-position:0% 100%;
font-size: 20px;
color: rgba(255, 255, 0, 0);
}
</style>
</head>
<body>
<span>X</span>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
div {
width: 20px;
height: 20px;
background-color: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 560px;
height: 418px;
background-color: red;
}
</style>
</head>
<body>
<div>
<!-- Image dimension is 500x378. -->
<img src="test.jpeg" style="position:relative; left:40px; top:10px;">
</div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<title>background: none test</title>
<link rel=match href=background_none_b.html>
<style>
#a {
background: red;
width: 32px;
height: 32px;
}
#a {
background: none;
}
</style>
</head>
<body>
<div id=a>Background: none test</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>background: none test</title>
<style>
#a {
width: 32px;
height: 32px;
}
</style>
</head>
<body>
<div id=a>Background: none test</div>
</body>
</html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=background_origin_ref.html>
<style>
#foo1 {
background: url(400x400_green.png);
background-origin: padding-box;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
#foo2 {
background: url(400x400_green.png);
background-origin: border-box;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
#foo3 {
background: url(400x400_green.png);
background-origin: content-box;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
</style>
</head>
<body>
<div id=foo1></div>
<div id=foo2></div>
<div id=foo3></div>
</body>
</html>

View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<style>
#foo1 {
background: url(400x400_green.png);
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
#foo2 {
background: url(400x400_green.png);
background-position: -20px -20px;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
#foo3 {
background: url(400x400_green.png);
background-position: 20px 20px;
background-repeat: no-repeat;
width: 400px;
height: 400px;
padding: 20px;
border: 20px dotted red;
}
</style>
</head>
<body>
<div id=foo1></div>
<div id=foo2></div>
<div id=foo3></div>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>You see here a scroll labeled FOOBIE BLETCH.</title>
<link rel=match href=background_position_b.html>
<style>
#foo {
background: url(400x400_green.png);
background-position: 128px 0px;
background-repeat: no-repeat;
width: 528px;
height: 400px;
margin-left: 0;
}
</style>
</head>
<body>
<div id=foo></div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>You see here a scroll labeled FOOBIE BLETCH.</title>
<style>
#foo {
background: url(400x400_green.png);
width: 400px;
height: 400px;
margin-left: 128px;
}
</style>
</head>
<body>
<div id=foo></div>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>You see here a scroll labeled FOOBIE BLETCH.</title>
<link rel=match href=background_position_b.html>
<style>
#foo {
background: url(400x400_green.png);
background-position: right top;
background-repeat: no-repeat;
width: 528px;
height: 400px;
margin-left: 0;
}
</style>
</head>
<body>
<div id=foo></div>
</body>
</html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>You see here a scroll labeled FOOBIE BLETCH.</title>
<link rel=match href=background_position_b.html>
<style>
#foo {
background: url(400x400_green.png);
background-position: 100% 0%;
background-repeat: no-repeat;
width: 528px;
height: 400px;
margin-left: 0;
}
</style>
</head>
<body>
<div id=foo></div>
</body>
</html>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img class="test" src="rust-0.png" style="width:206px; height:206px;" />
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

View file

@ -0,0 +1,3 @@
.test {
background: url(../rust-0.png)
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB