Add some more gsk tests

The css-background test contains a node pattern that
is optimized in the ngl renderer.

testsuite/gsk/compare/borders-scaled.node

@@ -0,0 +1,13 @@
+transform {
+  child: container {
+    border {
+      outline: 5 5 50 50;
+    }
+    color {
+      color: rgba(0, 0, 0, 0);
+      bounds: 0 0 110 110;
+    }
+  }
+
+  transform: translate(110, 0) scale(3,3);
+}

testsuite/gsk/compare/css-background.node

@@ -0,0 +1,61 @@
+transform {
+  transform: scale(16,16);
+  child: container {
+
+    clip {
+      clip: 0 0 30 30;
+      child: container {
+        rounded-clip {
+          clip: 5 5 50 50 / 5;
+          child: color {
+            color: rgba(255, 0, 0, 255);
+            bounds: 5 5 50 50;
+          }
+        }
+        border {
+          outline: 5  5 50 50 / 5;
+          widths: 3;
+          colors: yellow;
+        }
+      }
+    }
+
+    debug {
+      message: "Clipped-out area";
+      child: container {
+
+        color {
+          color: black;
+          bounds: 7 5 5 1;
+        }
+
+        color {
+          color: black;
+          bounds: 6 6 2 1;
+        }
+
+        color {
+          color: black;
+          bounds: 5 7 2 1;
+        }
+
+        color {
+          color: black;
+          bounds: 5 8 1 3;
+        }
+
+        color {
+          color: black;
+          bounds: 8 8 1 3;
+        }
+
+        color {
+          color: black;
+          bounds: 8 8 3 1;
+        }
+      }
+    }
+  }
+}
+
+

testsuite/gsk/meson.build

@@ -28,6 +28,7 @@ compare_render_tests = [
   'color-blur0',
   'color-matrix-identity',
   'cross-fade-in-opacity',
+  'css-background',
   'empty-blend',
   'empty-blur',
   'empty-border',
@@ -68,6 +69,7 @@ compare_render_tests = [
   'repeat-negative-coords',
   'inset-shadow-multiple',
   'borders-rotated',
+  'borders-scaled',
   'blend-invisible-child',
   'transform-in-transform',
   'transform-in-transform-in-transform',