Auto merge of #8057 - 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/8057)
<!-- Reviewable:end -->

tests/ref/basic.list

@@ -140,35 +140,23 @@ prefs:"layout.writing-mode.enabled" == iframe/size_attributes_vertical_writing_m
 == inline_block_stacking_context_a.html inline_block_stacking_context_ref.html
 == inline_block_with_margin_a.html inline_block_with_margin_ref.html
 # inline_border_a.html inline_border_b.html
-== inline_border_baseline_a.html inline_border_baseline_ref.html
-== inline_element_border_a.html inline_element_border_ref.html
 == inline_hypothetical_box_a.html inline_hypothetical_box_ref.html
 == inline_margin_multiple_fragments_a.html inline_margin_multiple_fragments_ref.html
-== inline_margins_a.html inline_margins_ref.html
 == inline_margins_intrinsic_size_a.html inline_margins_intrinsic_size_ref.html
-== inline_padding_a.html inline_padding_b.html
 == inline_text_align_a.html inline_text_align_b.html
 == inline_whitespace_a.html inline_whitespace_ref.html
 == inline_whitespace_b.html inline_whitespace_ref.html
 == input_button_margins_a.html input_button_margins_ref.html
 == input_button_size_a.html input_button_size_ref.html
 != input_height_a.html input_height_ref.html
-== inset.html inset_ref.html
 != inset_blackborder.html blackborder_ref.html
-== issue-1324.html issue-1324-ref.html
 == jpeg_normal.html jpeg_ref.html
 == jpeg_progressive.html jpeg_ref.html
-== jumpiness_a.html jumpiness_ref.html
 == last_child_pseudo_a.html last_child_pseudo_b.html
 == last_of_type_pseudo_a.html last_of_type_pseudo_b.html
-== layerization_z_order_a.html layerization_z_order_ref.html
 == legacy_cellspacing_attribute_a.html border_spacing_ref.html
-== legacy_input_size_attribute_override_a.html legacy_input_size_attribute_override_ref.html
-== legacy_table_border_attribute_a.html legacy_table_border_attribute_ref.html
-== legacy_td_bgcolor_attribute_a.html legacy_td_bgcolor_attribute_ref.html
 == legacy_td_width_attribute_a.html legacy_td_width_attribute_ref.html
 == legacy_th_width_attribute_a.html legacy_td_width_attribute_ref.html
-== letter_spacing_a.html letter_spacing_ref.html
 == li_absolute_containing_block_a.html li_absolute_containing_block_ref.html
 == line_breaking_whitespace_collapse_a.html line_breaking_whitespace_collapse_ref.html
 == line_height_a.html line_height_ref.html
@@ -205,87 +193,31 @@ flaky_cpu == linebreak_simple_a.html linebreak_simple_b.html
 == no_image_background_a.html no_image_background_ref.html
 == noscript.html noscript_ref.html
 != noteq_attr_exists_selector.html attr_exists_selector_ref.html
-== nth_child_pseudo_a.html nth_child_pseudo_b.html
-== nth_last_child_pseudo_a.html nth_last_child_pseudo_b.html
 == nth_last_of_type_pseudo_a.html nth_last_of_type_pseudo_b.html
 == nth_of_type_pseudo_a.html nth_of_type_pseudo_b.html
 == object_element_a.html object_element_b.html
 != octicons_a.html octicons_ref.html
 == ol_japanese_iroha_a.html ol_japanese_iroha_ref.html
 != ol_japanese_iroha_bullet_styles.html ol_japanese_iroha_ref.html
-== ol_simple_a.html ol_simple_ref.html
-== only_child_pseudo_a.html only_child_pseudo_b.html
-== only_of_type_pseudo_a.html only_of_type_pseudo_b.html
-== opacity_simple_a.html opacity_simple_ref.html
-== opacity_stacking_context_a.html opacity_stacking_context_ref.html
-== outline_offset_a.html outline_offset_ref.html
-== outlines_simple_a.html outlines_simple_ref.html
-== outlines_wrap_a.html outlines_wrap_ref.html
-== outset.html outset_ref.html
 != outset_blackborder.html blackborder_ref.html
 # Should be == with expected failure. See #2797
 != overconstrained_block.html overconstrained_block_ref.html
 == overflow_auto.html overflow_simple_b.html
