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

tests/ref/basic.list

@@ -112,90 +112,35 @@ prefs:"layout.writing-mode.enabled" == iframe/size_attributes_vertical_writing_m
 == img_dynamic_remove.html img_dynamic_remove_ref.html
 == img_padding_a.html img_padding_b.html
 != img_simple.html img_simple_ref.html
-== img_size_a.html img_size_b.html
 == img_width_attribute_intrinsic_width_a.html img_width_attribute_intrinsic_width_ref.html
-== img_width_style_intrinsic_width_a.html img_width_style_intrinsic_width_ref.html
-== incremental_float_a.html incremental_float_ref.html
-== incremental_inline_layout_a.html incremental_inline_layout_ref.html
-== incremental_letter_spacing_a.html incremental_letter_spacing_ref.html
 == incremental_text_color_a.html incremental_text_color_ref.html
-== inline_absolute_hypothetical_clip_a.html inline_absolute_hypothetical_clip_ref.html
-== inline_absolute_out_of_flow_a.html inline_absolute_out_of_flow_ref.html
 != inline_background_a.html inline_background_ref.html
 == inline_block_baseline_a.html inline_block_baseline_ref.html
-== inline_block_block_direction_margins_a.html inline_block_block_direction_margins_ref.html
-== inline_block_border_a.html inline_block_border_ref.html
 == inline_block_border_intrinsic_size_a.html inline_block_border_intrinsic_size_ref.html
-== inline_block_img_a.html inline_block_img_ref.html
-== inline_block_margin_a.html inline_block_margin_ref.html
 == inline_block_margin_auto_a.html inline_block_margin_auto_ref.html
-== inline_block_margin_auto_zero_a.html inline_block_margin_auto_zero_ref.html
-== inline_block_min_width.html inline_block_min_width_ref.html
-== inline_block_overflow.html inline_block_overflow_ref.html
-== inline_block_overflow_hidden_a.html inline_block_overflow_hidden_ref.html
-== inline_block_parent_padding_a.html inline_block_parent_padding_ref.html
 == inline_block_parent_width.html inline_block_parent_width_ref.html
 == inline_block_parent_width_percentage.html inline_block_parent_width_ref.html
-== inline_block_percentage_height_a.html inline_block_percentage_height_ref.html
-== 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_hypothetical_box_a.html inline_hypothetical_box_ref.html
-== inline_margin_multiple_fragments_a.html inline_margin_multiple_fragments_ref.html
-== inline_margins_intrinsic_size_a.html inline_margins_intrinsic_size_ref.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_blackborder.html blackborder_ref.html
 == jpeg_normal.html jpeg_ref.html
 == jpeg_progressive.html jpeg_ref.html
-== last_child_pseudo_a.html last_child_pseudo_b.html
-== last_of_type_pseudo_a.html last_of_type_pseudo_b.html
 == legacy_cellspacing_attribute_a.html border_spacing_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
-== 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
-== line_height_float_placement_a.html line_height_float_placement_ref.html
 != linear_gradients_corners_a.html linear_gradients_corners_ref.html
-== linear_gradients_lengths_a.html linear_gradients_lengths_ref.html
-== linear_gradients_parsing_a.html linear_gradients_parsing_ref.html
-== linear_gradients_reverse_a.html linear_gradients_reverse_ref.html
 != linear_gradients_smoke_a.html linear_gradients_smoke_ref.html
-== linebreak_inline_span_a.html linebreak_inline_span_b.html
 flaky_cpu == linebreak_simple_a.html linebreak_simple_b.html
 # Fails intermittently (#3636)
 # == link_style_dynamic_addition.html link_style_dynamic_addition_ref.html
-== link_style_order.html link_style_order_ref.html
-== list_style_image_sizing_a.html list_style_image_sizing_ref.html
 == list_style_position_a.html list_style_position_ref.html
 != list_style_type_a.html list_style_type_ref.html
-== many_brs_a.html many_brs_ref.html
 == margin_a.html margin_b.html
