Bug 1531007 [wpt PR 15523] - Reftest cleanup, a=testonly
authorSam Sneddon <me@gsnedders.com>
Wed, 06 Mar 2019 16:52:04 +0000
changeset 464678 ebf53d1ec11d
parent 464677 7e9b2ef12e6d
child 464679 06c5039e02e9
push id35717
push useraciure@mozilla.com
push dateSun, 17 Mar 2019 09:45:26 +0000
treeherdermozilla-central@e0861be8d6c0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1531007, 15523
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1531007 [wpt PR 15523] - Reftest cleanup, a=testonly Automatic update from web-platform-tests Move some references out of support directories See #5843 -- Get rid of reftest/, standardize on reference/ -- Rewrite a lot of the border-*-radius tests These previously formed reftest cycles which means they either didn't get run or didn't clearly test either thing. Given what we have visual tests for, it seems more meaningful to just restrict these tests to testing percentages. Fixes https://github.com/web-platform-tests/wpt/issues/5492. -- Give css/css-backgrounds/border-image-6.html a real ref The current ref is just an image of roughly what it should look like, which isn't at all useful as a reftest (which needs pixel-for-pixel equivalence). -- Get rid of broken reftest, replaced with simple JS test Using an image as a reference is almost certain to never work. -- Make various transform3d tests have sane reference graphs These seem to have been written under the assumption that multiple <link rel=match> links formed multiple required matches rather than alternates. -- Fix text-indent-wrap-001 to have a single reference This seems to have assumed multiple refs were AND, not OR. -- wpt-commits: 8d2a5d9ee6e10577da1342bedc1d64bba9799e94, 29f50c937e8be8ccf73dbb8b8e74f0668a1cd426, b855a6d58fa3d9cf36b128e645091e8dd6d50464, 74c9fbb2d655638bc4079636dfc420bde4d94c6c, 8f61bf97d0ab9e47081f4dd068c0f7e72dabb862, b26ec10a9e9d769a20e9959bb90d1ec904f458e8, 7748ad90a13a51a3f74436295869b2f253f98e8a wpt-pr: 15523
testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht
testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht
testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-003.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-004-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-004.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-005-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-005.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-006.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-007.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-008.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-009.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-003.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-004-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-004.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-005-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-005.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-006.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-007.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-008.xht
testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-009.xht
testing/web-platform/tests/css/css-backgrounds/border-image-5.html
testing/web-platform/tests/css/css-backgrounds/border-image-6-ref.html
testing/web-platform/tests/css/css-backgrounds/border-image-6.html
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-003.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-004-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-004.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-005-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-005.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-006.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-007.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-008.xht
testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-009.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-003.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-004-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-004.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-005-ref.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-005.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-006.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-007.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-008.xht
testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-009.xht
testing/web-platform/tests/css/css-backgrounds/parsing/border-image-slice-invalid.html
testing/web-platform/tests/css/css-backgrounds/support/reftest-border-image-5.png
testing/web-platform/tests/css/css-images/multiple-position-color-stop-conic.html
testing/web-platform/tests/css/css-images/multiple-position-color-stop-linear.html
testing/web-platform/tests/css/css-images/multiple-position-color-stop-radial.html
testing/web-platform/tests/css/css-images/reference/100x100-blue-green.html
testing/web-platform/tests/css/css-images/support/100x100-blue-green.html
testing/web-platform/tests/css/css-namespaces/prefix-001.xml
testing/web-platform/tests/css/css-namespaces/prefix-002.xml
testing/web-platform/tests/css/css-namespaces/prefix-003.xml
testing/web-platform/tests/css/css-namespaces/prefix-004.xml
testing/web-platform/tests/css/css-namespaces/prefix-005.xml
testing/web-platform/tests/css/css-namespaces/prefix-006.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1-block.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1-generic.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-2-generic.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-2.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-3.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-5.xml
testing/web-platform/tests/css/css-namespaces/reference/ref-lime-6.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1-block.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1-generic.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-2-generic.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-2.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-3.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-5.xml
testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-6.xml
testing/web-platform/tests/css/css-namespaces/scope-001.xml
testing/web-platform/tests/css/css-namespaces/scope-002.xml
testing/web-platform/tests/css/css-namespaces/syntax-001.xml
testing/web-platform/tests/css/css-namespaces/syntax-002.xml
testing/web-platform/tests/css/css-namespaces/syntax-003.xml
testing/web-platform/tests/css/css-namespaces/syntax-004.xml
testing/web-platform/tests/css/css-namespaces/syntax-005.xml
testing/web-platform/tests/css/css-namespaces/syntax-006.xml
testing/web-platform/tests/css/css-namespaces/syntax-007.xml
testing/web-platform/tests/css/css-namespaces/syntax-008.xml
testing/web-platform/tests/css/css-namespaces/syntax-009.xml
testing/web-platform/tests/css/css-namespaces/syntax-010.xml
testing/web-platform/tests/css/css-namespaces/syntax-011.xml
testing/web-platform/tests/css/css-namespaces/syntax-012.xml
testing/web-platform/tests/css/css-namespaces/syntax-013.xml
testing/web-platform/tests/css/css-namespaces/syntax-014.xml
testing/web-platform/tests/css/css-namespaces/syntax-015.xml
testing/web-platform/tests/css/css-transforms/reference/transform-3d-rotateY-stair-above-ref-001.xht
testing/web-platform/tests/css/css-transforms/reference/transform-applies-to-001-ref.xht
testing/web-platform/tests/css/css-transforms/reference/transform-applies-to-002-ref.xht
testing/web-platform/tests/css/css-transforms/reference/transform-origin-01-ref.html
testing/web-platform/tests/css/css-transforms/reftest/transform-3d-rotateY-stair-above-ref-001.xht
testing/web-platform/tests/css/css-transforms/reftest/transform-applies-to-001-ref.xht
testing/web-platform/tests/css/css-transforms/reftest/transform-applies-to-002-ref.xht
testing/web-platform/tests/css/css-transforms/reftest/transform-origin-01-ref.html
testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-above-001.xht
testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-below-001.xht
testing/web-platform/tests/css/css-transforms/transform-applies-to-001.xht
testing/web-platform/tests/css/css-transforms/transform-applies-to-002.xht
testing/web-platform/tests/css/css-transforms/transform-box/fill-box-mutation.html
testing/web-platform/tests/css/css-transforms/transform-box/fill-box.html
testing/web-platform/tests/css/css-transforms/transform-box/reference/greensquare200x200.html
testing/web-platform/tests/css/css-transforms/transform-box/support/greensquare200x200.html
testing/web-platform/tests/css/css-transforms/transform-box/value-changed.html
testing/web-platform/tests/css/css-transforms/transform-box/view-box-mutation.html
testing/web-platform/tests/css/css-transforms/transform-box/view-box-nested.html
testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox-nested.html
testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox.html
testing/web-platform/tests/css/css-transforms/transform-box/view-box.html
testing/web-platform/tests/css/css-transforms/transform-origin-01.html
testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-001.html
testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-ref.html
testing/web-platform/tests/css/css-transforms/transform3d-rotate3d-001.html
testing/web-platform/tests/css/css-transforms/transform3d-rotatex-001.html
testing/web-platform/tests/css/css-transforms/transform3d-rotatex-perspective-002.html
testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-lr-002-ref.xht
testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-rl-001-ref.xht
testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-rl-002-ref.xht
testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-lr-002-ref.xht
testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-rl-001-ref.xht
testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-rl-002-ref.xht
testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-lr-002.xht
testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-001.xht
testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-002.xht
testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units-inline-style.svg
testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units.svg
testing/web-platform/tests/svg/embedded/reference/green-rect-100x100.svg
testing/web-platform/tests/svg/embedded/support/green-rect-100x100.svg
testing/web-platform/tests/svg/shapes/reftests/disabled-shapes-01.svg
testing/web-platform/tests/svg/shapes/reftests/reference/empty.svg
testing/web-platform/tests/svg/shapes/reftests/support/empty.svg
testing/web-platform/tests/tools/manifest/sourcefile.py
--- a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht
@@ -1,12 +1,13 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
 <title>CSS Reftest Reference</title>
 <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+<link rel="mismatch" href="text-indent-wrap-001-ref-inline-margin.xht"/>
 <meta name="flags" content="" />
 <style type="text/css">
 p { margin-left: 100px }
 span { background: yellow }
 </style>
 </head>
 <body>
 <p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
