Auto merge of #8011 - Ms2ger:test-ref, r=frewsxcv

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/8011)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-10-14 16:26:36 -06:00
commit bc4fdb897f
21 changed files with 250 additions and 10 deletions

View file

@ -435,6 +435,126 @@
"url": "/_mozilla/css/basic_width_px.html"
}
],
"css/block_formatting_context_a.html": [
{
"path": "css/block_formatting_context_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_a.html"
}
],
"css/block_formatting_context_cleared_float_a.html": [
{
"path": "css/block_formatting_context_cleared_float_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_cleared_float_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_cleared_float_a.html"
}
],
"css/block_formatting_context_complex_a.html": [
{
"path": "css/block_formatting_context_complex_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_complex_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_complex_a.html"
}
],
"css/block_formatting_context_containing_floats_a.html": [
{
"path": "css/block_formatting_context_containing_floats_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_containing_floats_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_containing_floats_a.html"
}
],
"css/block_formatting_context_float_placement_a.html": [
{
"path": "css/block_formatting_context_float_placement_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_float_placement_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_float_placement_a.html"
}
],
"css/block_formatting_context_max_width_a.html": [
{
"path": "css/block_formatting_context_max_width_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_max_width_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_max_width_a.html"
}
],
"css/block_formatting_context_overflow_a.html": [
{
"path": "css/block_formatting_context_overflow_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_overflow_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_overflow_a.html"
}
],
"css/block_formatting_context_relative_a.html": [
{
"path": "css/block_formatting_context_relative_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_relative_a.html"
}
],
"css/block_formatting_context_translation_a.html": [
{
"path": "css/block_formatting_context_translation_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_translation_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_translation_a.html"
}
],
"css/block_formatting_context_with_margin_a.html": [
{
"path": "css/block_formatting_context_with_margin_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_with_margin_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_with_margin_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",
@ -1652,6 +1772,126 @@
"url": "/_mozilla/css/basic_width_px.html"
}
],
"css/block_formatting_context_a.html": [
{
"path": "css/block_formatting_context_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_a.html"
}
],
"css/block_formatting_context_cleared_float_a.html": [
{
"path": "css/block_formatting_context_cleared_float_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_cleared_float_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_cleared_float_a.html"
}
],
"css/block_formatting_context_complex_a.html": [
{
"path": "css/block_formatting_context_complex_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_complex_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_complex_a.html"
}
],
"css/block_formatting_context_containing_floats_a.html": [
{
"path": "css/block_formatting_context_containing_floats_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_containing_floats_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_containing_floats_a.html"
}
],
"css/block_formatting_context_float_placement_a.html": [
{
"path": "css/block_formatting_context_float_placement_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_float_placement_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_float_placement_a.html"
}
],
"css/block_formatting_context_max_width_a.html": [
{
"path": "css/block_formatting_context_max_width_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_max_width_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_max_width_a.html"
}
],
"css/block_formatting_context_overflow_a.html": [
{
"path": "css/block_formatting_context_overflow_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_overflow_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_overflow_a.html"
}
],
"css/block_formatting_context_relative_a.html": [
{
"path": "css/block_formatting_context_relative_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_relative_a.html"
}
],
"css/block_formatting_context_translation_a.html": [
{
"path": "css/block_formatting_context_translation_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_translation_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_translation_a.html"
}
],
"css/block_formatting_context_with_margin_a.html": [
{
"path": "css/block_formatting_context_with_margin_a.html",
"references": [
[
"/_mozilla/css/block_formatting_context_with_margin_ref.html",
"=="
]
],
"url": "/_mozilla/css/block_formatting_context_with_margin_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel=match href=block_formatting_context_ref.html>
<body>
<div style="float: left;">4913</div>
<div style="overflow: hidden;">RIP Richard Kiel</div>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<!--
Tests that block formatting context inline-size speculation works when the floats that impact
the block formatting context are cleared.
-->
<link rel=match href=block_formatting_context_cleared_float_ref.html>
<style>
#a {
background: silver;
height: 150px;
width: 150px;
float: right;
clear: right;
}
#b {
background: goldenrod;
height: 300px;
overflow: hidden;
}
</style>
</head>
<body>
<div id=a></div>
<div id=b></div>
</body>
</html>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<!--
Tests that block formatting context inline-size speculation works when the floats that impact
the block formatting context are cleared.
-->
<style>
#a {
background: silver;
height: 150px;
width: 150px;
float: right;
}
#b {
background: goldenrod;
height: 300px;
overflow: hidden;
}
</style>
</head>
<body>
<div id=a></div>
<div id=b></div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=block_formatting_context_complex_ref.html>
<style>
.a {
height: 999999px;
color: white;
}
</style>
</head>
<body>
<div class=a style="float: right; width: 200px; background: blue;">Meow</div>
<div class=a style="float: left; width: 50px; background: orange;">Mimi</div>
<div class=a style="float: left; width: 50px; background: green;">the</div>
<div class=a style="float: left; width: 50px; background: violet;">cat</div>
<div style="overflow: hidden;">
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
</div>
</body>
</html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<style>
.a {
height: 999999px;
color: white;
}
</style>
</head>
<body>
<div class=a style="float: right; width: 200px; background: blue;">Meow</div>
<div class=a style="float: left; width: 50px; background: orange;">Mimi</div>
<div class=a style="float: left; width: 50px; background: green;">the</div>
<div class=a style="float: left; width: 50px; background: violet;">cat</div>
<div>
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
There once was an engine named Servo
</div>
</body>
</html>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<link rel=match href=block_formatting_context_containing_floats_ref.html>
<body>
<div style="overflow: hidden; background: green;">
<div style="width: 250px; height: 250px; float: left; background: blue;"></div>
</div>
</body>
</html>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<body>
<div style="background: green;">
<div style="width: 250px; height: 250px; float: left; background: blue;"></div>
<div style="clear: left;">
</div>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=block_formatting_context_float_placement_ref.html>
<style>
#nav-searchbar {
overflow: hidden;
}
.nav-submit-button {
float: right;
}
#nav-search-in {
float: left;
}
.nav-searchfield-width {
height: 35px;
overflow: hidden;
border: solid black 1px;
}
</style>
</head>
<body>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style>
.nav-submit-button {
float: right;
}
#nav-search-in {
float: left;
}
.nav-searchfield-width {
height: 35px;
overflow: hidden;
border: solid black 1px;
}
</style>
</head>
<body>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<link rel=match href=block_formatting_context_max_width_ref.html>
<style>
html, body {
margin: 0;
}
section {
width: 300px;
}
div {
height: 100px;
}
#a {
float: right;
width: 100px;
background: gold;
}
#b {
overflow: hidden;
max-width: 200px;
background: blue;
}
</style>
<section><div id=a></div><div id=b>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<style>
html, body {
margin: 0;
}
section {
width: 300px;
}
div {
position: absolute;
height: 100px;
top: 0;
}
#a {
float: right;
width: 100px;
left: 200px;
background: gold;
}
#b {
overflow: hidden;
width: 200px;
background: blue;
}
</style>
<section><div id=a></div><div id=b>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<link rel=match href=block_formatting_context_overflow_ref.html>
<style>
section {
display: block;
width: 0;
}
nav {
display: block;
}
aside {
display: block;
overflow: hidden;
}
main {
width: 500px;
}
</style>
<section><main><nav><aside>Hello</aside>world!</nav></main></section>

