Bug 1272859: Part 2. SVG mask on border area reftest draft
authorcku <cku@mozilla.com>
Thu, 26 May 2016 16:40:36 +0800
changeset 371268 02f889ddd55e3eb4a4c7c4f3b18fd4a90bdca340
parent 371267 651ba949a215ec81ac820c5ca6070af787c762ae
child 521954 6313c2b08416565f75fb4ddb8aef2621c5a61ba0
push id19286
push usercku@mozilla.com
push dateThu, 26 May 2016 08:55:04 +0000
bugs1272859
milestone49.0a1
Bug 1272859: Part 2. SVG mask on border area reftest MozReview-Commit-ID: Cl8FoMTqt2v
layout/reftests/w3c-css/submitted/masking/mask-image-3f.html
layout/reftests/w3c-css/submitted/masking/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/masking/mask-image-3f.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask-image: SVG masks apply on border area</title>
+    <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <svg height="0">
+      <mask id="mask1" x="-100" y="-100" width="300" height="300" >
+        <rect x="-100" y="-100" width="50" height="50" style="stroke:none; fill: #ffffff"/>
+      </mask>
+      <mask id="mask2" x="-100" y="-100" width="300" height="300" >
+        <circle cx="-50" cy="-50" r="25" style="stroke:none; fill: #ffffff"/>
+      </mask>
+    </svg>
+    <style type="text/css">
+      div {
+        background-color: red;
+        mask-image: url(#mask1), url(#mask2);
+        box-shadow: 0 0 0 100px purple;
+        width: 100px;
+        height: 100px;
+        position: relative;
+        left: 100px;
+        top: 100px;
+      }
+    </style>
+
+  </head>
+
+  <body>
+    <div></div>
+  </body>
+</html>
--- a/layout/reftests/w3c-css/submitted/masking/reftest.list
+++ b/layout/reftests/w3c-css/submitted/masking/reftest.list
@@ -17,16 +17,17 @@ fails == mask-image-1a.html mask-image-1
 fails == mask-image-1b.html mask-image-1-ref.html
 fails == mask-image-1c.html mask-image-1-ref.html
 fails == mask-image-2.html mask-image-2-ref.html
 fails == mask-image-3a.html mask-image-3-ref.html
 fails == mask-image-3b.html mask-image-3-ref.html
 fails == mask-image-3c.html mask-image-3-ref.html
 fails == mask-image-3d.html mask-image-3-ref.html
 fails == mask-image-3e.html mask-image-3-ref.html
+fails == mask-image-3f.html mask-image-3-ref.html
 
 # mask-clip test cases
 fails == mask-clip-1.html mask-clip-1-ref.html
 
 # mask-position test cases
 fails == mask-position-1a.html mask-position-1-ref.html
 fails == mask-position-1b.html mask-position-1-ref.html
 fails == mask-position-1c.html mask-position-1-ref.html