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

tests/ref/basic.list

@@ -9,69 +9,23 @@
 # Should be == with expected failure:
 fragment=top != ../html/acid2.html acid2_ref.html
 
-== acid1_a.html acid1_b.html
 == acid2_noscroll.html acid2_ref_broken.html
 flaky_cpu == append_style_a.html append_style_b.html
 == border_spacing_auto_layout_a.html border_spacing_ref.html
-== border_spacing_empty_table.html border_spacing_empty_table_ref.html
 == border_spacing_fixed_layout_a.html border_spacing_ref.html
-== border_style_none_a.html border_style_none_b.html
 == borders_a.html borders_b.html
-== box_shadow_bg.html box_shadow_bg_ref.html
 != box_shadow_blur_a.html box_shadow_blur_ref.html
-== box_shadow_border_box_a.html box_shadow_border_box_ref.html
 == box_shadow_default_color_a.html box_shadow_default_color_ref.html
 == box_shadow_inset_a.html box_shadow_inset_ref.html
-== box_shadow_inset_bg.html box_shadow_inset_bg_ref.html
 == box_shadow_inset_parsing_a.html box_shadow_inset_parsing_ref.html
-== box_shadow_paint_order_a.html box_shadow_paint_order_ref.html
 == box_shadow_spread_a.html box_shadow_spread_ref.html
-== box_sizing_border_box_a.html box_sizing_border_box_ref.html
-== box_sizing_sanity_check_a.html box_sizing_sanity_check_ref.html
-== br.html br-ref.html
-== calc-basic.html calc-basic-ref.html
-== canvas_as_block_element_a.html canvas_as_block_element_ref.html
-== canvas_linear_gradient_a.html canvas_linear_gradient_ref.html
 == canvas_radial_gradient_a.html canvas_radial_gradient_ref.html
-== case-insensitive-font-family.html case-insensitive-font-family-ref.html
-== clear_generated_content_table_a.html clear_generated_content_table_ref.html
-== clip_a.html clip_ref.html
-== counters_nested_a.html counters_nested_ref.html
-== counters_simple_a.html counters_simple_ref.html
-== data_img_a.html data_img_b.html
-== empty_cells_a.html empty_cells_ref.html
-== external_media_query_link.html external_media_query_ref.html
-== external_media_query_style.html external_media_query_ref.html
-== filter_inline_a.html filter_inline_ref.html
-== filter_opacity_a.html filter_opacity_ref.html
-== filter_sepia_a.html filter_sepia_ref.html
-== first_child_pseudo_a.html first_child_pseudo_b.html
-== first_of_type_pseudo_a.html first_of_type_pseudo_b.html
 == fixed_width_overrides_child_intrinsic_width_a.html fixed_width_overrides_child_intrinsic_width_ref.html
 prefs:"layout.flex-direction.enabled,layout.flex.enabled" == flex_column_direction.html flex_column_direction_ref.html
 prefs:"layout.flex.enabled" == flex_row_direction.html flex_row_direction_ref.html
-== float_clearance_a.html float_clearance_ref.html
-== float_clearance_intrinsic_width_a.html float_clearance_intrinsic_width_ref.html
-== float_intrinsic_height.html float_intrinsic_height_ref.html
-== float_intrinsic_width_a.html float_intrinsic_width_ref.html
-== float_overflow_area_a.html float_overflow_area_ref.html
-== float_positioned_pseudo_stacking_context.html float_positioned_pseudo_stacking_context_ref.html
-== float_right_intrinsic_width_a.html float_right_intrinsic_width_ref.html
-== float_table_a.html float_table_ref.html
-== float_under_top_margin_a.html float_under_top_margin_ref.html
-== floated_generated_content_a.html floated_generated_content_b.html
-== floated_list_item_a.html floated_list_item_ref.html
 == floated_negative_margins_a.html floated_negative_margins_ref.html
-== floated_table_with_margin_a.html floated_table_with_margin_ref.html
-== focus_selector.html focus_selector_ref.html
-== font_advance.html font_advance_ref.html
-== font_color_attribute_a.html font_color_attribute_ref.html
-== font_face_attribute.html font_face_attribute_ref.html
 == font_size.html font_size_ref.html
-== font_style.html font_style_ref.html
-== height_compute_reset.html height_compute.html
 # `?` and `#` in the name is a test for https://github.com/servo/servo/issues/3340
-== hide_after_create.html hide_after_create_ref.html
 
 == iframe/bg_color.html iframe/bg_color_ref.html
 == iframe/hide_after_load.html iframe/hide_after_load_ref.html
@@ -96,17 +50,10 @@ prefs:"layout.writing-mode.enabled" == iframe/size_attributes_vertical_writing_m
 
 != image_rendering_auto_a.html image_rendering_pixelated_a.html
 == image_rendering_pixelated_a.html image_rendering_pixelated_ref.html
