Add a reftest for bug 1281593. r=mstange
authorDavid Anderson <danderson@mozilla.com>
Tue, 02 Aug 2016 11:43:16 -0700
changeset 307796 0e63d98406fe16b80b8e41629a5a71dd4c52815e
parent 307795 8a8ee572051dbc143881719e1ae0b42a83017d47
child 307797 8232b0211660f6b5b60ab1db9acdcab022a995e0
push id80176
push userdanderson@mozilla.com
push dateTue, 02 Aug 2016 18:50:10 +0000
treeherdermozilla-inbound@0e63d98406fe [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmstange
bugs1281593
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
Add a reftest for bug 1281593. r=mstange
layout/reftests/css-blending/bug1281593-ref.html
layout/reftests/css-blending/bug1281593.html
layout/reftests/css-blending/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-blending/bug1281593-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <title>Transform and Blend Mode</title>
+    <style>
+      body {
+        background: cornflowerblue;
+      }
+      .box-blend-mode {
+        width: 64px;
+        height: 64px;
+        margin-bottom: 1em;
+        background-color: hsla(0,0%,0%,.25);
+        mix-blend-mode: multiply;
+      }
+      .box-blend-mode-inner {
+        width: 48px;
+        height: 48px;
+        background-image: url("../backgrounds/transparent-32x32.png");
+        background-position: center center;
+        background-repeat: no-repeat;
+        mix-blend-mode: multiply;
+      }
+
+      .box-blend-mode-inner.transformed {
+        transform: rotate(45deg);
+      }
+
+    </style>
+  </head>
+  <body>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-blending/bug1281593.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <title>Transform and Blend Mode</title>
+    <style>
+      body {
+        background: cornflowerblue;
+      }
+      .box-blend-mode {
+        width: 64px;
+        height: 64px;
+        margin-bottom: 1em;
+        background-color: hsla(0,0%,0%,.25);
+        mix-blend-mode: multiply;
+      }
+      .box-blend-mode-inner {
+        width: 48px;
+        height: 48px;
+        background-image: url("../backgrounds/transparent-32x32.png");
+        background-position: center center;
+        background-repeat: no-repeat;
+        mix-blend-mode: multiply;
+      }
+
+      .box-blend-mode-inner.transformed {
+        transform: rotate(45deg);
+      }
+
+    </style>
+  </head>
+  <body>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner"></div>
+    </div>
+    <div class="box-blend-mode">
+      <div class="box-blend-mode-inner transformed"></div>
+    </div>
+  </body>
+</html>
--- a/layout/reftests/css-blending/reftest.list
+++ b/layout/reftests/css-blending/reftest.list
@@ -91,8 +91,10 @@ pref(layout.css.background-blend-mode.en
 fuzzy-if(Android,4,768) fuzzy-if(gtkWidget,1,132) fuzzy-if(skiaContent,1,800) pref(layout.css.background-blend-mode.enabled,true) == background-blend-mode-body-transparent-image.html background-blend-mode-body-transparent-image-ref.html
 
 pref(layout.css.background-blend-mode.enabled,true) == background-blending-moz-element.html background-blending-moz-element-ref.html
 
 fuzzy(1,40000) pref(layout.css.background-blend-mode.enabled,true) == mix-blend-mode-soft-light.html mix-blend-mode-soft-light-ref.html
 
 # Test plan 4.4.2 element with isolation:isolate creates an isolated group for blended children
 pref(layout.css.isolation.enabled,true) == blend-isolation.html blend-isolation-ref.html
+
+pref(layout.css.background-blend-mode.enabled,true) == bug1281593.html bug1281593-ref.html