--- a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht
@@ -1,13 +1,13 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
 <title>CSS Reftest Reference</title>
 <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
-<link rel="match" href="text-indent-wrap-001-ref-inline-margin.xht"/>
+<link rel="mismatch" href="text-indent-wrap-001-notref-block-margin.xht"/>
 <meta name="flags" content="" />
 <style type="text/css">
 i { float: left; height: 0.3em; width: 100px; }
 span { background: yellow }
 </style>
 </head>
 <body>
 <p><i></i><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
--- a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht
+++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht
@@ -1,18 +1,17 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
 <title>CSS Test: text-indent test (multiple-line)</title>
 <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" />
 <link rel="match" href="text-indent-wrap-001-ref-inline-margin.xht"/>
-<link rel="mismatch" href="text-indent-wrap-001-notref-block-margin.xht"/>
 <meta name="flags" content="" />
 <style type="text/css">
 p { text-indent: 100px }
 span { background: yellow }
 </style>
 </head>
 <body>
 <p><span>This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.  This is a long piece of text that will wrap to multiple lines.</span></p>
 
 
-</body></html>
\ No newline at end of file
+</body></html>
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-003.xht
+++ /dev/null
@@ -1,64 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using two length values: 40px 20px</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-004.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to two length values, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-			{
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 40px 20px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 20px";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-004-ref.xht
@@ -0,0 +1,23 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-bottom-left-radius: 48px 28px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-left-radius: 48px 28px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-left-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
+
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-004.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-004.xht
@@ -1,64 +1,25 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using one percentage value: 20%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-003.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to percentage value, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 20%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
+  <head>
+    <title>border-bottom-left-radius using one percentage</title>
+    <link rel="match" href="border-bottom-left-radius-004-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20%";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-       </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-left-radius: 20%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-left-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
 
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-005-ref.xht
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-bottom-left-radius: 48px 14px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-left-radius: 48px 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-left-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-005.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-005.xht
@@ -1,63 +1,24 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using two percentage values: 20% 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-006.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to two precentage value, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 20% 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
+  <head>
+    <title>border-bottom-left-radius using two percentages</title>
+    <link rel="match" href="border-bottom-left-radius-005-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 30%";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-left-radius: 20% 10%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-left-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-006.xht
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using two values: 40px 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-005.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to two values in different unit, works fine" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-           {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 40px 30%;
-        	}
-        /* ]]> */
-      </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 30%";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-007.xht
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using two values: 20% 25px</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-009.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to two values in different unit, works fine" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 20% 25px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-       </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-008.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using two values: 4em 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-left-radius property set to two values in different units, works fine" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: 4em 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "64px 30%";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-left-radius-009.xht
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-left-radius using &quot;inherit&quot;</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-left-radius-007.xht" />
-       <meta name="flags" content="" />
-        <meta name="assert" content="To verify if inherit feature works, when assigned to border-bottom-left-radius" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	body
-        	{
-        		border-bottom-left-radius: 20% 25px;
-        	}
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-left-radius: inherit;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom left corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-bottom-left-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-003.xht
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using two length values: 40px 20px</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-004.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set with two length values, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 40px 20px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	 <p>
-			There should be a box with a rounded bottom right corner.
-		 </p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 20px";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-       </script>
--->
-    </body>
-</html>
-
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-004-ref.xht
@@ -0,0 +1,23 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-bottom-right-radius: 48px 28px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-right-radius: 48px 28px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-right-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
+
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-004.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-004.xht
@@ -1,63 +1,25 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using one percentage value: 20%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-003.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set with one percentage value, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 20%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
+  <head>
+    <title>border-bottom-right-radius using one percentage</title>
+    <link rel="match" href="border-bottom-right-radius-004-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20%";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-right-radius: 20%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-right-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
 
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-005-ref.xht
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-bottom-right-radius: 48px 14px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-right-radius: 48px 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-right-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-005.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-005.xht
@@ -1,63 +1,24 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using two percentage value: 20% 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-006.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set with two percentage value works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 20% 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
+  <head>
+    <title>border-bottom-right-radius using two percentages</title>
+    <link rel="match" href="border-bottom-right-radius-005-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 30%";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-bottom-right-radius: 20% 10%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-bottom-right-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-006.xht
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using two value: 40px 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-005.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set to two value with different unit, works as expected"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 40px 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 30%";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-007.xht
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using two value: 20% 25px</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-009.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set to two value with different unit, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 20% 25px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-008.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using two values: 4em 30%</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify border-bottom-right-radius property set to two values with different units, works as expected" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: 4em 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "64px 30%";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-bottom-right-radius-009.xht
+++ /dev/null
@@ -1,67 +0,0 @@
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-bottom-right-radius using &quot;inherit&quot;</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<meta http-equiv="Content-Style-Type" content="text/css" />
-        <meta http-equiv="Content-Script-Type" content="text/javascript" />
-        <link rel="author" title="Nokia" href="http://www.nokia.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius" />
-        <link rel="match" href="border-bottom-right-radius-007.xht" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="To verify if inherit feature works, when assigned to &quot;border&ndash;bottom&ndash;right&ndash;radius&quot; property" />
-        <style type="text/css">
-        /* <![CDATA[ */
-        	body
-        	{
-        		border-bottom-right-radius: 20% 25px;
-        	}
-        	div
-            {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-bottom-right-radius: inherit;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-    	<p>
-			There should be a box with a rounded bottom right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-				<ul>
-					<li>PASS if only bottom right corner is rounded.</li>
-					<li>FAIL if the output is not as expected.</li>
-				</ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-bottom-right-radius", expectedBorderRadius);
-
-        	// if (testResult.pass)
-        	  /* This portion of the code has been removed to ensure that the test case is not automated */
-        	// else
-        		/* This portion of the code has been removed to ensure that the test case is not automated */
-
-
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-
-        /* ]]> */
-       </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-image-5.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <title>
-        CSS Border and Background: border-image #5 border-image-slice
-    </title>
-    <meta name="assert" content="Negative values for the the border-image-slice property should not be supported" />
-
-    <link rel="author" title="Jérémie Patonnier" href="mailto:jeremie@patonnier.net" / >
-
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-slice">
-
-    <link rel="match" href="support/reftest-border-image-5.png" />
-
-    <style type="text/css">
-
-        #filler {
-            background-color : #009900;
-            width : 40px;
-            height: 40px;
-        }
-
-        #test {
-            border : 10px solid red;
-            width  : 40px;
-            height : 40px;
-
-            border-image-source: url(support/img-ref-1.png);
-            border-image-slice : -10;
-        }
-
-    </style>
-
-</head>
-<body>
-
-    <p>
-        Pass if the green square have smaller green squares at its corners and <strong>no</strong> red.
-    </p>
-
-    <div id="test">
-        <div id="filler"></div>
-    </div>
-
-</body>
-</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-image-6-ref.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>border-image-6-ref</title>
+
+    <style type="text/css">
+      #container {
+          position: relative;
+
+          width: 60px;
+          height: 60px;
+      }
+
+      #filler {
+          position: absolute;
+          top: 10px;
+          left: 10px;
+
+          width: 40px;
+          height: 40px;
+
+          background-color: #090;
+      }
+
+      .small {
+          position: absolute;
+
+          width: 10px;
+          height: 10px;
+
+          /* orange appears here to make it super-clear if this doesn't load */
+          background: url(support/img-ref-1.png) orange;
+      }
+
+      .small.top {
+          top: 0;
+      }
+
+      .small.bottom {
+          bottom: 0;
+      }
+
+      .small.left {
+          left: 0;
+      }
+
+      .small.right {
+          right: 0;
+      }
+    </style>
+
+  </head>
+  <body>
+
+    <p>
+      Pass if the green square have smaller green squares at its corners and <strong>no</strong> red borders.
+    </p>
+
+    <div id="container">
+      <div id="filler"></div>
+      <div class="small top left"></div>
+      <div class="small top right"></div>
+      <div class="small bottom left"></div>
+      <div class="small bottom right"></div>
+    </div>
+
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-image-6.html
+++ b/testing/web-platform/tests/css/css-backgrounds/border-image-6.html
@@ -6,17 +6,17 @@
         CSS Border and Background: border-image #6 border-image-slice
     </title>
     <meta name="assert" content="The border-image-slice property default value is 100%" />
 
     <link rel="author" title="Jérémie Patonnier" href="mailto:jeremie@patonnier.net" / >
 
     <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-slice">
 