View file

@ -0,0 +1,3 @@
<!DOCTYPE html>
<div>Hello</div><div>world!</div>

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<body>
<div style="float: left;">4913</div>
<div>RIP Richard Kiel</div>
</body>
</html>

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel=match href=block_formatting_context_ref.html>
<body>
<div style="float: left;">4913</div>
<div style="overflow: hidden; position: relative;">RIP Richard Kiel</div>
</body>
</html>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<link rel=match href=block_formatting_context_translation_ref.html>
<body>
<div style="height: 32px; margin: 0 0 0;">
<div style="float: left; background: blue; width: 64px; height: 32px;"></div>
<div style="overflow: hidden; height: 32px; background: violet;"></div>
</div>
<div style="background: green; float: left; width: 32px; height: 32px;"></div>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<body>
<div style="height: 32px; margin: 0 0 0;">
<div style="float: left; background: blue; width: 64px; height: 32px;"></div>
<div style="height: 32px; background: violet;"></div>
</div>
<div style="background: green; float: left; width: 32px; height: 32px;"></div>
</body>
</html>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<link rel=match href=block_formatting_context_with_margin_ref.html>
<style>
#float {
float: right;
width: 150px;
}
section {
margin-right: 450px;
background: gold;
}
#a {
font-size: 48px;
overflow: hidden;
}
</style>
</head>
<body>
<div id=float></div>
<section>
<div id=a>set breakpoints from within the comfort of your editor</div>
</section>
</body>
</html>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style>
#float {
float: right;
width: 150px;
}
section {
margin-right: 450px;
background: gold;
}
#a {
font-size: 48px;
}
</style>
</head>
<body>
<div id=float></div>
<section>
<div id=a>set breakpoints from within the comfort of your editor</div>
</section>
</body>
</html>