Auto merge of #8045 - frewsxcv:reftests, r=jdm

Use wptrunner for some old-style reftests.

Part of #5618

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8045)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-10-16 05:05:48 -06:00
commit efc4ce876f
90 changed files with 1100 additions and 44 deletions

View file

@ -296,54 +296,10 @@ resolution=300x300,device-pixel-ratio=2 != pixel_snapping_position_a.html pixel_
== rtl_margin_a.html rtl_margin_ref.html == rtl_margin_a.html rtl_margin_ref.html
== rtl_simple.html rtl_simple_ref.html == rtl_simple.html rtl_simple_ref.html
== rtl_table_a.html rtl_table_ref.html == rtl_table_a.html rtl_table_ref.html
== servo_center_a.html servo_center_ref.html
== setattribute_id_restyle_a.html setattribute_id_restyle_b.html
== simple_inline_absolute_containing_block_a.html simple_inline_absolute_containing_block_ref.html
== stacked_layers.html stacked_layers_ref.html
== stacking_context_overflow_a.html stacking_context_overflow_ref.html
== stacking_context_overflow_relative_outline_a.html stacking_context_overflow_relative_outline_ref.html
== style_is_in_doc.html style_is_in_doc_ref.html
== submit_focus_a.html submit_focus_b.html
== table_auto_width.html table_auto_width_ref.html
== table_caption_bottom_a.html table_caption_bottom_ref.html
== table_caption_top_a.html table_caption_top_ref.html
== table_cell_float_a.html table_cell_float_ref.html
== table_center_a.html table_center_ref.html
== table_colspan_fixed_a.html table_colspan_fixed_ref.html
== table_colspan_simple_a.html table_colspan_simple_ref.html
== table_containing_block_a.html table_containing_block_ref.html
== table_expansion_to_fit_a.html table_expansion_to_fit_ref.html
== table_float_translation_a.html table_float_translation_ref.html
== table_intrinsic_style_specified_width_a.html table_intrinsic_style_specified_width_ref.html
== table_margin_auto_a.html table_margin_auto_ref.html
== table_padding_a.html table_padding_ref.html
== table_percentage_capping_a.html table_percentage_capping_ref.html
== table_percentage_width_a.html table_percentage_width_ref.html
== table_preferred_width_a.html table_preferred_width_ref.html
== table_row_direction_a.html table_row_direction_ref.html
== table_specified_width_a.html table_specified_width_ref.html
== table_width_attribute_a.html table_width_attribute_ref.html
== text_align_complex_a.html text_align_complex_ref.html
== text_align_justify_a.html text_align_justify_ref.html
== text_align_rtl.html text_align_rtl_ref.html
== text_align_start_end.html text_align_start_end_ref.html
== text_decoration_cached.html text_decoration_cached_ref.html
# text_decoration_propagation_a.html text_decoration_propagation_b.html # text_decoration_propagation_a.html text_decoration_propagation_b.html
!= text_decoration_smoke_a.html text_decoration_smoke_ref.html != text_decoration_smoke_a.html text_decoration_smoke_ref.html
!= text_decoration_underline_subpx_a.html text_decoration_underline_subpx_ref.html != text_decoration_underline_subpx_a.html text_decoration_underline_subpx_ref.html
== text_indent_a.html text_indent_ref.html
== text_justify_none_a.html text_justify_none_ref.html
!= text_overflow_a.html text_overflow_ref.html != text_overflow_a.html text_overflow_ref.html
== text_overflow_basic_a.html text_overflow_basic_ref.html
== text_shadow_blur_a.html text_shadow_blur_ref.html
== text_shadow_decorations_a.html text_shadow_decorations_ref.html
== text_shadow_multiple_shadows_a.html text_shadow_multiple_shadows_ref.html
== text_shadow_simple_a.html text_shadow_simple_ref.html
== text_transform_capitalize_a.html text_transform_capitalize_ref.html
== text_transform_lowercase_a.html text_transform_lowercase_ref.html
== text_transform_none_a.html text_transform_none_ref.html
== text_transform_uppercase_a.html text_transform_uppercase_ref.html
== transform_3d.html transform_3d_ref.html
flaky_cpu,prefs:"layout.writing-mode.enabled" == vertical-lr-blocks.html vertical-lr-blocks_ref.html flaky_cpu,prefs:"layout.writing-mode.enabled" == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== viewport_meta.html viewport_rule_ref.html == viewport_meta.html viewport_rule_ref.html
resolution=800x600 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_a.html resolution=800x600 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_a.html