-    <link rel="match" href="support/reftest-border-image-5.png" />
+    <link rel="match" href="border-image-6-ref.html" />
 
     <style type="text/css">
 
         #filler {
             background-color : #009900;
             width : 40px;
             height: 40px;
         }
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-003.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using two length values: 40px 20px</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-004.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to two length values, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 40px 20px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 20px";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-004-ref.xht
@@ -0,0 +1,23 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-top-left-radius: 48px 28px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-top-left-radius: 48px 28px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-left-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
+
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-004.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-004.xht
@@ -1,62 +1,25 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using one percentage value: 20%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-003.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to one percentage value, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 20%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
+  <head>
+    <title>border-top-left-radius using one percentage</title>
+    <link rel="match" href="border-top-left-radius-004-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20%";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-top-left-radius: 20%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-left-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
 
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-005-ref.xht
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-top-left-radius: 48px 14px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-top-left-radius: 48px 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-left-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-005.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-005.xht
@@ -1,62 +1,24 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using two percentage values: 20% 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-006.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to two percentage values, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 20% 30%;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
+  <head>
+    <title>border-top-left-radius using two percentages</title>
+    <link rel="match" href="border-top-left-radius-005-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-         /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 30%";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-top-left-radius: 20% 10%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-left-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-006.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using two values: 40px 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-005.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 40px 30%;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 30%";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-007.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using two values: 20% 25px</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-009.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 20% 25px;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-008.xht
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using two values: 4em 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-left-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: 4em 30%;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-        <p id="testdetails">
-        </p>
-        <p>
-            There should be a box with a rounded top left corner.</p>
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-
-    	<div id="test"></div>
-<!--
-    	<script type="text/javascript">
-         /* <![CDATA[ */
-        	var expectedBorderRadius = "64px 30%";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-009.xht
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-left-radius using &quot;inherit&quot;</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-left-radius-007.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify inherit feature works, when it is assigned to border-top-left-radius."/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	body
-        	{
-        		border-top-left-radius: 20% 25px;
-        	}
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-left-radius: inherit;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top left corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-003.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using two length values: 40px 20px</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-004.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to two length values, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 40px 20px;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-         /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 20px";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-004-ref.xht
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-top-right-radius: 48px 28px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-top-right-radius: 48px 28px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-right-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-004.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-004.xht
@@ -1,62 +1,24 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using one percentage value: 20%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-003.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to one percentage value, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 20%;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
+  <head>
+    <title>border-top-right-radius using one percentage</title>
+    <link rel="match" href="border-top-right-radius-004-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20%";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-top-right-radius: 20%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-right-radius of 48px 28px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
-
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-005-ref.xht
@@ -0,0 +1,22 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>border-top-right-radius: 48px 14px reference</title>
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
+
+          background: orange;
+          border: 20px solid teal;
+          border-top-right-radius: 48px 14px;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-right-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-005.xht
+++ b/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-005.xht
@@ -1,62 +1,24 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using two percentage values: 20% 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-006.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to two percentage values, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 20% 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
+  <head>
+    <title>border-top-right-radius using two percentages</title>
+    <link rel="match" href="border-top-right-radius-005-ref.xht" />
+    <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-radius" />
+    <style type="text/css">
+      div
+      {
+          width: 200px;
+          height: 100px;
 
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 30%";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
+          background: orange;
+          border: 20px solid teal;
+          border-top-right-radius: 20% 10%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>The box should have a border-top-right-radius of 48px 14px. The
+        horizontal radius should therefore be clearly larger than the
+        vertical radius.</p>
+    <div></div>
+  </body>
 </html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-006.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using two values: 40px 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-005.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 40px 30%;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "40px 30%";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-007.xht
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using two values: 20% 25px</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-009.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 20% 25px;
-        	}
-        /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-008.xht
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using two values: 4em 30%</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify border-top-right-radius property set to two values with different units, works fine"/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: 4em 30%;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-         <p id="testdetails">
-        </p>
-        <p>
-            There should be a box with a rounded top right corner.</p>
-        <ul>
-            <li>PASS if only top right corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-
-    	<div id="test"></div>
-<!--
-    	<script type="text/javascript">
-        /* <![CDATA[ */
-        	var expectedBorderRadius = "64px 30%";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-         /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
deleted file mode 100644
--- a/testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-009.xht
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Borders. Border-top-right-radius using &quot;inherit&quot;</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta http-equiv="Content-Style-Type" content="text/css"/>
-        <meta http-equiv="Content-Script-Type" content="text/javascript"/>
-        <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
-        <link rel="match" href="border-top-right-radius-007.xht" />
-        <meta name="flags" content=""/>
-        <meta name="assert" content="To verify inherit feature works, when it is assigned to border-top-right-radius."/>
-        <style type="text/css">
-        /* <![CDATA[ */
-        	body
-        	{
-        		border-top-right-radius: 20% 25px;
-        	}
-        	div
-          {
-        		border:2px solid #a1a1a1;
-        		background:#dddddd;
-        		width:200px;
-        		height: 100px;
-        		border-top-right-radius: inherit;
-        	}
-         /* ]]> */
-        </style>
-<!--
-        <script type="text/javascript" src="js/css3_test_helper.js"></script>
--->
-    </head>
-    <body>
-		<p>
-			There should be a box with a rounded top right corner.
-		</p>
-		 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
-        <ul>
-            <li>PASS if only top left corner is rounded.</li>
-            <li>FAIL if the output is not as expected.</li>
-        </ul>
-
-         <!-- PLACE TEST CONTENT FROM HERE -->
-
-    	<div id="test"></div>
-    	<p><br/></p>
-<!--
-    	<script type="text/javascript">
-         /* <![CDATA[ */
-        	var expectedBorderRadius = "20% 25px";
-
-        	var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
-
-        	/* if (testResult.pass)
-        	  // This portion of the code has been removed to ensure that the test case is not automated
-        	else {
-        		// This portion of the code has been removed to ensure that the test case is not automated
-          } */
-
-          if (top.FrameEnabled)	top.fnLog(testResult);
-        /* ]]> */
-        </script>
--->
-    </body>
-</html>
-
--- a/testing/web-platform/tests/css/css-backgrounds/parsing/border-image-slice-invalid.html
+++ b/testing/web-platform/tests/css/css-backgrounds/parsing/border-image-slice-invalid.html
@@ -15,11 +15,13 @@
 test_invalid_value("border-image-slice", "fill");
 
 test_invalid_value("border-image-slice", "1 -2% fill");
 test_invalid_value("border-image-slice", "-1 2% fill");
 
 test_invalid_value("border-image-slice", "1 2 3 4 5");
 
 test_invalid_value("border-image-slice", "1% fill 2%");