-== overflow_auto_stacking_order_a.html overflow_auto_stacking_order_ref.html
-== overflow_position_abs_inline_block.html overflow_position_abs_inline_block_ref.html
 # Should be ==?
 != overflow_position_abs_inside_normal_a.html overflow_position_abs_inside_normal_b.html
-== overflow_position_abs_simple_a.html overflow_position_abs_simple_b.html
-== overflow_position_rel_inline_block.html overflow_position_rel_inline_block_ref.html
 == overflow_scroll.html overflow_simple_b.html
 == overflow_simple_a.html overflow_simple_b.html
-== overflow_wrap_a.html overflow_wrap_ref.html
-== overflow_xy_a.html overflow_xy_ref.html
-== per_glyph_font_fallback_a.html per_glyph_font_fallback_ref.html
-== percent_height.html percent_height_ref.html
-== percentage_height_float_a.html percentage_height_float_ref.html
-== percentage_height_root.html percentage_height_root_ref.html
-== percentage_width_inline_block_a.html percentage_width_inline_block_ref.html
 resolution=300x300,device-pixel-ratio=2 != pixel_snapping_border_a.html pixel_snapping_border_ref.html
 resolution=300x300,device-pixel-ratio=2 != pixel_snapping_position_a.html pixel_snapping_position_ref.html
-== png_rgba_colorspace_a.html png_rgba_colorspace_b.html
-== position_abs_cb_with_non_cb_kid_a.html position_abs_cb_with_non_cb_kid_b.html
-== position_abs_height_width_a.html position_abs_height_width_b.html
-== position_abs_left_a.html position_abs_left_b.html
-== position_abs_margin_top_percentage_a.html position_abs_margin_top_percentage_b.html
-== position_abs_nested_a.html position_abs_nested_b.html
-== position_abs_pseudo_a.html position_abs_pseudo_b.html
-== position_abs_replaced_simple_a.html position_abs_replaced_simple_b.html
-== position_abs_static_y_a.html position_abs_static_y_b.html
-== position_abs_width_percentage_a.html position_abs_width_percentage_b.html
 # commented out because multiple layers don't work with reftests --pcwalton
 # == position_fixed_a.html position_fixed_b.html
-== position_fixed_background_color_a.html position_fixed_background_color_b.html
-== position_fixed_overflow_a.html position_fixed_overflow_b.html
 # == position_fixed_simple_a.html position_fixed_simple_b.html
 # == position_fixed_static_y_a.html position_fixed_static_y_b.html
 == position_fixed_tile_edge.html position_fixed_tile_edge_ref.html
 == position_fixed_tile_edge_2.html position_fixed_tile_edge_ref.html
 == position_fixed_tile_edge_3.html position_fixed_tile_edge_ref.html
-== position_relative_a.html position_relative_b.html
-== position_relative_inline_block_a.html position_relative_inline_block_ref.html
-== position_relative_painting_order_a.html position_relative_painting_order_ref.html
-== position_relative_stacking_context_a.html position_relative_stacking_context_ref.html
-== position_relative_stacking_context_contents_a.html position_relative_stacking_context_contents_ref.html
-== position_relative_top_percentage_a.html position_relative_top_percentage_b.html
-== position_relative_vertical_percentage_overflow_a.html position_relative_vertical_percentage_overflow_ref.html
-== pre_ignorable_whitespace_a.html pre_ignorable_whitespace_ref.html
-== pre_with_tab.html pre_with_tab_ref.html
-== pseudo_content_with_layers.html pseudo_content_with_layers_ref.html
-== pseudo_element_a.html pseudo_element_b.html
-== pseudo_inherit.html pseudo_inherit_ref.html
-== quotes_none_a.html quotes_none_ref.html
-== quotes_simple_a.html quotes_simple_ref.html
 == root_display_inline_a.html root_display_ref.html
 == root_display_without_style_a.html root_display_ref.html
-== root_height_a.html root_height_b.html
-== root_margin_collapse_a.html root_margin_collapse_b.html
-== root_pseudo_a.html root_pseudo_b.html
-== rtl_body.html rtl_body_ref.html
-== rtl_float_a.html rtl_float_ref.html
-== rtl_margin_a.html rtl_margin_ref.html
-== rtl_simple.html rtl_simple_ref.html
-== rtl_table_a.html rtl_table_ref.html
 # text_decoration_propagation_a.html text_decoration_propagation_b.html
 != text_decoration_smoke_a.html text_decoration_smoke_ref.html
 != text_decoration_underline_subpx_a.html text_decoration_underline_subpx_ref.html
