Add a reftest for flipping transforms

Verify that a scale of -1 does in fact cause a
gradient to go the other direction.

3 files changed, 36 insertions, 0 deletions

diff --git a/testsuite/reftests/gradient-flip.css b/testsuite/reftests/gradient-flip.css
new file mode 100644
index 0000000000..a949e7d141
--- /dev/null
+++ b/testsuite/reftests/gradient-flip.css
@@ -0,0 +1,14 @@
+@import "reset-to-defaults.css";
+
+#reference {
+  background: linear-gradient(to bottom, red, yellow);
+}
+
+window {
+  background: green;
+}
+
+#box1 {
+  transform: scaleY(-1);
+  background: linear-gradient(to bottom, yellow, red);
+}
diff --git a/testsuite/reftests/gradient-flip.ref.ui b/testsuite/reftests/gradient-flip.ref.ui
new file mode 100644
index 0000000000..d7ae2bcfa1
--- /dev/null
+++ b/testsuite/reftests/gradient-flip.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="decorated">0</property>
+    <property name="default_width">200</property>
+    <property name="default_height">200</property>
+    <property name="name">reference</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/gradient-flip.ui b/testsuite/reftests/gradient-flip.ui
new file mode 100644
index 0000000000..ffda6aa32f
--- /dev/null
+++ b/testsuite/reftests/gradient-flip.ui
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="decorated">0</property>
+    <property name="default_width">200</property>
+    <property name="default_height">200</property>
+    <child>
+      <object class="GtkBox">
+        <property name="name">box1</property>
+      </object>
+    </child>
+  </object>
+</interface>