-== margin_padding_inline_block_a.html margin_padding_inline_block_ref.html
-== margins_inside_floats_a.html margins_inside_floats_ref.html
 == marker_block_direction_placement_a.html marker_block_direction_placement_ref.html
-== max_width_float_simple_a.html max_width_float_simple_b.html
-== max_width_simple_a.html max_width_simple_b.html
-== min_max_height_a.html min_max_height_b.html
-== min_width_float_simple_a.html min_width_float_simple_b.html
-== min_width_simple_a.html min_width_simple_b.html
-== minimum_line_height_a.html minimum_line_height_b.html
-== mix_blend_mode_a.html mix_blend_mode_ref.html
-== multiple_css_class_a.html multiple_css_class_b.html
-== negative_margin_uncle_a.html negative_margin_uncle_b.html
-== negative_margins_a.html negative_margins_b.html
-== no-image.html no-image-ref.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_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

tests/wpt/mozilla/tests/css/img_size_a.html

@@ -1,5 +1,6 @@
 <html>
     <head>
+        <link rel='match' href='img_size_b.html'>
         <title>
             The winter is too cold for me...
         </title>

tests/wpt/mozilla/tests/css/img_width_style_intrinsic_width_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='img_width_style_intrinsic_width_ref.html'>
 </head>
 <body>
 <div style="float: left; background: red; height: 100px; overflow: hidden">