-== img_block_display_a.html img_block_display_ref.html
 == img_block_maxwidth_a.html img_block_maxwidth_ref.html
 == img_block_maxwidth_b.html img_block_maxwidth_ref.html
-== 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_width_attribute_intrinsic_width_a.html img_width_attribute_intrinsic_width_ref.html
-== incremental_text_color_a.html incremental_text_color_ref.html
 != inline_background_a.html inline_background_ref.html
-== inline_block_baseline_a.html inline_block_baseline_ref.html
-== inline_block_border_intrinsic_size_a.html inline_block_border_intrinsic_size_ref.html
 == inline_block_margin_auto_a.html inline_block_margin_auto_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

tests/ref/case-insensitive-font-family.html

@@ -1 +0,0 @@
-<div style="font-family: arial">Hello, world!</div>

tests/ref/img_padding_a.html

@@ -1,6 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <body>
-        <img src="../html/rust-0.png" style='padding-top: 100px; border: 1px solid black; position:relative; height: 206px; width: 206px; left:0px; top: 0px;'>
-    </body>
-</html>

tests/ref/img_padding_b.html

@@ -1,6 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <body>
-        <img src="../html/rust-0.png" style='padding-top: 100px; border: 1px solid black;'>
-    </body>
-</html>

tests/wpt/mozilla/tests/css/acid1_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 <html><head>
+<link rel='match' href='acid1_b.html'>
 <meta http-equiv="content-type" content="text/html; charset=windows-1252">
 		<title>
 			 display/box/float/clear test 

