Bug 1294171 - Part 2. Create a reftest for data url mask. r=mstange
authorcku <cku@mozilla.com>
Thu, 18 Aug 2016 12:14:19 +0800
changeset 309998 dab9f89ca163b8b948a096428405ba25530a31cd
parent 309997 23fcd6d28628cc797d6ef905b392c78b93482122
child 309999 14d293a0db977a757ca5bb7166527ee7f5f2843f
push id30575
push userryanvm@gmail.com
push dateFri, 19 Aug 2016 13:46:06 +0000
treeherdermozilla-central@3da4d64410c0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmstange
bugs1294171
milestone51.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 1294171 - Part 2. Create a reftest for data url mask. r=mstange MozReview-Commit-ID: IcXmbVd9nUA
layout/reftests/w3c-css/submitted/masking/mask-image-5-ref.html
layout/reftests/w3c-css/submitted/masking/mask-image-5.html
layout/reftests/w3c-css/submitted/masking/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/masking/mask-image-5-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask-image: data url mask</title>
+    <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      div {
+        background-color: purple;
+        width: 50px;
+        height: 50px;
+      }
+    </style>
+  </head>
+  <body>
+    <div/>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/masking/mask-image-5.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: mask-image: data url mask</title>
+    <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css-masking-1/#the-mask-image">
+    <link rel="match" href="mask-image-5-ref.html">
+    <meta name="assert" content="Test checks handling data url mask correctly.">
+    <style type="text/css">
+      div {
+        background-color: purple;
+        width: 50px;
+        height: 50px;
+      }
+      div.mask-by-data-url {
+        /* a 50x50 opaque blue rect */
+        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHg9IjAiIHk9IjAiICB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9ImJsdWUiIGZpbGwtb3BhY2l0eT0iMSIvPgo8L3N2Zz4K");
+      }
+    </style>
+  </head>
+  <body>
+    <div class="mask-by-data-url"/>
+  </body>
+</html>
--- a/layout/reftests/w3c-css/submitted/masking/reftest.list
+++ b/layout/reftests/w3c-css/submitted/masking/reftest.list
@@ -25,16 +25,17 @@ fails == mask-image-3a.html mask-image-3
 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
 fails == mask-image-3g.html mask-image-3-ref.html
 fails == mask-image-4a.html blank.html
 fails == mask-image-4b.html blank.html
+== mask-image-5.html mask-image-5-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