@@ -307,11 +239,6 @@ prefs:"layout.viewport.enabled" == viewport_rule.html viewport_rule_ref.html
 # == webgl-context/tex_image_2d_simple.html webgl-context/tex_image_2d_simple_ref.html
 
 flaky_macos == white_space_intrinsic_sizes_a.html white_space_intrinsic_sizes_ref.html
-== whitespace_nowrap_a.html whitespace_nowrap_ref.html
-== whitespace_nowrap_line_breaking_a.html whitespace_nowrap_line_breaking_ref.html
-== whitespace_pre.html whitespace_pre_ref.html
-== width_nonreplaced_block_simple_a.html width_nonreplaced_block_simple_b.html
-== word_break_a.html word_break_ref.html
 
 
 # This file must be sorted alphabetically.

tests/ref/issue-1324.html

@@ -1 +0,0 @@
-<!doctype html><p>Test

tests/ref/pre_with_tab.html

@@ -1 +0,0 @@
-<html><body><pre>	tab</pre></body></html>

tests/wpt/mozilla/tests/css/inline_border_baseline_a.html

@@ -1,3 +1,4 @@
+<link rel='match' href='inline_border_baseline_ref.html'>
 <style>
 em {
     border-top: solid white 3px;

tests/wpt/mozilla/tests/css/inline_element_border_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
     <head>
+        <link rel='match' href='inline_element_border_ref.html'>
         <style type="text/css">
         .large-border {
             border-left: 100px solid red;

tests/wpt/mozilla/tests/css/inline_margins_a.html

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

tests/wpt/mozilla/tests/css/inline_padding_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='inline_padding_b.html'>
 <title>You see here a scroll labeled READ ME.</title>
 <style>
 #a {

tests/wpt/mozilla/tests/css/inset.html

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

tests/wpt/mozilla/tests/css/issue-1324.html

@@ -0,0 +1 @@
+<!doctype html><link rel='match' href='issue-1324-ref.html'><p>Test

tests/wpt/mozilla/tests/css/jumpiness_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='jumpiness_ref.html'>
 <style>
 body.hello {
     text-decoration: underline;

tests/wpt/mozilla/tests/css/layerization_z_order_a.html

@@ -1,3 +1,4 @@
+<link rel='match' href='layerization_z_order_ref.html'>
 <style>
 body, html {
     margin: 0;

tests/wpt/mozilla/tests/css/legacy_input_size_attribute_override_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='legacy_input_size_attribute_override_ref.html'>
 <body>
 <input type=text size=12345 style="width: 128px;"></input>
 </body>

tests/wpt/mozilla/tests/css/legacy_table_border_attribute_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='legacy_table_border_attribute_ref.html'>
 <style>
 table {
     border-color: red;

tests/wpt/mozilla/tests/css/legacy_td_bgcolor_attribute_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='legacy_td_bgcolor_attribute_ref.html'>
 <body>
 <table border=0 cellspacing=0 cellpadding=0>
     <tr><td bgcolor=chucknorris width=100>&nbsp;</td></tr>

tests/wpt/mozilla/tests/css/letter_spacing_a.html

@@ -1,5 +1,6 @@
 <html>
 <head>
+<link rel='match' href='letter_spacing_ref.html'>
 <!-- Tests that `letter-spacing` works. -->
 <link rel="stylesheet" type="text/css" href="css/ahem.css">
 <style>

tests/wpt/mozilla/tests/css/nth_child_pseudo_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='nth_child_pseudo_b.html'>
     <title>:nth-child test</title>
     <style type="text/css">
       html { background: red; }

tests/wpt/mozilla/tests/css/nth_last_child_pseudo_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='nth_last_child_pseudo_b.html'>
     <title>:nth-last-child test</title>
     <style type="text/css">
       html { background: red; }

tests/wpt/mozilla/tests/css/ol_simple_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='ol_simple_ref.html'>
 <style>
 li {
     list-style-type: decimal;

tests/wpt/mozilla/tests/css/only_child_pseudo_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='only_child_pseudo_b.html'>
     <title>:only-child test</title>
     <style type="text/css">
       html:only-child { background: red; }

tests/wpt/mozilla/tests/css/only_of_type_pseudo_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='only_of_type_pseudo_b.html'>
     <title>:only-of-type test</title>
     <style type="text/css">
       html { background: red; }

tests/wpt/mozilla/tests/css/opacity_simple_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='opacity_simple_ref.html'>
 <!-- Tests that opacity works. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/opacity_stacking_context_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='opacity_stacking_context_ref.html'>
 <!-- Tests that `opacity` causes a new stacking context to be formed. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/outline_offset_a.html

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

tests/wpt/mozilla/tests/css/outlines_simple_a.html

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

tests/wpt/mozilla/tests/css/outlines_wrap_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='outlines_wrap_ref.html'>
 <!-- Tests that outlines draw on all four sides on word wrapped edges. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/outset.html

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

tests/wpt/mozilla/tests/css/overflow_auto_stacking_order_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='overflow_auto_stacking_order_ref.html'>
 <style>
 div {
     width: 100px;

tests/wpt/mozilla/tests/css/overflow_position_abs_inline_block.html

@@ -1,3 +1,4 @@
+<link rel='match' href='overflow_position_abs_inline_block_ref.html'>
 <style>
   #d1 {
     width: 100px;

tests/wpt/mozilla/tests/css/overflow_position_abs_simple_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='overflow_position_abs_simple_b.html'>
     <style>
       #first {
       height: 100px;

tests/wpt/mozilla/tests/css/overflow_position_rel_inline_block.html

@@ -1,3 +1,4 @@
+<link rel='match' href='overflow_position_rel_inline_block_ref.html'>
 <style>
   div {
     overflow:hidden;

tests/wpt/mozilla/tests/css/overflow_wrap_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='overflow_wrap_ref.html'>
 <!-- Tests that `overflow-wrap: break-word` breaks words if it needs to, but only when
      necessary. -->
 <link rel="stylesheet" type="text/css" href="css/ahem.css">

tests/wpt/mozilla/tests/css/overflow_xy_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='overflow_xy_ref.html'>
 <!-- Tests that `overflow-x` and `overflow-y` work. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/per_glyph_font_fallback_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='per_glyph_font_fallback_ref.html'>
 <!-- Tests that font fallback occurs on a per-glyph basis. -->
 <style>
 body {

tests/wpt/mozilla/tests/css/percent_height.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='percent_height_ref.html'>
     <style type="text/css">
       .outer {
         background: red;

tests/wpt/mozilla/tests/css/percentage_height_float_a.html

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

tests/wpt/mozilla/tests/css/percentage_height_root.html

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

tests/wpt/mozilla/tests/css/percentage_width_inline_block_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='percentage_width_inline_block_ref.html'>
 <style>
 section {
     display: inline-block;

tests/wpt/mozilla/tests/css/png_rgba_colorspace_a.html

@@ -1,5 +1,6 @@
 <html>
 <head>
+<link rel='match' href='png_rgba_colorspace_b.html'>
 <title>Labyrinth was also a good movie because David Bowie and Muppets are cool</title>
 </head>
 <body>

tests/wpt/mozilla/tests/css/position_abs_cb_with_non_cb_kid_a.html

@@ -1,6 +1,7 @@
 <html>
   <title>Absolute Containing Blocks with an absolute child and a non-CB child which contains an absolute flow.</title>
   <head>
+    <link rel='match' href='position_abs_cb_with_non_cb_kid_b.html'>
     <style>
       .cb {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_height_width_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_height_width_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_left_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_left_b.html'>
     <style>
       body {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_margin_top_percentage_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_margin_top_percentage_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_nested_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_nested_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_pseudo_a.html

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

tests/wpt/mozilla/tests/css/position_abs_replaced_simple_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_replaced_simple_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_static_y_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_static_y_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_abs_width_percentage_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='position_abs_width_percentage_b.html'>
     <style>
       #first {
       position: relative;

tests/wpt/mozilla/tests/css/position_fixed_background_color_a.html

@@ -1,4 +1,5 @@
 <html>
+<link rel='match' href='position_fixed_background_color_b.html'>
 <body style="background:pink">
     <div style="position: fixed;">
     </div>

tests/wpt/mozilla/tests/css/position_fixed_overflow_a.html

@@ -1,4 +1,5 @@
 <html>
+<link rel='match' href='position_fixed_overflow_b.html'>
 <body>
     <div style="top: 5px; left: 5px; height: 5px; width: 5px; position: fixed;">
         <div style="height: 100px; width: 100px; background: black;"></div>

tests/wpt/mozilla/tests/css/position_relative_a.html

@@ -1,5 +1,6 @@
 <html>
 <head>
+<link rel='match' href='position_relative_b.html'>
 <title>
     today, weather is very cold.....
 </title>