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

tests/ref/basic.list

@@ -12,16 +12,6 @@ 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_collapse_simple_a.html border_collapse_simple_ref.html
-== border_radius_asymmetric_sizes_a.html border_radius_asymmetric_sizes_ref.html
-== border_radius_clip_a.html border_radius_clip_ref.html
-!= border_radius_dashed_a.html border_radius_dashed_ref.html
-== border_radius_elliptical_a.html border_radius_elliptical_ref.html
-== border_radius_overlapping_a.html border_radius_overlapping_ref.html
-== border_radius_shorthand_a.html border_radius_shorthand_ref.html
-== border_radius_zero_sizes_a.html border_radius_zero_sizes_ref.html
-== border_rounding_1px_invisible_issue_7184_a.html border_rounding_1px_invisible_issue_7184_ref.html
-== border_spacing_a.html border_spacing_ref.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

tests/wpt/mozilla/meta/MANIFEST.json

@@ -659,6 +659,126 @@
             "url": "/_mozilla/css/border_collapse_missing_cell_a.html"
           }
         ],
+        "css/border_collapse_simple_a.html": [
+          {
+            "path": "css/border_collapse_simple_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_collapse_simple_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_collapse_simple_a.html"
+          }
+        ],
+        "css/border_radius_asymmetric_sizes_a.html": [
+          {
+            "path": "css/border_radius_asymmetric_sizes_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_asymmetric_sizes_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_asymmetric_sizes_a.html"
+          }
+        ],
+        "css/border_radius_clip_a.html": [
+          {
+            "path": "css/border_radius_clip_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_clip_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_clip_a.html"
+          }
+        ],
+        "css/border_radius_dashed_a.html": [
+          {
+            "path": "css/border_radius_dashed_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_dashed_ref.html",
+                "!="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_dashed_a.html"
+          }
+        ],
+        "css/border_radius_elliptical_a.html": [
+          {
+            "path": "css/border_radius_elliptical_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_elliptical_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_elliptical_a.html"
+          }
+        ],
+        "css/border_radius_overlapping_a.html": [
+          {
+            "path": "css/border_radius_overlapping_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_overlapping_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_overlapping_a.html"
+          }
+        ],
+        "css/border_radius_shorthand_a.html": [
+          {
+            "path": "css/border_radius_shorthand_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_shorthand_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_shorthand_a.html"
+          }
+        ],
+        "css/border_radius_zero_sizes_a.html": [
+          {
+            "path": "css/border_radius_zero_sizes_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_radius_zero_sizes_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_radius_zero_sizes_a.html"
+          }
+        ],
+        "css/border_rounding_1px_invisible_issue_7184_a.html": [
+          {
+            "path": "css/border_rounding_1px_invisible_issue_7184_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_rounding_1px_invisible_issue_7184_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_rounding_1px_invisible_issue_7184_a.html"
+          }
+        ],
+        "css/border_spacing_a.html": [
+          {
+            "path": "css/border_spacing_a.html",
+            "references": [
+              [
+                "/_mozilla/css/border_spacing_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/border_spacing_a.html"
+          }
+        ],
         "css/class-namespaces.html": [
           {
             "path": "css/class-namespaces.html",
@@ -4380,6 +4500,126 @@
           "url": "/_mozilla/css/border_collapse_missing_cell_a.html"
         }
       ],
+      "css/border_collapse_simple_a.html": [
+        {
+          "path": "css/border_collapse_simple_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_collapse_simple_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_collapse_simple_a.html"
+        }
+      ],
+      "css/border_radius_asymmetric_sizes_a.html": [
+        {
+          "path": "css/border_radius_asymmetric_sizes_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_asymmetric_sizes_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_asymmetric_sizes_a.html"
+        }
+      ],
+      "css/border_radius_clip_a.html": [
+        {
+          "path": "css/border_radius_clip_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_clip_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_clip_a.html"
+        }
+      ],
+      "css/border_radius_dashed_a.html": [
+        {
+          "path": "css/border_radius_dashed_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_dashed_ref.html",
+              "!="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_dashed_a.html"
+        }
+      ],
+      "css/border_radius_elliptical_a.html": [
+        {
+          "path": "css/border_radius_elliptical_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_elliptical_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_elliptical_a.html"
+        }
+      ],
+      "css/border_radius_overlapping_a.html": [
+        {
+          "path": "css/border_radius_overlapping_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_overlapping_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_overlapping_a.html"
+        }
+      ],
+      "css/border_radius_shorthand_a.html": [
+        {
+          "path": "css/border_radius_shorthand_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_shorthand_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_shorthand_a.html"
+        }
+      ],
+      "css/border_radius_zero_sizes_a.html": [
+        {
+          "path": "css/border_radius_zero_sizes_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_radius_zero_sizes_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_radius_zero_sizes_a.html"
+        }
+      ],
+      "css/border_rounding_1px_invisible_issue_7184_a.html": [
+        {
+          "path": "css/border_rounding_1px_invisible_issue_7184_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_rounding_1px_invisible_issue_7184_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_rounding_1px_invisible_issue_7184_a.html"
+        }
+      ],
+      "css/border_spacing_a.html": [
+        {
+          "path": "css/border_spacing_a.html",
+          "references": [
+            [
+              "/_mozilla/css/border_spacing_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/border_spacing_a.html"
+        }
+      ],
       "css/class-namespaces.html": [
         {
           "path": "css/class-namespaces.html",
@@ -6882,4 +7122,4 @@
   "rev": null,
   "url_base": "/_mozilla/",
   "version": 2
-}
+}

tests/wpt/mozilla/tests/css/border_collapse_simple_a.html

@@ -9,6 +9,7 @@
     don't correctly handle collapsed borders when calculating `table_border_padding` in
     `table_wrapper.rs`.
 -->
+<link rel=match href=border_collapse_simple_ref.html>
 <style>
 html, body {
     margin: 0;

tests/wpt/mozilla/tests/css/border_radius_asymmetric_sizes_a.html

@@ -3,6 +3,7 @@
     <head>
         <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
         <meta content="utf-8" http-equiv="encoding">
+        <link rel=match href=border_radius_asymmetric_sizes_ref.html>
         <style type="text/css">
          div.box {
              background: white;

tests/wpt/mozilla/tests/css/border_radius_clip_a.html

@@ -2,6 +2,7 @@
 <html>
 <head>
 <!-- Tests that `border-radius` causes the background to be clipped around the corners. -->
+<link rel=match href=border_radius_clip_ref.html>
 <style>
 main {
     display: block;

tests/wpt/mozilla/tests/css/border_radius_dashed_a.html

@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<link rel=mismatch href=border_radius_dashed_ref.html>
 <style>
 section {
     border: dashed red 3px;

tests/wpt/mozilla/tests/css/border_radius_elliptical_a.html

@@ -3,6 +3,7 @@
     <head>
         <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
         <meta content="utf-8" http-equiv="encoding">
+        <link rel=match href=border_radius_elliptical_ref.html>
         <style type="text/css">
          div.box {
              background: white;

tests/wpt/mozilla/tests/css/border_radius_overlapping_a.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+    <link rel=match href=border_radius_overlapping_ref.html>
     <body>
         <div style='box-sizing:border-box; width:6em; height:2em; border-radius:.5em 2em .5em 2em; background-color:red;'></div>
     </body>

tests/wpt/mozilla/tests/css/border_radius_shorthand_a.html

@@ -3,6 +3,7 @@
     <head>
         <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
         <meta content="utf-8" http-equiv="encoding">
+        <link rel=match href=border_radius_shorthand_ref.html>
         <style type="text/css">
          div.box {
              background: white;

tests/wpt/mozilla/tests/css/border_radius_zero_sizes_a.html

@@ -1,5 +1,6 @@
 <html>
     <head>
+        <link rel=match href=border_radius_zero_sizes_ref.html>
     </head>
     <body>
         <div style="border-top: 20px solid black; border-radius: 5px"></div>

tests/wpt/mozilla/tests/css/border_rounding_1px_invisible_issue_7184_a.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link rel=match href=border_rounding_1px_invisible_issue_7184_ref.html>
         <style type="text/css">
          .onyx {
              color: white;

tests/wpt/mozilla/tests/css/border_spacing_a.html

@@ -2,6 +2,7 @@
 <html>
 <head>
 <!-- Tests that `border-spacing` works. -->
+<link rel=match href=border_spacing_ref.html>
 <style>
 body, html {
     margin: 0;

tests/wpt/mozilla/tests/css/border_spacing_ref.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<!-- Tests that `border-spacing` works. -->
+<style>
+div {
+    background: blue;
+    position: absolute;
+    height: 32px;
+}
+#a, #c {
+    width: 32px;
+}
+#b, #d {
+    width: 64px;
+}
+#a, #b {
+    top: 6px;
+}
+#c, #d {
+    top: 44px;
+}
+#a, #c {
+    left: 6px;
+}
+#b, #d {
+    left: 44px;
+}
+</style>
+</head>
+<body>
+<div id=a></div>
+<div id=b></div>
+<div id=c></div>
+<div id=d></div>
+</body>
+</html>
+
+