reftests: Add content-fit picture tests

14 files changed, 128 insertions, 0 deletions

diff --git a/testsuite/reftests/green-border-red-100x100.png b/testsuite/reftests/green-border-red-100x100.png
new file mode 100644
index 0000000000..e60d610141
--- /dev/null
+++ b/testsuite/reftests/green-border-red-100x100.png
diff --git a/testsuite/reftests/meson.build b/testsuite/reftests/meson.build
index 25fb13ab0d..2cd31db1c5 100644
--- a/testsuite/reftests/meson.build
+++ b/testsuite/reftests/meson.build
@@ -488,6 +488,18 @@ testdata = [
   'partial-rounded-border.css',
   'partial-rounded-border.ref.ui',
   'partial-rounded-border.ui',
+  'picture-content-fit-contain.css',
+  'picture-content-fit-contain.ref.ui',
+  'picture-content-fit-contain.ui',
+  'picture-content-fit-cover.css',
+  'picture-content-fit-cover.ref.ui',
+  'picture-content-fit-cover.ui',
+  'picture-content-fit-fill.css',
+  'picture-content-fit-fill.ref.ui',
+  'picture-content-fit-fill.ui',
+  'picture-content-fit-scale-down.css',
+  'picture-content-fit-scale-down.ref.ui',
+  'picture-content-fit-scale-down.ui',
   'picture-load-invalid-file.ui',
   'picture-load-invalid-file.ref.ui',
   'pixbuf-icon.ref.ui',
diff --git a/testsuite/reftests/picture-content-fit-contain.css b/testsuite/reftests/picture-content-fit-contain.css
new file mode 100644
index 0000000000..692c6c5c52
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-contain.css
@@ -0,0 +1,6 @@
+#reference {
+  background-image: url("green-border-red-100x100.png");
+  background-size: 200px 200px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
diff --git a/testsuite/reftests/picture-content-fit-contain.ref.ui b/testsuite/reftests/picture-content-fit-contain.ref.ui
new file mode 100644
index 0000000000..ad53809da9
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-contain.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <property name="name">reference</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-contain.ui b/testsuite/reftests/picture-content-fit-contain.ui
new file mode 100644
index 0000000000..e9452376c6
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-contain.ui
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-border-red-100x100.png</property>
+        <property name="content-fit">contain</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-cover.css b/testsuite/reftests/picture-content-fit-cover.css
new file mode 100644
index 0000000000..16664f48dc
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-cover.css
@@ -0,0 +1,6 @@
+#reference {
+  background-image: url("green-border-red-100x100.png");
+  background-size: 300px 300px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
diff --git a/testsuite/reftests/picture-content-fit-cover.ref.ui b/testsuite/reftests/picture-content-fit-cover.ref.ui
new file mode 100644
index 0000000000..ad53809da9
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-cover.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <property name="name">reference</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-cover.ui b/testsuite/reftests/picture-content-fit-cover.ui
new file mode 100644
index 0000000000..fb1b779e17
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-cover.ui
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-border-red-100x100.png</property>
+        <property name="content-fit">cover</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-fill.css b/testsuite/reftests/picture-content-fit-fill.css
new file mode 100644
index 0000000000..bcf25473f6
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-fill.css
@@ -0,0 +1,6 @@
+#reference {
+  background-image: url("green-border-red-100x100.png");
+  background-size: 100% 100%;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
diff --git a/testsuite/reftests/picture-content-fit-fill.ref.ui b/testsuite/reftests/picture-content-fit-fill.ref.ui
new file mode 100644
index 0000000000..ad53809da9
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-fill.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <property name="name">reference</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-fill.ui b/testsuite/reftests/picture-content-fit-fill.ui
new file mode 100644
index 0000000000..7e3cba6e79
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-fill.ui
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-border-red-100x100.png</property>
+        <property name="content-fit">fill</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-scale-down.css b/testsuite/reftests/picture-content-fit-scale-down.css
new file mode 100644
index 0000000000..1639549a90
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-scale-down.css
@@ -0,0 +1,6 @@
+#reference {
+  background-image: url("green-border-red-100x100.png");
+  background-size: 100px 100px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
diff --git a/testsuite/reftests/picture-content-fit-scale-down.ref.ui b/testsuite/reftests/picture-content-fit-scale-down.ref.ui
new file mode 100644
index 0000000000..ad53809da9
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-scale-down.ref.ui
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <property name="name">reference</property>
+  </object>
+</interface>
diff --git a/testsuite/reftests/picture-content-fit-scale-down.ui b/testsuite/reftests/picture-content-fit-scale-down.ui
new file mode 100644
index 0000000000..cebc1d5ed4
--- /dev/null
+++ b/testsuite/reftests/picture-content-fit-scale-down.ui
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <object class="GtkWindow" id="window1">
+    <property name="default-width">200</property>
+    <property name="default-height">300</property>
+    <property name="decorated">0</property>
+    <child>
+      <object class="GtkPicture">
+        <property name="paintable">green-border-red-100x100.png</property>
+        <property name="content-fit">scale-down</property>
+      </object>
+    </child>
+  </object>
+</interface>