diff --git a/tests/reftests/Makefile.am b/tests/reftests/Makefile.am
index 5eebd6e8b3..2dccc4f5bb 100644
--- a/tests/reftests/Makefile.am
+++ b/tests/reftests/Makefile.am
@@ -26,6 +26,9 @@ clean-local:
 
 EXTRA_DIST += \
 	align-expand.sh \
+	background-area.css \
+	background-area.ref.ui \
+	background-area.ui \
 	border-image-ball-green.png \
 	border-image-ball-red.png \
 	border-image-ball-yellow.png \
diff --git a/tests/reftests/background-area.css b/tests/reftests/background-area.css
new file mode 100644
index 0000000000..d5a7f372c0
--- /dev/null
+++ b/tests/reftests/background-area.css
@@ -0,0 +1,19 @@
+* {
+  engine: none;
+  border-radius: 0;
+  border-style: none;
+  border-image: none;
+  background-image: none;
+}
+
+GtkButton {
+  background-color: green;
+  border-style: solid;
+  border-color: rgba(255,0,0,0.6);
+  border-width: 4;
+}
+
+#reference {
+  border-color: rgb(153,102,0);
+}
+
diff --git a/tests/reftests/background-area.ref.ui b/tests/reftests/background-area.ref.ui
new file mode 100644
index 0000000000..1643a51e84
--- /dev/null
+++ b/tests/reftests/background-area.ref.ui
@@ -0,0 +1,19 @@
+<?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="GtkButton" id="button1">
+        <property name="name">reference</property>
+        <property name="label" translatable="yes">Make sure that the background
+area contains the border.</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>
+      </object>
+    </child>
+  </object>
+</interface>
diff --git a/tests/reftests/background-area.ui b/tests/reftests/background-area.ui
new file mode 100644
index 0000000000..a1861704f9
--- /dev/null
+++ b/tests/reftests/background-area.ui
@@ -0,0 +1,18 @@
+<?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="GtkButton" id="button1">
+        <property name="label" translatable="yes">Make sure that the background
+area contains the border.</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>
+      </object>
+    </child>
+  </object>
+</interface>