diff --git a/testsuite/gsk/compare/border-colorstates.node b/testsuite/gsk/compare/border-colorstates.node
new file mode 100644
index 0000000000..9540866622
--- /dev/null
+++ b/testsuite/gsk/compare/border-colorstates.node
@@ -0,0 +1,10 @@
+border {
+  colors: rgb(255,0,0) color(srgb-linear 1 0 0) color(rec2100-pq 0.792 0.231 0.0738) rgb(255,0,0);
+  outline: 0 0 100 100;
+  widths: 50;
+}
+border {
+  colors: rgb(255,0,0) color(srgb-linear 1 0 0) color(rec2100-pq 0.792 0.231 0.0738) rgb(255,0,0);
+  outline: -50 -50 200 200;
+  widths: 5;
+}
diff --git a/testsuite/gsk/compare/border-colorstates.png b/testsuite/gsk/compare/border-colorstates.png
new file mode 100644
index 0000000000..0e2cd1ba51
Binary files /dev/null and b/testsuite/gsk/compare/border-colorstates.png differ
diff --git a/testsuite/gsk/meson.build b/testsuite/gsk/meson.build
index 3842baf38b..88c7a4a748 100644
--- a/testsuite/gsk/meson.build
+++ b/testsuite/gsk/meson.build
@@ -25,6 +25,7 @@ compare_render_tests = [
   'blur-contents-outside-of-clip',
   'blur-huge-contents-outside-of-clip-nogl',
   'border-bottom-right',
+  'border-colorstates',
   'border-one-rounded',
   'border-opacity',
   'border-zero-width-color',