+
+test_invalid_value("border-image-slice", "-10");
 </script>
 </body>
 </html>
deleted file mode 100644
index 01087f13dc1c239c51ae3569e8ea81ba8db5caff..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
--- a/testing/web-platform/tests/css/css-images/multiple-position-color-stop-conic.html
+++ b/testing/web-platform/tests/css/css-images/multiple-position-color-stop-conic.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <title>Conic gradient with a two position color stop</title>
 <link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
 <meta name="assert" content="A color stop with two positions create a hard transition">
-<link rel="match" href="support/100x100-blue-green.html">
+<link rel="match" href="reference/100x100-blue-green.html">
 <style>
 #target {
   width: 100px;
   height: 100px;
   background-color: red;
   background-image: conic-gradient(green 0% 180deg, blue 180deg);
 }
 </style>
--- a/testing/web-platform/tests/css/css-images/multiple-position-color-stop-linear.html
+++ b/testing/web-platform/tests/css/css-images/multiple-position-color-stop-linear.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <title>Linear gradient with a two position color stop</title>
 <link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
 <meta name="assert" content="A color stop with two positions create a hard transition">
-<link rel="match" href="support/100x100-blue-green.html">
+<link rel="match" href="reference/100x100-blue-green.html">
 <style>
 #target {
   width: 100px;
   height: 100px;
   background-color: red;
   background-image: linear-gradient(to right, blue 0% 50%, green 50%);
 }
 </style>
--- a/testing/web-platform/tests/css/css-images/multiple-position-color-stop-radial.html
+++ b/testing/web-platform/tests/css/css-images/multiple-position-color-stop-radial.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <title>Radial gradient with a two position color stop</title>
 <link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
 <meta name="assert" content="A color stop with two positions create a hard transition">
-<link rel="match" href="support/100x100-blue-green.html">
+<link rel="match" href="reference/100x100-blue-green.html">
 <style>
 #target {
   width: 100px;
   height: 100px;
   background-color: red;
   background-image: radial-gradient(ellipse 50px 10000px at 0px 50px, blue 0% 50px, green 50px);
 }
 </style>
rename from testing/web-platform/tests/css/css-images/support/100x100-blue-green.html
rename to testing/web-platform/tests/css/css-images/reference/100x100-blue-green.html
--- a/testing/web-platform/tests/css/css-namespaces/prefix-001.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-001.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: prefix case-sensitivity</title>
   <style>
    @namespace Foo "y";
    @namespace foo "x";
    test { background:red }
    Foo|test { background:lime }
    foo|test { background:red }
    FOO|test { background:red }
--- a/testing/web-platform/tests/css/css-namespaces/prefix-002.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-002.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: empty string prefix (Explicit element namespace)</title>
   <style>
    @namespace foo "";
    t { background:red }
    foo|t { background:lime }
   </style>
  </head>
  <body>
