reftests: add a reftest for multiple background layers

4 files changed, 251 insertions, 0 deletions

diff --git a/tests/reftests/Makefile.am b/tests/reftests/Makefile.am
index 2c5fe8c013..30eb1d09ef 100644
--- a/tests/reftests/Makefile.am
+++ b/tests/reftests/Makefile.am
@@ -32,6 +32,9 @@ EXTRA_DIST += \
 	background-color-transparent.css \
 	background-color-transparent.ref.ui \
 	background-color-transparent.ui \
+	background-image-multiple.css \
+	background-image-multiple.ref.ui \
+	background-image-multiple.ui \
 	background-origin.css \
 	background-origin.ref.ui \
 	background-origin.ui \
diff --git a/tests/reftests/background-image-multiple.css b/tests/reftests/background-image-multiple.css
new file mode 100644
index 0000000000..69efbba95f
--- /dev/null
+++ b/tests/reftests/background-image-multiple.css
@@ -0,0 +1,50 @@
+@import "reset-to-defaults.css";
+
+#button1 {
+    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(green);
+}
+
+#button2 {
+    background-color: green;
+    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(transparent);
+}
+
+#button3 {
+    padding: 12px;
+    background-image: linear-gradient(alpha(red, 0.50)), linear-gradient(green);
+    background-clip: content-box;
+}
+
+#button4 {
+    padding: 12px;
+    background-image: linear-gradient(red), linear-gradient(green);
+    background-clip: content-box, padding-box;
+}
+
+#button5 {
+    padding: 12px;
+    background-image: linear-gradient(red), linear-gradient(transparent);
+    background-clip: content-box, padding-box;
+    background-color: green;
+}
+
+#ref1,
+#ref2 {
+    background-color: #807f00;
+}
+
+#ref3 {
+    padding: 12px;
+    background-color: #807f00;
+    background-clip: content-box;
+}
+
+#ref4-bg,
+#ref5-bg {
+    background-color: green;
+}
+
+#ref4-fg,
+#ref5-fg {
+    background-color: red;
+}
diff --git a/tests/reftests/background-image-multiple.ref.ui b/tests/reftests/background-image-multiple.ref.ui
new file mode 100644
index 0000000000..c4cf4fe134
--- /dev/null
+++ b/tests/reftests/background-image-multiple.ref.ui
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.0 -->
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkBox" id="box1">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="orientation">vertical</property>
+        <property name="spacing">5</property>
+        <property name="border-width">5</property>
+        <child>
+	  <object class="GtkButton" id="ref1">
+	    <property name="name">ref1</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="ref2">
+	    <property name="name">ref2</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="ref3">
+	    <property name="name">ref3</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkFixed" id="fixed1">
+	    <property name="visible">True</property>
+	    <property name="can_focus">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+            <child>
+              <object class="GtkButton" id="ref4-bg">
+	        <property name="name">ref4-bg</property>
+	        <property name="visible">True</property>
+	        <property name="can_focus">True</property>
+	        <property name="receives_default">True</property>
+	        <property name="use_action_appearance">False</property>
+	        <property name="width_request">144</property>
+	        <property name="height_request">70</property>
+              </object>
+              <packing>
+                <property name="x">0</property>
+                <property name="y">0</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkButton" id="ref4-fg">
+	        <property name="name">ref4-fg</property>
+	        <property name="visible">True</property>
+	        <property name="can_focus">True</property>
+	        <property name="receives_default">True</property>
+	        <property name="use_action_appearance">False</property>
+	        <property name="width_request">120</property>
+	        <property name="height_request">46</property>
+              </object>
+              <packing>
+                <property name="x">12</property>
+                <property name="y">12</property>
+              </packing>
+            </child>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkFixed" id="fixed2">
+	    <property name="visible">True</property>
+	    <property name="can_focus">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+            <child>
+              <object class="GtkButton" id="ref5-bg">
+	        <property name="name">ref5-bg</property>
+	        <property name="visible">True</property>
+	        <property name="can_focus">True</property>
+	        <property name="receives_default">True</property>
+	        <property name="use_action_appearance">False</property>
+	        <property name="width_request">144</property>
+	        <property name="height_request">70</property>
+              </object>
+              <packing>
+                <property name="x">0</property>
+                <property name="y">0</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkButton" id="ref5-fg">
+	        <property name="name">ref5-fg</property>
+	        <property name="visible">True</property>
+	        <property name="can_focus">True</property>
+	        <property name="receives_default">True</property>
+	        <property name="use_action_appearance">False</property>
+	        <property name="width_request">120</property>
+	        <property name="height_request">46</property>
+              </object>
+              <packing>
+                <property name="x">12</property>
+                <property name="y">12</property>
+              </packing>
+            </child>
+	  </object>
+	</child>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/tests/reftests/background-image-multiple.ui b/tests/reftests/background-image-multiple.ui
new file mode 100644
index 0000000000..7ee4311062
--- /dev/null
+++ b/tests/reftests/background-image-multiple.ui
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <!-- interface-requires gtk+ 3.0 -->
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkBox" id="box1">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="orientation">vertical</property>
+        <property name="spacing">5</property>
+        <property name="border-width">5</property>
+        <child>
+	  <object class="GtkButton" id="button1">
+	    <property name="name">button1</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="button2">
+	    <property name="name">button2</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="button3">
+	    <property name="name">button3</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="button4">
+	    <property name="name">button4</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+        <child>
+	  <object class="GtkButton" id="button5">
+	    <property name="name">button5</property>
+	    <property name="visible">True</property>
+	    <property name="can_focus">True</property>
+	    <property name="receives_default">True</property>
+	    <property name="use_action_appearance">False</property>
+	    <property name="width_request">144</property>
+	    <property name="height_request">70</property>
+	  </object>
+	</child>
+      </object>
+    </child>
+  </object>
+</interface>