tests/wpt/mozilla/tests/css/incremental_float_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='incremental_float_ref.html'>
 <style>
 nav.floaty {
     float: left;

tests/wpt/mozilla/tests/css/incremental_inline_layout_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='incremental_inline_layout_ref.html'>
 <style>
 h1 {
     font-size: 72px;

tests/wpt/mozilla/tests/css/incremental_letter_spacing_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='incremental_letter_spacing_ref.html'>
     <meta charset="UTF-8">
     <title>Incremental layout letter-spacing test</title>
   </head>

tests/wpt/mozilla/tests/css/inline_absolute_hypothetical_clip_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='inline_absolute_hypothetical_clip_ref.html'>
 <style>
 body {
     margin: 16px;

tests/wpt/mozilla/tests/css/inline_absolute_out_of_flow_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='inline_absolute_out_of_flow_ref.html'>
 <style>
 #a {
     display: inline;

tests/wpt/mozilla/tests/css/inline_block_block_direction_margins_a.html

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

tests/wpt/mozilla/tests/css/inline_block_border_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='inline_block_border_ref.html'>
 <body>
 <div style="display: inline-block; border: solid black 1px; padding: 6px; height: 64px; width: 64px;"></div>
 </body>

tests/wpt/mozilla/tests/css/inline_block_img_a.html

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

tests/wpt/mozilla/tests/css/inline_block_margin_a.html

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

tests/wpt/mozilla/tests/css/inline_block_margin_auto_zero_a.html

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

tests/wpt/mozilla/tests/css/inline_block_min_width.html

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

tests/wpt/mozilla/tests/css/inline_block_overflow.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 <html>
+<link rel='match' href='inline_block_overflow_ref.html'>
 <body>
   a<span style="display: inline-block; overflow: hidden">b</span>
 </body>

tests/wpt/mozilla/tests/css/inline_block_overflow_hidden_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='inline_block_overflow_hidden_ref.html'>
 <body>
 <div style="display: inline-block; overflow: hidden">This should be visible</div>
 </body>

tests/wpt/mozilla/tests/css/inline_block_parent_padding_a.html

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

tests/wpt/mozilla/tests/css/inline_block_percentage_height_a.html

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

tests/wpt/mozilla/tests/css/inline_block_stacking_context_a.html

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

tests/wpt/mozilla/tests/css/inline_block_with_margin_a.html

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

tests/wpt/mozilla/tests/css/inline_hypothetical_box_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='inline_hypothetical_box_ref.html'>
 <style>
 .a {
     position: relative;

tests/wpt/mozilla/tests/css/inline_margin_multiple_fragments_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='inline_margin_multiple_fragments_ref.html'>
 <style>
 span {
     margin-left: 128px;

tests/wpt/mozilla/tests/css/inline_margins_intrinsic_size_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='inline_margins_intrinsic_size_ref.html'>
 <style>
 span {
     margin: 0 1em;

tests/wpt/mozilla/tests/css/inline_text_align_a.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='inline_text_align_b.html'>
     <style>
       .right {
         text-align: right;

tests/wpt/mozilla/tests/css/input_button_margins_a.html

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

tests/wpt/mozilla/tests/css/input_button_size_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='input_button_size_ref.html'>
 </head>
 <body>
 <input type=submit size=100 value=sumbit>

tests/wpt/mozilla/tests/css/last_child_pseudo_a.html

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

tests/wpt/mozilla/tests/css/last_of_type_pseudo_a.html

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

tests/wpt/mozilla/tests/css/li_absolute_containing_block_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='li_absolute_containing_block_ref.html'>
 <style>
 body {
     font-size: 64px;

tests/wpt/mozilla/tests/css/line_breaking_whitespace_collapse_a.html

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

tests/wpt/mozilla/tests/css/line_height_float_placement_a.html

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

tests/wpt/mozilla/tests/css/linear_gradients_lengths_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='linear_gradients_lengths_ref.html'>
 <!-- Tests that linear gradient lengths work. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/linear_gradients_parsing_a.html

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

tests/wpt/mozilla/tests/css/linear_gradients_reverse_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='linear_gradients_reverse_ref.html'>
 <!-- Tests that reversed linear gradients are equivalent. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/linebreak_inline_span_a.html

@@ -1,5 +1,6 @@
 <html>
 <head>
+<link rel='match' href='linebreak_inline_span_b.html'>
 <style type="text/css">
 * {
 	margin: 0px;

tests/wpt/mozilla/tests/css/link_style_order.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='link_style_order_ref.html'>
     <meta charset="utf-8">
     <title>link/style order test</title>
     <link rel="stylesheet" href="data:text/css,body{background:red;}">

tests/wpt/mozilla/tests/css/list_style_image_sizing_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='list_style_image_sizing_ref.html'>
 <!--
     Tests that the list style image doesn't get stretched vertically. It should be completely
     covered up by the black absolutely-positioned div.

tests/wpt/mozilla/tests/css/many_brs_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='many_brs_ref.html'>
 <body>
 Cupcakes<br>are<br>supremely<br>delicious.
 </body>

tests/wpt/mozilla/tests/css/margin_padding_inline_block_a.html

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

tests/wpt/mozilla/tests/css/margins_inside_floats_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='margins_inside_floats_ref.html'>
 <body>
 <div style="float: left;">
     <div style="margin-bottom: 64px;">Must be this tall</div>

tests/wpt/mozilla/tests/css/max_width_float_simple_a.html

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

tests/wpt/mozilla/tests/css/max_width_simple_a.html

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

tests/wpt/mozilla/tests/css/min_max_height_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='min_max_height_b.html'>
 <title>You see here a scroll labeled VE FORBRYDERNE.</title>
 <style>
 div {

tests/wpt/mozilla/tests/css/min_width_float_simple_a.html

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

tests/wpt/mozilla/tests/css/min_width_simple_a.html

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

tests/wpt/mozilla/tests/css/minimum_line_height_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='minimum_line_height_b.html'>
 <head>
 <style>
 #a {

tests/wpt/mozilla/tests/css/mix_blend_mode_a.html

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

tests/wpt/mozilla/tests/css/multiple_css_class_a.html

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

tests/wpt/mozilla/tests/css/negative_margin_uncle_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='negative_margin_uncle_b.html'>
 <title>You see here a scroll labeled KERNOD WEL.</title>
 <style>
 body {

tests/wpt/mozilla/tests/css/negative_margins_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='negative_margins_b.html'>
 <style>
 * {
     line-height: 14px;