--- a/testing/web-platform/tests/css/css-namespaces/prefix-003.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-003.xml
@@ -1,14 +1,14 @@
 <root>
  <head xmlns="http://www.w3.org/1999/xhtml">
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-1-generic.xml"/>
+  <link rel="match" href="reference/ref-lime-1-generic.xml"/>
   <title>CSS Namespaces Test Suite: empty string prefix (Implied element namespace)</title>
   <style>
    @namespace foo "";
    t { background:red }
    foo|t { background:lime }
   </style>
  </head>
  <t>This sentence should have a green background.</t>
--- a/testing/web-platform/tests/css/css-namespaces/prefix-004.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-004.xml
@@ -1,14 +1,14 @@
 <root>
  <head xmlns="http://www.w3.org/1999/xhtml">
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-2-generic.xml"/>
+  <link rel="match" href="reference/ref-lime-2-generic.xml"/>
   <title>CSS Namespaces Test Suite: empty string default namespace</title>
   <style>
    @namespace "";
    @namespace x "test";
    *|t, *|root { display:block }
    *|t, t[x] { background:lime }
    t { background:red }
   </style>
--- a/testing/web-platform/tests/css/css-namespaces/prefix-005.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-005.xml
@@ -1,15 +1,15 @@
 <root>
  <head xmlns="http://www.w3.org/1999/xhtml">
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="author" title="Boris Zbarsky" href="https://bugzilla.mozilla.org/show_bug.cgi?id=458381#c4"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-2-generic.xml"/>
+  <link rel="match" href="reference/ref-lime-2-generic.xml"/>
   <title>CSS Namespaces Test Suite: no default namespace</title>
   <style>
    @namespace x "test";
    root *|* { background:red; display:block }
    head { display:none }
    t { background: lime }
   </style>
  </head>
--- a/testing/web-platform/tests/css/css-namespaces/prefix-006.xml
+++ b/testing/web-platform/tests/css/css-namespaces/prefix-006.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#prefixes"/>
-  <link rel="match" href="reftest/ref-lime-2.xml"/>
+  <link rel="match" href="reference/ref-lime-2.xml"/>
   <title>CSS Namespaces Test Suite: no prefix</title>
   <style>
    @namespace "test";
    |t { background:lime }
    t { background:red }
   </style>
   <style>
    @namespace "test";
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1-block.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1-block.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1-generic.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1-generic.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-1.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-1.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-2-generic.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-2-generic.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-2.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-2.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-3.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-3.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-5.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-5.xml
rename from testing/web-platform/tests/css/css-namespaces/reftest/ref-lime-6.xml
rename to testing/web-platform/tests/css/css-namespaces/reference/ref-lime-6.xml
--- a/testing/web-platform/tests/css/css-namespaces/scope-001.xml
+++ b/testing/web-platform/tests/css/css-namespaces/scope-001.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#scope"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <meta name="flags" content="invalid"/>
   <title>CSS Namespaces Test Suite: scope &lt;style></title>
   <style>
    @namespace x url("test");
    test { background:lime }
   </style>
   <style>
    x|test { background:red }
--- a/testing/web-platform/tests/css/css-namespaces/scope-002.xml
+++ b/testing/web-platform/tests/css/css-namespaces/scope-002.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#scope"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: scope @import</title>
   <style>
    test { background:lime }
   </style>
   <style>
    @import url("support/scope-002a.css");
    @import url("support/scope-002b.css");
    @namespace w "test";
--- a/testing/web-platform/tests/css/css-namespaces/syntax-001.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-001.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1-block.xml"/>
+  <link rel="match" href="reference/ref-lime-1-block.xml"/>
   <title>CSS Namespaces Test Suite: @namespace case-insensitivity</title>
   <style>
    @NAmespace x "http://www.w3.org/1999/xhtml";
    x|p { background: lime }
   </style>
  </head>
  <body>
   <p>This sentence should have a green background.</p>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-002.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-002.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1-block.xml"/>
+  <link rel="match" href="reference/ref-lime-1-block.xml"/>
   <title>CSS Namespaces Test Suite: @namespace syntax with escapes</title>
   <style>
    @\N\000041 mes\pac\65  x "http://www.w3.org/1999/xhtml";
    x|p { background: lime }
   </style>
  </head>
  <body>
   <p>This sentence should have a green background.</p>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-003.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-003.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-5.xml"/>
+  <link rel="match" href="reference/ref-lime-5.xml"/>
   <title>CSS Namespaces Test Suite: @namespace default namespace syntax</title>
   <style>
    *|test { background:red }
   </style>
   <style>
    @namespace url(test-a);
    test { background:lime }
   </style>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-004.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-004.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: @namespace url() with escape</title>
   <style>
    @namespace u\00072l("test");
    *|test { background:red }
    test { background: lime }
   </style>
  </head>
  <body>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-005.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-005.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-5.xml"/>
+  <link rel="match" href="reference/ref-lime-5.xml"/>
   <title>CSS Namespaces Test Suite: @namespace string and url() syntax</title>
   <style>
    test { background:red }
   </style>
   <style>
    @namespace a url(test-a);
    @namespace b url('test-b');
    @namespace c url("test-c");
--- a/testing/web-platform/tests/css/css-namespaces/syntax-006.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-006.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <meta name="flags" content="invalid"/>
   <title>CSS Namespaces Test Suite: invalid ordering of @namespace and @import</title>
   <style>
    @namespace x u\00072l("test");
    @import url("support/fail.css");
    @namespace url("test2");
    x|test { background:lime }
    test { background:red }
--- a/testing/web-platform/tests/css/css-namespaces/syntax-007.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-007.xml
@@ -1,13 +1,13 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: @namespace and @charset</title>
   <link rel="stylesheet" href="support/syntax-007.css"/>
  </head>
  <body>
   <p><test xmlns="test">This sentence should have a green background.</test></p>
  </body>
 </html>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-008.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-008.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-2.xml"/>
+  <link rel="match" href="reference/ref-lime-2.xml"/>
   <title>CSS Namespaces Test Suite: escapes in prefix</title>
   <style>
    @namespace \72x url("test");
    t { background:red }
    r\78|t { background:lime }
   </style>
   <style>
    @namespace \032  url("test"); /* two spaces, see CSS 2.1, 4.1.3 */
--- a/testing/web-platform/tests/css/css-namespaces/syntax-009.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-009.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: escaped vertical bar in qualified name</title>
   <style>
    @namespace x "test";
    test { background:red }
    x|test { background:lime }
    x\00007Ctest { background:red }
   </style>
  </head>
--- a/testing/web-platform/tests/css/css-namespaces/syntax-010.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-010.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-3.xml"/>
+  <link rel="match" href="reference/ref-lime-3.xml"/>
   <meta name="flags" content="invalid"/>
   <title>CSS Namespaces Test Suite: duplicate @namespace declarations</title>
   <style>
    @namespace "1";
    @namespace dummy "yummy";
    @namespace "2";
    *|t { background:lime }
    t { background:red }