tests/wpt/mozilla/tests/css/border_spacing_empty_table.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel='match' href='border_spacing_empty_table_ref.html'>
     <meta charset="UTF-8">
     <style>
       body {

tests/wpt/mozilla/tests/css/border_style_none_a.html

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

tests/wpt/mozilla/tests/css/box_shadow_bg.html

@@ -1,3 +1,4 @@
+<link rel='match' href='box_shadow_bg_ref.html'>
 <div></div>
 
 <style>

tests/wpt/mozilla/tests/css/box_shadow_border_box_a.html

@@ -1,4 +1,5 @@
 <head>
+<link rel='match' href='box_shadow_border_box_ref.html'>
 <!-- Tests that the entire border-box is shadowed, not just the content box. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/box_shadow_inset_bg.html

@@ -1,3 +1,4 @@
+<link rel='match' href='box_shadow_inset_bg_ref.html'>
 <div></div>
 
 <style>

tests/wpt/mozilla/tests/css/box_shadow_paint_order_a.html

@@ -1,4 +1,5 @@
 <head>
+<link rel='match' href='box_shadow_paint_order_ref.html'>
 <!-- Tests paint order of multiple box shadows. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/box_sizing_border_box_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='box_sizing_border_box_ref.html'>
 <body>
 <div style="width: 256px; height: 256px; background: purple; border: 8px solid blue; box-sizing: border-box;"></div>
 <div style="width: 240px; height: 240px; background: purple; border: 8px solid blue;"></div>

tests/wpt/mozilla/tests/css/box_sizing_sanity_check_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<link rel='match' href='box_sizing_sanity_check_ref.html'>
 <body>
 <div style="box-sizing: border-box; float: left; background: yellow;">Heeheehee</div>
 </body>

tests/wpt/mozilla/tests/css/br.html

@@ -1,6 +1,7 @@
 <!doctype HTML>
 <html>
   <head>
+    <link rel='match' href='br-ref.html'>
     <meta charset="UTF-8">
     <title>br test</title>
   </head>

tests/wpt/mozilla/tests/css/calc-basic.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel='match' href='calc-basic-ref.html'>
 <div id="outer">
   <div id="inner">
   </div>

tests/wpt/mozilla/tests/css/canvas_as_block_element_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel='match' href='canvas_as_block_element_ref.html'>
   <meta charset="utf-8">
   <style>
     html, body {

tests/wpt/mozilla/tests/css/canvas_linear_gradient_a.html

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

tests/wpt/mozilla/tests/css/case-insensitive-font-family.html

@@ -0,0 +1,2 @@
+<link rel='match' href='case-insensitive-font-family-ref.html'>
+<div style="font-family: arial">Hello, world!</div>

tests/wpt/mozilla/tests/css/clear_generated_content_table_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='clear_generated_content_table_ref.html'>
 <style>
 .clearit:after {
     content: "";

tests/wpt/mozilla/tests/css/clip_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='clip_ref.html'>
 <!-- Tests that various `clip` values per CSS 2.1 work. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/counters_nested_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='counters_nested_ref.html'>
 <!-- Tests that `counters` works with nested counters. -->
 <style>
 section {

tests/wpt/mozilla/tests/css/counters_simple_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='counters_simple_ref.html'>
 <!-- Tests that `counter` works. -->
 <style>
 h1, h2, h3 {

tests/wpt/mozilla/tests/css/data_img_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='data_img_b.html'>
 <meta charset="UTF-8" />
 </head>
 <body>

tests/wpt/mozilla/tests/css/empty_cells_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='empty_cells_ref.html'>
 <!-- Tests that `empty-cells` works—in particular, that the definition of emptiness is correct. -->
 <style>
 table {

tests/wpt/mozilla/tests/css/external_media_query_link.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='external_media_query_ref.html'>
     <link rel="stylesheet" type="text/css" href="css/displaynone.css" media="print">
   </head>
   <body>

tests/wpt/mozilla/tests/css/external_media_query_style.html

@@ -1,5 +1,6 @@
 <html>
   <head>
+    <link rel='match' href='external_media_query_ref.html'>
     <style type="text/css" media="print">
       body {
         display: none;

tests/wpt/mozilla/tests/css/filter_inline_a.html

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

tests/wpt/mozilla/tests/css/filter_opacity_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='filter_opacity_ref.html'>
 <style>
 img {
     filter: opacity(0.5);

tests/wpt/mozilla/tests/css/filter_sepia_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='filter_sepia_ref.html'>
 <style>
 section {
     filter: sepia(100%);

tests/wpt/mozilla/tests/css/first_child_pseudo_a.html

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

tests/wpt/mozilla/tests/css/first_of_type_pseudo_a.html

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

tests/wpt/mozilla/tests/css/float_clearance_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <link rel='match' href='float_clearance_ref.html'>
 </head>
 <body>
     <div style="width: 256px;">

tests/wpt/mozilla/tests/css/float_clearance_intrinsic_width_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='float_clearance_intrinsic_width_ref.html'>
 <style>
 #nav-your-account {
 	background: lightblue;

tests/wpt/mozilla/tests/css/float_intrinsic_height.html

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

tests/wpt/mozilla/tests/css/float_intrinsic_width_a.html

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

tests/wpt/mozilla/tests/css/float_overflow_area_a.html

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

tests/wpt/mozilla/tests/css/float_positioned_pseudo_stacking_context.html

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

tests/wpt/mozilla/tests/css/float_right_intrinsic_width_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link rel='match' href='float_right_intrinsic_width_ref.html'>
         <style type="text/css">
             .fr {
                 float: right;

tests/wpt/mozilla/tests/css/float_table_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link rel='match' href='float_table_ref.html'>
         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
         <meta charset="UTF-8">
         <style type="text/css">

tests/wpt/mozilla/tests/css/float_under_top_margin_a.html

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

tests/wpt/mozilla/tests/css/floated_generated_content_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='floated_generated_content_b.html'>
 <style>
 .stand:before {
     content: "";

tests/wpt/mozilla/tests/css/floated_list_item_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='floated_list_item_ref.html'>
 <!-- Tests that list items can be floated. -->
 <style>
 ul div {

tests/wpt/mozilla/tests/css/floated_table_with_margin_a.html

@@ -2,6 +2,7 @@
 
 <html>
 <head>
+    <link rel='match' href='floated_table_with_margin_ref.html'>
     <title>Rust - Wikipedia, the free encyclopedia</title>
     <style>
         body {

tests/wpt/mozilla/tests/css/focus_selector.html

@@ -1,6 +1,7 @@
 <!doctype html>
 <html>
   <head>
+    <link rel='match' href='focus_selector_ref.html'>
     <meta charset="UTF-8">
     <style>
       input:focus {

tests/wpt/mozilla/tests/css/font_advance.html

@@ -1,2 +1,3 @@
+<link rel='match' href='font_advance_ref.html'>
 <!-- Not a reftest, but a crashtest for #4614 -->
 a<div id="test" style="font-size: 100000px">Hello world</div>

tests/wpt/mozilla/tests/css/font_color_attribute_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='font_color_attribute_ref.html'>
 </head>
 <body>
 <p><font color=blue>Servo</font></p>

tests/wpt/mozilla/tests/css/font_face_attribute.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel='match' href='font_face_attribute_ref.html'>
 </head>
 <body>
 <p><font face=monospace>Servo</font></p>

tests/wpt/mozilla/tests/css/font_style.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link rel='match' href='font_style_ref.html'>
 <style>
 p.normal {
     font-style: normal;

tests/wpt/mozilla/tests/css/height_compute_reset.html

@@ -1,5 +1,6 @@
 <head>
 <link rel="stylesheet" href="reset.css" />
+<link rel='match' href='height_compute.html'>
 <style type="text/css">
 .start {background-color : gray; height : 600px}
 .half {background-color : red; height : 50%}

tests/wpt/mozilla/tests/css/hide_after_create.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
+  <link rel='match' href='hide_after_create_ref.html'>
 	<style type="text/css">
 		.hidden {
 			display: none;

tests/wpt/mozilla/tests/css/img_block_display_a.html

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