Bug 1464116 [wpt PR 11142] - Fix errors in wpt/css/css-masking/* tests, a=testonly
authorFredrik Söderquist <fs@opera.com>
Wed, 06 Jun 2018 15:02:28 +0000
changeset 422163 69de9513368b9da0c3f36d55d19bb4bf9a095959
parent 422162 24e14dfd9d8d5a7092cb1266e76cdd872ae51d70
child 422164 80db9a7fe102c1165f7e75a024f0c7c41efbfc1e
push id34122
push userebalazs@mozilla.com
push dateMon, 11 Jun 2018 09:37:00 +0000
treeherdermozilla-central@9941eb8c3b29 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1464116, 11142, 626703, 843084, 1071529, 561880
milestone62.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 1464116 [wpt PR 11142] - Fix errors in wpt/css/css-masking/* tests, a=testonly Automatic update from web-platform-testsFix errors in wpt/css/css-masking/* tests clip-path-svg-content/clip-path-clip-rule-008.svg: Add missing reference (reference/clip-path-clip-rule-004-ref.svg). clip-path-svg-content/clip-path-css-transform-002.svg: Adjust translation to match reference. clip-path-svg-content/clip-path-dom-href.svg: Do setAttribute(...) on the correct <g>. clip-path/clip-path-element-userSpaceOnUse-002.html: Shrink the clip-path so that it clips out the border, to match the reference. clip-path/clip-path-ellipse-002.html: clip-path/clip-path-ellipse-003.html: clip-path/clip-path-ellipse-004.html: clip-path/clip-path-ellipse-005.html: Adjust the description text so that it matches the reference. clip-path/clip-path-ellipse-006.html: Use a different reference (reference/clip-path-ellipse-ref.html), and adjust the target <div> such that it matches the reference (replacing the red border with a margin.) clip-path/clip-path-ellipse-007.html: clip-path/clip-path-ellipse-008.html: Replace red border with a margin. clip-path/clip-path-polygon-001.html: clip-path/clip-path-polygon-002.html: clip-path/clip-path-polygon-003.html: Adjust the description text so that it matches the reference. clip-path/clip-path-polygon-004.html: Fix typo in assertion. clip-path/clip-path-polygon-005.html: Adjust the description text so that it matches the reference. Bug: 626703, 843084 Change-Id: I09c37cbe80ca3b82478bdd994ae027e9a72f280c Reviewed-on: https://chromium-review.googlesource.com/1071529 Reviewed-by: Stephen Chenney <schenney@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#561880} -- wpt-commits: f901588ec487b07487f52b15317afd6c4b1fe4ae wpt-pr: 11142
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg
testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg
testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg
testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html
testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -122595,17 +122595,17 @@
      {}
     ]
    ],
    "css/css-masking/clip-path/clip-path-ellipse-006.html": [
     [
      "/css/css-masking/clip-path/clip-path-ellipse-006.html",
      [
       [
-       "/css/css-masking/clip-path/reference/clip-path-circle-ref.html",
+       "/css/css-masking/clip-path/reference/clip-path-ellipse-ref.html",
        "=="
       ]
      ],
      {}
     ]
    ],
    "css/css-masking/clip-path/clip-path-ellipse-007.html": [
     [
@@ -250736,16 +250736,21 @@
      {}
     ]
    ],
    "css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg": [
     [
      {}
     ]
    ],
+   "css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg": [
+    [
+     {}
+    ]
+   ],
    "css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg": [
     [
      {}
     ]
    ],
    "css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg": [
     [
      {}
@@ -511073,17 +511078,17 @@
    "1420f79ef281f480ced4b4f4bf6fa354ab7424b5",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-css-transform-001.svg": [
    "c1c9b70c551999a6e935276b347a928d338b3391",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg": [
-   "e5b198546145887d78bba04acd7a98a55f73c806",
+   "988316a1e3ebb0f239455e9fc743ebe60d39262a",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-css-transform-003.svg": [
    "36ed8914d7a4d6942064e4504bf0c8d2ccce46ca",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-css-transform-004.svg": [
    "ed481130384e1d1e3a234f8491a111bda04d52c3",
@@ -511093,17 +511098,17 @@
    "d5e2bba3c840f04a78e0d0364a0d981ddabe1e70",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-dom-clippathunits.svg": [
    "4270adc66eb4da788b62016bd91d291ebfeee2ef",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-dom-href.svg": [
-   "89f9e14f50d33b96078f3d12afd71f77e4ae3fc8",
+   "3cbc65e457dd6c6b3f0075addcaea3627bbb16e1",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-dom-id.svg": [
    "66940a7882775de37028e02a65c4a0ed50098065",
    "reftest"
   ],
   "css/css-masking/clip-path-svg-content/clip-path-invalid.svg": [
    "4b7f3c0b017bbc38d4d7ceab946a75d55c6e6e04",
@@ -511360,16 +511365,20 @@
   "css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-002-ref.svg": [
    "6c6cf2f76863a771e587b04306bfe53f0734a5c5",
    "support"
   ],
   "css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-003-ref.svg": [
    "c696dbb5f4083a0a94503ef74402895b003e854a",
    "support"
   ],
+  "css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg": [
+   "c884d5517e1262a4ba42369542b576ab561c0247",
+   "support"
+  ],
   "css/css-masking/clip-path-svg-content/reference/clip-path-ellipse-001-ref.svg": [
    "961df7b47dadb13652f7de7633d72f2476ed9178",
    "support"
   ],
   "css/css-masking/clip-path-svg-content/reference/clip-path-invisible-ref.svg": [
    "cac19d54abf575d370b09f786c8dbf322dd00c86",
    "support"
   ],
@@ -511473,77 +511482,77 @@
    "d9cd99534c2d0bef45b84b97c601998247d8e368",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-element-userSpaceOnUse-001.html": [
    "6761d741d8bcb5f23c9cc111f89ce9446ffb45d1",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html": [
-   "3ac284a03a5a9c338619b708d6343765ae4701d8",
+   "22d863b888cd9a6e8f90a7028079f4ac86cf4c13",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-element-userSpaceOnUse-003.html": [
    "5e616c40da278c5b3fdc4351483498da11bf1a25",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-element-userSpaceOnUse-004.html": [
    "fca0837d527c68252cf8ad80ecad913450a289cc",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-001.html": [
    "4f19b1da771cc0074aa2303ca81a8e6af02f5b22",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-002.html": [
-   "791d2a01d12c79c3bef71f4e207e8767943c1870",
+   "986e9cd72deaa3f071ac2d1f1a6b8227ad6aea90",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-003.html": [
-   "248724f9bcd53e388e30d12961b99206ab7ee706",
+   "e25248fb7c1d42c09aa05d119d0d1c5b2a1e3c8a",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-004.html": [
-   "b0d3c13374cf774b00a9474a4e4bafcc56da9635",
+   "5a0e49e175e9c7d974933d67daea67e3231ae1a1",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-005.html": [
-   "08b41c5ee596f09c0e9cc1aa9e61eb11bd5dfaf1",
+   "53022cd568d5de942c11fec30b41f91402c8f30b",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-006.html": [
-   "a66ed2871c901b19e46ebeba3d78e4f08c5402e3",
+   "64fed891fe814b42d58ea29097300f5eff03c98e",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-007.html": [
-   "3f628fc165a225c518bff87a30189e19fddbafc0",
+   "b64de88e5c3b29563c9b1b7fa4a4288bee6792ce",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-ellipse-008.html": [
-   "f795eb9e2412806879c4fde92d8ae2ccd68c5c7c",
+   "d2dd21537dc0969d12dab24fa1d3053f5c44fdad",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-001.html": [
-   "66cf22ce5aa64b4c6d5337c4cc775c3300f0bda0",
+   "4c7a5ae826cd81b01014b6d7ae7e6f4930f3ce0c",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-002.html": [
-   "091255fdbd5f9e5ea18831dd6ea57261518dc42a",
+   "8679f85c1c03ee0a28f6edf4b24dfb97c3ed69f0",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-003.html": [
-   "b698a007a60fe93706a295fd216da07026126807",
+   "d88f3ceee382ffd1b39201a060bb687cda7d5b8f",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-004.html": [
-   "5a3a5a5e8a5df1be12e067c714b01f282abd04f0",
+   "f6fc1b42bb9b8fd44b5090708b586ec3abe1f35f",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-005.html": [
-   "ac6675dc4258c731d189420e6783f6bc7c4add06",
+   "7f037f7ac20750c0a3d13c1f2f679cbc532f0327",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-006.html": [
    "7be2b64d3ff2110f1861bf40b2d2d13d7b96f345",
    "reftest"
   ],
   "css/css-masking/clip-path/clip-path-polygon-007.html": [
    "ddc6324b3525300586770ede014f97c4ab8b8386",
--- a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg
+++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-css-transform-002.svg
@@ -6,15 +6,15 @@
 	<html:link rel="help" href="http://www.w3.org/TR/css-masking-1/#ClipPathElement"/>
 	<html:link rel="match" href="reference/clip-path-square-002-ref.svg" />
 	<metadata class="flags">svg</metadata>
 	<desc class="assert">CSS Transforms must apply on the clipPath
 	element. This example adds a second content element since that may
 	cause masking in some implementations. A green square should be
 	visible.</desc>
 </g>
-<clipPath id="clip1" style="transform: scale(10) translate(2px, 2px);">
+<clipPath id="clip1" style="transform: scale(10) translate(5px, 5px);">
 	<rect width="10" height="10"/>
 	<!-- Second rect may cause masking -->
 	<rect width="5" height="4"/>
 </clipPath>
 <rect width="200" height="200" fill="green" clip-path="url(#clip1)"/>
-</svg>
\ No newline at end of file
+</svg>
--- a/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg
+++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-dom-href.svg
@@ -9,17 +9,17 @@
 	<desc class="assert">The clip-path property gets applied to the later
 	clipped rectangle dynamically. A green square should be visible.</desc>
 </g>
 
 <clipPath id="clip1">
 	<rect width="200" height="200"/>
 </clipPath>
 
-<g clip-path="url(#noclip)">
+<g clip-path="url(#noclip)" id="target">
 	<rect width="400" height="400" fill="red"/>
 	<rect width="200" height="200" fill="green"/>
 </g>
 
 <script>
-document.getElementsByTagName("g")[0].setAttribute("clip-path", "url(#clip1)");
+document.getElementById("target").setAttribute("clip-path", "url(#clip1)");
 </script>
 </svg>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-masking/clip-path-svg-content/reference/clip-path-clip-rule-004-ref.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <polygon points="0 0, 150 0, 150 150, 0 150, 0 25, 125 25, 125 125, 25 125, 25 25, 0 25" fill-rule="evenodd" fill="green"/>
+  <polygon points="50 50, 200 50, 200 200, 50 200, 50 75, 175 75, 175 175, 75 175, 75 75, 50 75" fill-rule="evenodd" fill="green"/>
+</svg>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-element-userSpaceOnUse-002.html
@@ -6,18 +6,18 @@
     <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
     <link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
     <link rel="help" href="http://www.w3.org/TR/css-masking-1/#ClipPathElement">
     <link rel="match" href="reference/clip-path-rectangle-ref.html">
     <meta name="assert" content="The clip-path property takes an reference to a clipPath element for clipping.
         On pass you should see a green with a blue border.">
 </head>
 <body>
-    <p>The test passes if there is a green box with a blue border.</p>
-    <div style="width: 150px; height: 100px; border: solid blue 50px; background-color: green; clip-path: url(#clip);"></div>
+    <p>The test passes if there is a green box.</p>
+    <div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: url(#clip);"></div>
 
     <svg>
         <clipPath id="clip">
-            <rect x="0" y="0" width="250px" height="200" />
+            <rect x="50" y="50" width="150px" height="100" />
         </clipPath>
     </svg>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-002.html
@@ -8,12 +8,12 @@
 	<link rel="match" href="reference/clip-path-ellipse-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. Test percentage values for radii and position
 	arguments. Percentage values are relative to a reference box. If no
 	reference box was specified, percentage values are relative to border-box.
 	On pass you should see a green ellipse.">
 </head>
 <body>
-	<p>The test passes if there is a green ellipse.</p>
+	<p>The test passes if there is a full green ellipse.</p>
 	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: ellipse(30% 25% at 50% 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-003.html
@@ -8,12 +8,12 @@
 	<link rel="match" href="reference/clip-path-circle-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. Test percentage values for radii and position
 	arguments. Percentage values are relative to a reference box. If no
 	reference box was specified, percentage values are relative to border-box.
 	On pass there should be a full green circle.">
 </head>
 <body>
-	<p>The test passes if there is a green circle.</p>
+	<p>The test passes if there is a full green circle.</p>
 	<div style="width: 200px; height: 200px; background-color: green; clip-path: ellipse(50% 50% at 50% 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-004.html
@@ -6,12 +6,12 @@
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
 	<link rel="match" href="reference/clip-path-ellipse-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. Test absolute values for arguments. On pass you
 	should see a green ellipse.">
 </head>
 <body>
-	<p>The test passes if there is a green ellipse.</p>
+	<p>The test passes if there is a full green ellipse.</p>
 	<div style="width: 200px; height: 200px; background-color: green; clip-path: ellipse(75px 50px at 125px 100px);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-005.html
@@ -9,12 +9,12 @@
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. Test percentage values for radii and position
 	arguments. Percentage values are relative to a reference box. If no
 	reference box was specified, percentage values are relative to border-box.
 	Different values for getting an ellipse from a square. On pass you should
 	see a green ellipse.">
 </head>
 <body>
-	<p>The test passes if there is a green ellipse.</p>
+	<p>The test passes if there is a full green ellipse.</p>
 	<div style="width: 200px; height: 200px; background-color: green; clip-path: ellipse(37.5% 25% at 62.5% 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-006.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 	<title>CSS Masking: Test clip-path property and ellipse function with absolute values</title>
 	<link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
-	<link rel="match" href="reference/clip-path-circle-ref.html">
+	<link rel="match" href="reference/clip-path-ellipse-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. Test absolute values for radii and position
 	arguments. On pass you should see a green circle.">
 </head>
 <body>
-	<p>The test passes if there is a green circle.</p>
-	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: ellipse();"></div>
+	<p>The test passes if there is a full green ellipse.</p>
+	<div style="width: 150px; height: 100px; position: absolute; margin: 50px; background-color: green; clip-path: ellipse();"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-007.html
@@ -8,11 +8,11 @@
 	<link rel="match" href="reference/clip-path-ellipse-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'ellipse' for clipping. If no further arguments were specified, the radii
 	are 'closest-side' each. The position is initialised to the center of the
 	element. On pass there is a full green ellipse.">
 </head>
 <body>
 	<p>The test passes if there is a full green ellipse.</p>
-	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: ellipse(farthest-side closest-side);"></div>
+	<div style="width: 150px; height: 100px; position: absolute; margin: 50px; background-color: green; clip-path: ellipse(farthest-side closest-side);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-ellipse-008.html
@@ -11,11 +11,11 @@
 	arguments. Percentage values are relative to a reference box. If no
 	reference box was specified, percentage values are relative to border-box.
 	Both radii are specified with percentage values. The position is
 	initialised to the center of the element. On pass there is a full green
 	ellipse.">
 </head>
 <body>
 	<p>The test passes if there is a full green ellipse.</p>
-	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: ellipse(50% 50%);"></div>
+	<div style="width: 150px; height: 100px; position: absolute; margin: 50px; background-color: green; clip-path: ellipse(50% 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-001.html
@@ -6,12 +6,12 @@
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
 	<link rel="match" href="reference/clip-path-rectangle-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'polygon' for clipping. Test absolute value arguments. On pass you should
 	see a green square and no red.">
 </head>
 <body>
-	<p>The test passes if there is a green square and no red.</p>
+	<p>The test passes if there is a green box.</p>
 	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: polygon(50px 50px, 200px 50px, 200px 150px, 50px 150px)"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-002.html
@@ -9,12 +9,12 @@
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'polygon' for clipping. Test percentage values for arguments. Percentage
 	values are relative to specified reference box. If no reference box was
 	specified, percentage values are relative to border-box. A number of
 	percentage values are specified as coordinates. On pass you should see a
 	green square and no red.">
 </head>
 <body>
-	<p>The test passes if there is a green square and no red.</p>
+	<p>The test passes if there is a green box.</p>
 	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; clip-path: polygon(20% 25%, 80% 25%, 80% 75%, 20% 75%)"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-003.html
@@ -6,12 +6,12 @@
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
 	<link rel="match" href="reference/clip-path-rectangle-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'polygon' for clipping. Test absolute and percentage value arguments. On
 	pass you should see a green square and no red.">
 </head>
 <body>
-	<p>The test passes if there is a green square and no red.</p>
+	<p>The test passes if there is a green box.</p>
 	<div style="width: 150px; height: 100px; border: solid red 50px; background-color: green; position: absolute; clip-path: polygon(20% 50px, 200px 25%, 200px 150px, 20% 75%)"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-004.html
@@ -2,20 +2,20 @@
 <html>
 <head>
 	<title>CSS Masking: Test clip-path property and polygon function with fill rule evenodd</title>
 	<link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
 	<link rel="help" href="http://www.w3.org/TR/css-masking-1/#propdef-clip-path">
 	<link rel="match" href="reference/clip-path-rectangle-border-ref.html">
 	<meta name="assert" content="The clip-path property takes the basic shape 'polygon' for clipping.
-		The point list for the polygon creates a 'whole' with the dimension of the background. With
+		The point list for the polygon creates a 'hole' with the dimension of the background. With
 		the fill rule 'evenodd', this whole is clipped out. The clipping makes the green background
 		of the parent div box visible.
 		On pass you should see a green box with a blue border.">
 </head>
 <body>
 	<p>The test passes if there is a green box with a blue border.</p>
 	<div style="background-color: green; width: 250px;">
 		<div style="width: 150px; height: 100px; border: solid blue 50px; background-color: red; clip-path: polygon(evenodd, 0 0, 250px 0, 250px 200px, 0 200px, 0 50px, 200px 50px, 200px 150px, 50px 150px, 50px 50px, 0 50px)"></div>
 	</div>
 </body>
-</html>
\ No newline at end of file
+</html>
--- a/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html
+++ b/testing/web-platform/tests/css/css-masking/clip-path/clip-path-polygon-005.html
@@ -9,14 +9,14 @@
 	<meta name="assert" content="The clip-path property takes the basic shape
 	'polygon' for clipping. The point list for the polygon creates a 'hole'
 	with the dimension of the background of the clipped element. With the fill
 	rule 'nonzero', this hole is clipped out. The clipping makes the green
 	background of the parent div box visible. On pass you should see a green
 	square with a blue border.">
 </head>
 <body>
-	<p>The test passes if there is a green square with a blue border.</p>
+	<p>The test passes if there is a green box with a blue border.</p>
 	<div style="background-color: green; width: 250px;">
 		<div style="width: 150px; height: 100px; border: solid blue 50px; background-color: red; clip-path: polygon(nonzero, 0 0, 250px 0, 250px 200px, 0 200px, 0 50px, 50px 50px, 50px 150px, 200px 150px, 200px 50px, 0 50px)"></div>
 	</div>
 </body>
-</html>
\ No newline at end of file
+</html>