Bug 1279409 - Part 2. Reftest for clip-path with mix-blend-mode.
authorcku <cku@mozilla.com>
Thu, 29 Sep 2016 14:10:45 +0800
changeset 315849 c5b5b2bbba91bde8e3b4f9dee0a5cc653f0e0062
parent 315848 d48849ef2b8f964e4b68c6bbe82279709aab9c13
child 315850 738bab069e736293e8f159cc560a35f05209d8b0
push id30757
push usercbook@mozilla.com
push dateFri, 30 Sep 2016 10:02:43 +0000
treeherdermozilla-central@5ffed033557e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1279409
milestone52.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 1279409 - Part 2. Reftest for clip-path with mix-blend-mode. MozReview-Commit-ID: 86Bfr7zW5H2
layout/reftests/w3c-css/submitted/masking/clip-path-mix-blend-mode-1-ref.html
layout/reftests/w3c-css/submitted/masking/clip-path-mix-blend-mode-1.html
layout/reftests/w3c-css/submitted/masking/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/masking/clip-path-mix-blend-mode-1-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS clip-path reference</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.foreground {
+        position: absolute;
+        background-color: rgb(0,0,255);
+        z-index: 100;
+        width: 50px;
+        height: 50px;
+      }
+
+      div.background {
+        position: absolute;
+        background-color: rgb(0,255,255);
+        width: 100px;
+        height: 100px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="foreground"></div>
+    <div class="background"></div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/masking/clip-path-mix-blend-mode-1.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Masking: clip-path with mix-blend-mode</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-clip-path">
+    <link rel="match" href="clip-path-mix-blend-mode-ref.html">
+    <meta name="assert" content="Test checks whether clip-path works with mix-blend-mode correctly or not.">
+    <style type="text/css">
+      div {
+        position: absolute;
+        width: 100px;
+        height: 100px;
+      }
+
+      div.foreground {
+        background-color: rgb(255,0,255);
+        clip-path: url(#top_left);
+        z-index: 100;
+        mix-blend-mode: multiply;
+      }
+
+      div.background {
+        background-color: rgb(0,255,255);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="foreground"></div>
+    <div class="background"></div>
+    <svg height="0" width="0">
+      <defs>
+        <clipPath id="top_left">
+          <rect x="0" y="0" width="50" height="50"/>
+        </clipPath>
+      </defs>
+    </svg>
+  </body>
+</html>
--- a/layout/reftests/w3c-css/submitted/masking/reftest.list
+++ b/layout/reftests/w3c-css/submitted/masking/reftest.list
@@ -100,8 +100,10 @@ fuzzy(64,370) == clip-path-viewBox-1c.ht
 fuzzy-if(winWidget,9,98) == clip-path-geometryBox-2.html clip-path-geometryBox-2-ref.html
 
 default-preferences
 
 # mask with opacity test cases
 fuzzy(1,5000) == mask-opacity-1a.html mask-opacity-1-ref.html
 fuzzy(1,5000) == mask-opacity-1b.html mask-opacity-1-ref.html
 fuzzy(1,5000) == mask-opacity-1c.html mask-opacity-1-ref.html
+
+== clip-path-mix-blend-mode-1.html clip-path-mix-blend-mode-1-ref.html
\ No newline at end of file