diff --git a/testsuite/reftests/Makefile.am b/testsuite/reftests/Makefile.am
index dc56cb7bff..44227dcc83 100644
--- a/testsuite/reftests/Makefile.am
+++ b/testsuite/reftests/Makefile.am
@@ -173,15 +173,18 @@ testdata = \
 	box-pseudo-classes.css \
 	box-pseudo-classes.ref.ui \
 	box-pseudo-classes.ui \
+	box-shadow-changes-modify-clip.css \
+	box-shadow-changes-modify-clip.ref.ui \
+	box-shadow-changes-modify-clip.ui \
 	box-shadow-spec-inset.css \
 	box-shadow-spec-inset.ref.ui \
 	box-shadow-spec-inset.ui \
 	box-shadow-spread.css \
 	box-shadow-spread.ref.ui \
 	box-shadow-spread.ui \
-	box-shadow-changes-modify-clip.css \
-	box-shadow-changes-modify-clip.ref.ui \
-	box-shadow-changes-modify-clip.ui \
+	box-shadow-with-blend-mode.css \
+	box-shadow-with-blend-mode.ref.ui \
+	box-shadow-with-blend-mode.ui \
 	button-wrapping.ui \
 	button-wrapping.ref.ui \
 	color-transition.css \
diff --git a/testsuite/reftests/box-shadow-with-blend-mode.css b/testsuite/reftests/box-shadow-with-blend-mode.css
new file mode 100644
index 0000000000..caceef5e79
--- /dev/null
+++ b/testsuite/reftests/box-shadow-with-blend-mode.css
@@ -0,0 +1,19 @@
+button {
+  all: unset;
+  margin: 10px;
+}
+
+button {
+  box-shadow: 0 0 5px;
+  background-color: transparent;
+  background-blend-mode: lighten, normal;
+  background-image: image(chartreuse), image(tomato);
+}
+
+button#reference {
+  box-shadow: 0 0 5px;
+  background-color: tomato;
+  background-blend-mode: lighten;
+  background-image: image(chartreuse);
+
+}
diff --git a/testsuite/reftests/box-shadow-with-blend-mode.ref.ui b/testsuite/reftests/box-shadow-with-blend-mode.ref.ui
new file mode 100644
index 0000000000..994e50d2ab
--- /dev/null
+++ b/testsuite/reftests/box-shadow-with-blend-mode.ref.ui
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated with glade 3.19.0 -->
+<interface>
+  <requires lib="gtk+" version="3.16"/>
+  <object class="GtkAction" id="action1"/>
+  <object class="GtkAction" id="action2"/>
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkButton" id="b">
+        <property name="name">reference</property>
+        <property name="label" translatable="yes">Hello World!</property>
+        <property name="visible">True</property>
+        <property name="can_focus">True</property>
+        <property name="receives_default">True</property>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/testsuite/reftests/box-shadow-with-blend-mode.ui b/testsuite/reftests/box-shadow-with-blend-mode.ui
new file mode 100644
index 0000000000..b2ae729e7c
--- /dev/null
+++ b/testsuite/reftests/box-shadow-with-blend-mode.ui
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated with glade 3.19.0 -->
+<interface>
+  <requires lib="gtk+" version="3.16"/>
+  <object class="GtkAction" id="action1"/>
+  <object class="GtkAction" id="action2"/>
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="type">popup</property>
+    <child>
+      <object class="GtkButton" id="b">
+        <property name="label" translatable="yes">Hello World!</property>
+        <property name="visible">True</property>
+        <property name="can_focus">True</property>
+        <property name="receives_default">True</property>
+      </object>
+    </child>
+  </object>
+</interface>