Add a reftest for bug 1281593. r=mstange
authorDavid Anderson <danderson@mozilla.com>
Tue, 02 Aug 2016 11:43:16 -0700
changeset 307868 0e63d98406fe16b80b8e41629a5a71dd4c52815e
parent 307867 8a8ee572051dbc143881719e1ae0b42a83017d47
child 307869 8232b0211660f6b5b60ab1db9acdcab022a995e0
push id30521
push usercbook@mozilla.com
push dateWed, 03 Aug 2016 15:04:18 +0000
treeherdermozilla-central@7f1b2e71efdc [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