File diff suppressed because it is too large Load diff

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='servo_center_ref.html'>
<style> <style>
table { table {
width: 85%; width: 85%;

View file

@ -1,3 +1,4 @@
<link rel='match' href='setattribute_id_restyle_b.html'>
<style> <style>
#foo { background-color: #FF0000; } #foo { background-color: #FF0000; }
</style> </style>

View file

@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<link rel='match' href='simple_inline_absolute_containing_block_ref.html'>
<style> <style>
main { main {
position: relative; position: relative;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='stacked_layers_ref.html'>
<style> <style>
.test { float: left; margin-right: 25px; } .test { float: left; margin-right: 25px; }
.box { height: 50px; width: 50px; } .box { height: 50px; width: 50px; }

View file

@ -1,5 +1,6 @@
<html> <html>
<head> <head>
<link rel='match' href='stacking_context_overflow_ref.html'>
<!-- Tests that stacking contexts display overflow. --> <!-- Tests that stacking contexts display overflow. -->
<style> <style>
body { body {

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='stacking_context_overflow_relative_outline_ref.html'>
<style> <style>
section { section {
position: absolute; position: absolute;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='style_is_in_doc_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<style> <style>
.from_html { color: blue; } .from_html { color: blue; }

View file

@ -1,3 +1,4 @@
<link rel='match' href='submit_focus_b.html'>
<style> <style>
button { button {
display: inline-block; display: inline-block;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_auto_width_ref.html'>
</head> </head>
<body> <body>
<table> <table>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_caption_bottom_ref.html'>
<!-- Tests that `caption-side` places the caption on the right side. --> <!-- Tests that `caption-side` places the caption on the right side. -->
<style> <style>
caption { caption {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_caption_top_ref.html'>
<!-- Tests that `caption-side` places the caption on the right side. --> <!-- Tests that `caption-side` places the caption on the right side. -->
<style> <style>
caption { caption {

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='table_cell_float_ref.html'>
<head> <head>
<!-- Tests that an element with `display: table-cell` is correctly positioned next to a float. --> <!-- Tests that an element with `display: table-cell` is correctly positioned next to a float. -->
<style> <style>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='table_center_ref.html'>
<style> <style>
body, html { body, html {
margin: 0; margin: 0;

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='table_colspan_fixed_ref.html'>
<style> <style>
table { table {
width: 300px; width: 300px;

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='table_colspan_simple_ref.html'>
<style> <style>
td[colspan="2"] { td[colspan="2"] {
background-color: blue; background-color: blue;

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='table_containing_block_ref.html'>
<head> <head>
<style type="text/css"> <style type="text/css">
.rel { .rel {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_expansion_to_fit_ref.html'>
<style> <style>
* { * {
margin: 0; margin: 0;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_float_translation_ref.html'>
<style> <style>
#float { #float {
width: 33%; width: 33%;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_intrinsic_style_specified_width_ref.html'>
<style> <style>
section { section {
width: 400px; width: 400px;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_margin_auto_ref.html'>
<style> <style>
body, html { body, html {
margin: 0; margin: 0;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_padding_ref.html'>
<style type="text/css"> <style type="text/css">
body { body {
margin: 0; margin: 0;

View file

@ -1,4 +1,5 @@
<!doctype html> <!doctype html>
<link rel='match' href='table_percentage_capping_ref.html'>
<title>Test for capping percentages</title> <title>Test for capping percentages</title>
<style> <style>
div { width:300px; background:yellow; height:50px; } div { width:300px; background:yellow; height:50px; }

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_percentage_width_ref.html'>
<style> <style>
* { * {
margin: 0; margin: 0;

View file

@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<link rel='match' href='table_preferred_width_ref.html'>
<style> <style>
#a { #a {
width: 500px; width: 500px;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_row_direction_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>

View file

@ -1,5 +1,6 @@
<html> <html>
<head> <head>
<link rel='match' href='table_specified_width_ref.html'>
<style> <style>
body { body {
margin: 0; margin: 0;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='table_width_attribute_ref.html'>
<style> <style>
table { table {
background: gold; background: gold;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_align_complex_ref.html'>
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>

View file

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<link rel='match' href='text_align_justify_ref.html'>
<style> <style>
p { p {
text-align: justify; text-align: justify;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_align_rtl_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_align_start_end_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_decoration_cached_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>text-decoration cache test</title> <title>text-decoration cache test</title>
<style> <style>

View file

@ -2,6 +2,7 @@
<html> <html>
<!-- Tests that `text-indent` works, in particular when combined with `text-align`. --> <!-- Tests that `text-indent` works, in particular when combined with `text-align`. -->
<head> <head>
<link rel='match' href='text_indent_ref.html'>
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>
section { section {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_justify_none_ref.html'>
<!-- Tests that `text-justify: none` disables justification. --> <!-- Tests that `text-justify: none` disables justification. -->
<style> <style>
p { p {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_overflow_basic_ref.html'>
<style> <style>
section { section {
border: solid black 1px; border: solid black 1px;

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_shadow_blur_ref.html'>
<!-- Tests that `text-shadow` mirrors `box-shadow` in the way that it blurs. --> <!-- Tests that `text-shadow` mirrors `box-shadow` in the way that it blurs. -->
<link rel="stylesheet" type="text/css" href="css/ahem.css"> <link rel="stylesheet" type="text/css" href="css/ahem.css">
<style> <style>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_shadow_decorations_ref.html'>
<!-- Tests that `text-shadow` shadows decorations. --> <!-- Tests that `text-shadow` shadows decorations. -->
<style> <style>
#a { #a {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_shadow_multiple_shadows_ref.html'>
<!-- Tests that multiple `text-shadow`s paint in the right order. --> <!-- Tests that multiple `text-shadow`s paint in the right order. -->
<style> <style>
#a { #a {

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='text_shadow_simple_ref.html'>
<!-- <!--
Tests that `text-shadow` works with multiple unblurred shadows in the right order with the Tests that `text-shadow` works with multiple unblurred shadows in the right order with the
right offsets. right offsets.

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='text_transform_capitalize_ref.html'>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- Tests that `text-transform: capitalize` works. --> <!-- Tests that `text-transform: capitalize` works. -->
<body> <body>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='text_transform_lowercase_ref.html'>
<!-- Tests that `text-transform: lowercase` works. --> <!-- Tests that `text-transform: lowercase` works. -->
<body> <body>
<h1 style='text-transform: lowercase; font-family: Hiragino Maru Gothic Pro'>YoU CaN dO ÁnYtHiNg At ゾムボ.cOm</h1> <h1 style='text-transform: lowercase; font-family: Hiragino Maru Gothic Pro'>YoU CaN dO ÁnYtHiNg At ゾムボ.cOm</h1>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='text_transform_none_ref.html'>
<!-- Tests that `text-transform: none` works. --> <!-- Tests that `text-transform: none` works. -->
<body> <body>
<h1 style='text-transform: none; font-family: Hiragino Maru Gothic Pro'>You can do anything at ゾムボ.com</h1> <h1 style='text-transform: none; font-family: Hiragino Maru Gothic Pro'>You can do anything at ゾムボ.com</h1>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<link rel='match' href='text_transform_uppercase_ref.html'>
<!-- Tests that `text-transform: uppercase` works. --> <!-- Tests that `text-transform: uppercase` works. -->
<body> <body>
<h1 style='text-transform: uppercase; font-family: Hiragino Maru Gothic Pro'>You çan do anything at ゾムボ.com</h1> <h1 style='text-transform: uppercase; font-family: Hiragino Maru Gothic Pro'>You çan do anything at ゾムボ.com</h1>

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel='match' href='transform_3d_ref.html'>
<style type="text/css"> <style type="text/css">
#div_t3d_1 { #div_t3d_1 {
position: absolute; position: absolute;