--- a/testing/web-platform/tests/css/css-namespaces/syntax-011.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-011.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-6.xml"/>
+  <link rel="match" href="reference/ref-lime-6.xml"/>
   <title>CSS Namespaces Test Suite: string comparison (no URI resolving)</title>
   <style>
    @namespace url("http://example.com/");
    *|t { background:lime }
    t { background:red }
   </style>
   <style>
    @namespace url("http://example.com/");
--- a/testing/web-platform/tests/css/css-namespaces/syntax-012.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-012.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-3.xml"/>
+  <link rel="match" href="reference/ref-lime-3.xml"/>
   <title>CSS Namespaces Test Suite: whitespace and comment handling</title>
   <style>
    test { background:red }
   </style>
   <style>
    @namespace/* test */
    a
    url(
--- a/testing/web-platform/tests/css/css-namespaces/syntax-013.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-013.xml
@@ -1,15 +1,15 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-5.xml"/>
+  <link rel="match" href="reference/ref-lime-5.xml"/>
   <meta name="flags" content="invalid"/>
   <title>CSS Namespaces Test Suite: @namespace error handling</title>
   <style>
    t, t2, t3, t4, t5 { background:red }
   </style>
   <style>
    @namespace "test" {}
    t { background:lime }
--- a/testing/web-platform/tests/css/css-namespaces/syntax-014.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-014.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-3.xml"/>
+  <link rel="match" href="reference/ref-lime-3.xml"/>
   <meta name="flags" content="invalid"/>
   <title>CSS Namespaces Test Suite: @namespace and invalid at-rules</title>
   <style>
    t, t2, t3 { background:red }
   </style>
   <style>
    @import x {}
    @namespace x "test";
--- a/testing/web-platform/tests/css/css-namespaces/syntax-015.xml
+++ b/testing/web-platform/tests/css/css-namespaces/syntax-015.xml
@@ -1,14 +1,14 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <link rel="author" title="Anne van Kesteren" href="http://annevankesteren.nl/"/>
   <link rel="author" title="Opera Software ASA" href="http://opera.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-namespaces-3/#syntax"/>
-  <link rel="match" href="reftest/ref-lime-1.xml"/>
+  <link rel="match" href="reference/ref-lime-1.xml"/>
   <title>CSS Namespaces Test Suite: invalid URI</title>
   <style>
    @namespace x url("test");
    @namespace x url("}x&lt; >x{");
    t { background:lime }
    x|t { background:red }
   </style>
  </head>
rename from testing/web-platform/tests/css/css-transforms/reftest/transform-3d-rotateY-stair-above-ref-001.xht
rename to testing/web-platform/tests/css/css-transforms/reference/transform-3d-rotateY-stair-above-ref-001.xht
rename from testing/web-platform/tests/css/css-transforms/reftest/transform-applies-to-001-ref.xht
rename to testing/web-platform/tests/css/css-transforms/reference/transform-applies-to-001-ref.xht
rename from testing/web-platform/tests/css/css-transforms/reftest/transform-applies-to-002-ref.xht
rename to testing/web-platform/tests/css/css-transforms/reference/transform-applies-to-002-ref.xht
rename from testing/web-platform/tests/css/css-transforms/reftest/transform-origin-01-ref.html
rename to testing/web-platform/tests/css/css-transforms/reference/transform-origin-01-ref.html
--- a/testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-above-001.xht
+++ b/testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-above-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: rotateY with perspective produces a trapezoid</title>
   <link rel="author" title="Apple Inc." href="http://www.apple.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#3d-transform-rendering"/>
-  <link rel="match" href="reftest/transform-3d-rotateY-stair-above-ref-001.xht"/>
+  <link rel="match" href="reference/transform-3d-rotateY-stair-above-ref-001.xht"/>
   <meta name="flags" content="" />
   <meta name="assert" content="A rotateY transform with perspective
   should result in a trapezoid."/>
   <style type="text/css"><![CDATA[
 div {
   height: 150px;
   width: 150px;
 }
--- a/testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-below-001.xht
+++ b/testing/web-platform/tests/css/css-transforms/transform-3d-rotateY-stair-below-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: rotateY with perspective produces a trapezoid</title>
   <link rel="author" title="Apple Inc." href="http://www.apple.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#3d-transform-rendering"/>
-  <link rel="match" href="reftest/transform-3d-rotateY-stair-above-ref-001.xht"/>
+  <link rel="match" href="reference/transform-3d-rotateY-stair-above-ref-001.xht"/>
   <meta name="flags" content="" />
   <meta name="assert" content="A rotateY transform with perspective
   should result in a trapezoid."/>
   <style type="text/css"><![CDATA[
 div {
   height: 150px;
   width: 150px;
 }
--- a/testing/web-platform/tests/css/css-transforms/transform-applies-to-001.xht
+++ b/testing/web-platform/tests/css/css-transforms/transform-applies-to-001.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: transform applied to elements with 'display' set to 'block'</title>
   <link rel="author" title="Apple Inc." href="http://www.apple.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"/>
-  <link rel="match" href="reftest/transform-applies-to-001-ref.xht"/>
+  <link rel="match" href="reference/transform-applies-to-001-ref.xht"/>
   <meta name="flags" content="" />
   <meta name="assert" content="The 'transform' property applies to elements with 'display' set to 'block'."/>
   <style type="text/css"><![CDATA[
     div {
       position: relative;
     }
     div p {
       position: absolute;
--- a/testing/web-platform/tests/css/css-transforms/transform-applies-to-002.xht
+++ b/testing/web-platform/tests/css/css-transforms/transform-applies-to-002.xht
@@ -1,15 +1,15 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <title>CSS Test: Transform does not apply to non-replaced inline elements</title>
   <link rel="author" title="Apple Inc." href="http://www.apple.com/"/>
   <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"/>
-  <link rel="match" href="reftest/transform-applies-to-002-ref.xht"/>
+  <link rel="match" href="reference/transform-applies-to-002-ref.xht"/>
   <meta name="flags" content="ahem" />
   <meta name="assert" content="The 'transform' property does not apply to non-replaced inline elements."/>
   <style type="text/css"><![CDATA[
     div {
       position: relative;
       color: green;
     }
     div p {
--- a/testing/web-platform/tests/css/css-transforms/transform-box/fill-box-mutation.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/fill-box-mutation.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: fill-box, shape mutated</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 #target {
   transform-box: fill-box;
   transform: translate(-50%, 0);
 }
 </style>
 <p>There should be a green 200x200 rectangle below, and no red.</p>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/fill-box.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/fill-box.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <title>transform-box: fill-box</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 svg {
   background-color: red;
 }
 rect {
   transform-box: fill-box;
 }
rename from testing/web-platform/tests/css/css-transforms/transform-box/support/greensquare200x200.html
rename to testing/web-platform/tests/css/css-transforms/transform-box/reference/greensquare200x200.html
--- a/testing/web-platform/tests/css/css-transforms/transform-box/value-changed.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/value-changed.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: value change from 'view-box' to 'fill-box'</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <p>There should be a green 200x200 rectangle below, and no red.</p>
 <svg width="400" height="200">
   <rect width="200" height="200" fill="red"/>
   <rect id="target" x="100" width="200" height="200" fill="green"
         style="transform-box: view-box; transform: translateX(-50%)"/>
 </svg>
 <script>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/view-box-mutation.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/view-box-mutation.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html class="reftest-wait">
 <title>transform-box: view-box, viewport mutated</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 #target {
   transform-box: view-box;
   transform: translate(-50%, 0);
 }
 </style>
 <p>There should be a green 200x200 rectangle below, and no red.</p>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/view-box-nested.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/view-box-nested.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <title>transform-box: view-box, relative to nested viewport</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 #target {
   transform-box: view-box;
   transform: translate(-50%, -50%);
 }
 </style>
 <p>There should be a green 200x200 rectangle below, and no red.</p>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox-nested.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox-nested.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <title>transform-box: view-box, relative to viewport defined by nested viewBox</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 #target {
   transform-box: view-box;
   transform: translate(-50%, -50%);
 }
 </style>
 <p>There should be a green 200x200 rectangle below, and no red.</p>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/view-box-viewbox.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <title>transform-box: view-box, relative to viewport defined by viewBox</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 #target {
   transform-box: view-box;
   transform: translate(-50%, -50%);
 }
 </style>
 <p>There should be a green 200x200 rectangle below, and no red.</p>
--- a/testing/web-platform/tests/css/css-transforms/transform-box/view-box.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-box/view-box.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <title>transform-box: view-box</title>
-<link rel="match" href="support/greensquare200x200.html">
+<link rel="match" href="reference/greensquare200x200.html">
 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
 <style>
 svg {
   background-color: red;
 }
 rect {
   transform-box: view-box;
 }
--- a/testing/web-platform/tests/css/css-transforms/transform-origin-01.html
+++ b/testing/web-platform/tests/css/css-transforms/transform-origin-01.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
 <head>
     <title>CSS Test: SVG Transform using transform-origin</title>
     <link rel="author" title="CJ Gammon" href="mailto:gammon@adobe.com">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property">
-    <link rel="match" href="reftest/transform-origin-01-ref.html">
+    <link rel="match" href="reference/transform-origin-01-ref.html">
     <meta name="assert" content="If only one value is specified, the second value is assumed to be 'center'">
     <style type="text/css">
         #container{
             position: relative;
         }
 
         .square{
             position: absolute;
--- a/testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-001.html
+++ b/testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-001.html
@@ -4,19 +4,16 @@
     <title>CSS Test (Transforms): perspective-origin</title>
     <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com">
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#propdef-perspective-origin">
     <meta name="assert" content="This tests that 'perspective-origin: 0 0' is
     the same as 'perspective-origin: top left', different from no
     'perspective-origin', and different from no perspective or no transform.">
     <link rel="match" href="transform3d-perspective-origin-ref.html">
-    <link rel="mismatch" href="transform3d-rotatex-perspective-001.html">
-    <link rel="mismatch" href="transform3d-rotatex-ref.html">
-    <link rel="mismatch" href="transform-lime-square-ref.html">
   </head>
   <body>
     <div style="perspective: 1000px; perspective-origin: 0 0;">
       <div style="transform: rotatex(45deg); width: 100px; height: 100px;
         background: lime">
       </div>
     </div>
   </body>
--- a/testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-ref.html
+++ b/testing/web-platform/tests/css/css-transforms/transform3d-perspective-origin-ref.html
@@ -1,14 +1,15 @@
 <!DOCTYPE html>
 <html>
   <head>
     <title>CSS Reftest Reference</title>
     <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com">
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
+    <link rel="mismatch" href="transform3d-rotatex-ref.html">
   </head>
   <body>
     <div style="perspective: 1000px; perspective-origin: top left;">
       <div style="transform: rotatex(45deg); width: 100px; height: 100px;
         background: lime">
       </div>
     </div>
   </body>
--- a/testing/web-platform/tests/css/css-transforms/transform3d-rotate3d-001.html
+++ b/testing/web-platform/tests/css/css-transforms/transform3d-rotate3d-001.html
@@ -4,15 +4,14 @@
     <title>CSS Test (Transforms): rotate3d(1, 0, 0, 45deg)</title>
     <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com">
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#three-d-transform-functions">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#funcdef-rotate3d">
     <meta name="assert" content="This tests that rotate3d(1, 0, 0, 45deg) is
     the same as rotatex(45deg).">
     <link rel="match" href="transform3d-rotatex-ref.html">
-    <link rel="mismatch" href="transform-lime-square-ref.html">
   </head>
   <body>
     <div style="transform: rotate3d(1, 0, 0, 45deg); width: 100px;
       height: 100px; background: lime"></div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/css-transforms/transform3d-rotatex-001.html
+++ b/testing/web-platform/tests/css/css-transforms/transform3d-rotatex-001.html
@@ -5,15 +5,14 @@
     rotatex(360deg)</title>
     <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com">
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#three-d-transform-functions">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#funcdef-rotatex">
     <meta name="assert" content="This tests that rotatex(45deg) rotatey(360deg)
     rotatex(360deg) is the same as rotatex(45deg).">
     <link rel="match" href="transform3d-rotatex-ref.html">
-    <link rel="mismatch" href="transform-lime-square-ref.html">
   </head>
   <body>
     <div style="transform: rotatex(45deg) rotatey(360deg) rotatex(360deg);
       width: 100px; height: 100px; background: lime"></div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/css-transforms/transform3d-rotatex-perspective-002.html
+++ b/testing/web-platform/tests/css/css-transforms/transform3d-rotatex-perspective-002.html
@@ -6,17 +6,16 @@
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#three-d-transform-functions">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#funcdef-rotatex">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#perspective-property">
     <meta name="assert" content="This tests that 'perspective' has some effect
     when combined with rotatex() (i.e., is not equivalent to simply omitting
     the perspective).">
     <link rel="mismatch" href="transform3d-rotatex-ref.html">
-    <link rel="mismatch" href="transform-lime-square-ref.html">
   </head>
   <body>
     <div style="perspective: 1000px;">
       <div style="transform: rotatex(45deg); width: 100px; height: 100px;
         background: lime"></div>
     </div>
   </body>
 </html>
rename from testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-lr-002-ref.xht
rename to testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-lr-002-ref.xht
rename from testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-rl-001-ref.xht
rename to testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-rl-001-ref.xht
rename from testing/web-platform/tests/css/css-writing-modes/reftest/writing-mode-vertical-rl-002-ref.xht
rename to testing/web-platform/tests/css/css-writing-modes/reference/writing-mode-vertical-rl-002-ref.xht
--- a/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-lr-002.xht
+++ b/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-lr-002.xht
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title>CSS Test: writing-mode: vertical-lr - basic inline case</title>
     <link rel="author" title="Yoshifumi Kawai" href="mailto:kawai@est.co.jp" />
     <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
     <link rel="help" title="CSS3 Writing modes: 3.1. Block Flow Direction: the 'writing-mode' property" href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" />
-    <link rel="match" href="reftest/writing-mode-vertical-lr-002-ref.xht"/>
+    <link rel="match" href="reference/writing-mode-vertical-lr-002-ref.xht"/>
     <meta name="flags" content="ahem" />
     <meta content="This tests the block flow direction. The writing mode is vertical, and the block flow is left to right." />
     <style type="text/css"><![CDATA[
         div
         {
             background: yellow;
             color: blue;
             font: 20px/1 Ahem;
--- a/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-001.xht
+++ b/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-001.xht
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title>CSS Test: writing-mode: vertical-rl - basic inline case</title>
     <link rel="author" title="Yoshifumi Kawai" href="mailto:kawai@est.co.jp" />
     <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
     <link rel="help" title="CSS3 Writing modes: 3.1. Block Flow Direction: the 'writing-mode' property" href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" />
-    <link rel="match" href="reftest/writing-mode-vertical-rl-001-ref.xht"/>
+    <link rel="match" href="reference/writing-mode-vertical-rl-001-ref.xht"/>
     <meta name="flags" content="ahem" />
     <meta content="This tests the block flow direction. The writing mode is vertical, and the block flow is right to left." />
     <style type="text/css"><![CDATA[
         div
         {
             background: yellow;
             color: blue;
             font: 20px/1 Ahem;
--- a/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-002.xht
+++ b/testing/web-platform/tests/css/css-writing-modes/writing-mode-vertical-rl-002.xht
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <title>CSS Test: writing-mode: vertical-rl - basic inline case</title>
     <link rel="author" title="Yoshifumi Kawai" href="mailto:kawai@est.co.jp" />
     <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
     <link rel="help" title="CSS3 Writing modes: 3.1. Block Flow Direction: the 'writing-mode' property" href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" />
-    <link rel="match" href="reftest/writing-mode-vertical-rl-002-ref.xht"/>
+    <link rel="match" href="reference/writing-mode-vertical-rl-002-ref.xht"/>
     <meta name="flags" content="ahem" />
     <meta content="This tests the block flow direction. The writing mode is vertical, and the block flow is right to left." />
     <style type="text/css"><![CDATA[
         div
         {
             background: yellow;
             color: blue;
             font: 20px/1 Ahem;
--- a/testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units-inline-style.svg
+++ b/testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units-inline-style.svg
@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:h="http://www.w3.org/1999/xhtml">
   <metadata>
     <title>&lt;image&gt; embedding SVG image with viewport units</title>
-    <h:link rel="match" href="support/green-rect-100x100.svg"/>
+    <h:link rel="match" href="reference/green-rect-100x100.svg"/>
   </metadata>
   <image xlink:href="data:image/svg+xml,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect style='width: 50vw; height: 50vh' fill='green'/&gt;&lt;/svg&gt;"
          width="200" height="200"/>
 </svg>
--- a/testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units.svg
+++ b/testing/web-platform/tests/svg/embedded/image-embedding-svg-with-viewport-units.svg
@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:h="http://www.w3.org/1999/xhtml">
   <metadata>
     <title>&lt;image&gt; embedding SVG image with viewport units</title>
-    <h:link rel="match" href="support/green-rect-100x100.svg"/>
+    <h:link rel="match" href="reference/green-rect-100x100.svg"/>
   </metadata>
   <image xlink:href="data:image/svg+xml,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;rect width='50vw' height='50vh' fill='green'/&gt;&lt;/svg&gt;"
          width="200" height="200"/>
 </svg>
rename from testing/web-platform/tests/svg/embedded/support/green-rect-100x100.svg
rename to testing/web-platform/tests/svg/embedded/reference/green-rect-100x100.svg
--- a/testing/web-platform/tests/svg/shapes/reftests/disabled-shapes-01.svg
+++ b/testing/web-platform/tests/svg/shapes/reftests/disabled-shapes-01.svg
@@ -1,15 +1,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
   <title>Disabled shapes are not rendered</title>
   <metadata>
     <h:link rel="help" href="https://svgwg.org/svg2-draft/shapes.html#RectElement"/>
     <h:link rel="help" href="https://svgwg.org/svg2-draft/shapes.html#CircleElement"/>
     <h:link rel="help" href="https://svgwg.org/svg2-draft/shapes.html#EllipseElement"/>
-    <h:link rel="match" href="support/empty.svg"/>
+    <h:link rel="match" href="reference/empty.svg"/>
   </metadata>
   <g stroke="red" stroke-width="100">
     <g transform="translate(50, 50)">
       <rect/>
       <rect width="0" height="10"/>
       <rect width="-10" height="10"/>
       <rect height="0" width="10"/>
       <rect height="-10" width="10"/>
rename from testing/web-platform/tests/svg/shapes/reftests/support/empty.svg
rename to testing/web-platform/tests/svg/shapes/reftests/reference/empty.svg
--- a/testing/web-platform/tests/tools/manifest/sourcefile.py
+++ b/testing/web-platform/tests/tools/manifest/sourcefile.py
@@ -330,17 +330,17 @@ class SourceFile(object):
                   len(rel_dir_tree) > 2)) and
                 self.filename not in ("__init__.py", "conftest.py") and
                 fnmatch(self.filename, wd_pattern))
 
     @property
     def name_is_reference(self):
         """Check if the file name matches the conditions for the file to
         be a reference file (not a reftest)"""
-        return "/reference/" in self.url or "/reftest/" in self.url or bool(reference_file_re.search(self.name))
+        return "/reference/" in self.url or bool(reference_file_re.search(self.name))
 
     @property
     def markup_type(self):
         """Return the type of markup contained in a file, based on its extension,
         or None if it doesn't contain markup"""
         ext = self.ext
 
         if not ext: